14 поняття про мову розмітки гіпертексту
| Вид материала | Урок |
- Розділ: Мовознавство Ще раз про мову, 22.54kb.
- Кодування інформації, 193.39kb.
- Українська мова: походження, поняття І форми, сучасна мова, 91.87kb.
- Навчальна програма з курсу філософії для магістрів іноземних громадян факультету заочного,, 207.33kb.
- Зміст, 435.96kb.
- Законів України "Про мову", "Про освіту", 1355.12kb.
- Зміст навчальної програми з вищої математики для студентів 1 курсу фармацевтичного, 32.69kb.
- Програма вступного іспиту з фаху на напрям 100101"Енергетика та електротехнічні системи, 43.34kb.
- Найбільш важливі закон, 9288.95kb.
- План Поняття про екологію, її структуру та значення. Фактори середовища та їх класифікація, 277.37kb.
ТЕМА 14 ПОНЯТТЯ ПРО МОВУ РОЗМІТКИ ГІПЕРТЕКСТУ
УРОК 1 ОСНОВНІ ПОНЯТТЯ
Створення Web-сторінок здійснюється за допомогою спеціальної мови, близької до мов програмування. Ця мова називається мовою розмітки гіпертексту — HTML (HyperText Markup Language).
Програми-броузери виконують відображення Web-сторінок на екрані комп'ютера відповідно до команд, які автор документа помістив у його текст. Такі команди називаються теги, або дескриптори. Правила запису тегів складають
основу мови HTML. Будь-який Web-документ є звичайним текстовим документом, який розмічений тегами HTML. Такі документи також називають HTML-документами. При відображенні HTML-документа на екрані за допомогою броузера теги не показуються, користувач бачить тільки текст, оформлення якого задається тега-ми (звичайно броузери надають можливість користувачу побачити також початковий текст з тегами HTML).
Документ HTML — це звичайний текстовий документ, його можна створити в будь-якому
текстовому редакторі. Він має зберігатися у файлі з розширенням «htm» у вигляді текстового документа (тобто не мати форматування).
Теги HTML — це команди, які визначають правила форматування тексту.
Під час запису теги беруться в дужки «<» та «>». їх можна записувати як великими, так і маленькими літерами. Більшість тегів використовуються парами: відкриваючий та завершуючий. Завершуючі теги за написанням не відрізняються від відкриваючих, але починаються із символу «/».
Наприклад:
Складні теги мають, крім ключового слова, додаткові атрибути та параметри, які деталізують спосіб виконання тегу.
Існує понад сотню тегів HTML, серед яких є спеціальні теги для форматування тексту, для вставляння графічних та мультимедійних об'єктів тощо. Далі будуть розглянуті найпростіші з них.
Оформлення Web-сторінки
Web-сторінка оформлюється стандартно та має вигляд:
Вміст заголовка
Вміст тіла
Теги «html» та «/html» указують на початок та кінець Web-сторінки, вони не є обов'язковими.
Теги «head» та «/head» указують на початок та кінець заголовка Web-сторінки. Заголовок може містити назву сторінки, інші елементи з додатковою інформацією про сторінку.
Теги «body» та «/body» указують на початок та кінець тіла Web-сторінки. Тіло може містити текст сторінки, гіперпосилання, графічні зображення, елементи мультимедіа тощо.
Назва Web-сторінки записується у заголовку HTML-документа та обмежується з двох боків тегами
Наприклад:
Текст, записаний у тілі HTML-документа без тегів, виводиться на екран без форматування.
Для розмітки тексту на абзаци використовується тег «р», який уміщується на початку ко-
жного абзацу. Завершуючий тег «/р» використовувати не обов'язково. При виконанні тегу «р» завершується поточний абзац та додається порожній рядок перед наступним абзацом. Для переходу до нового рядка без додавання порожнього використовується тег «br», він не має парного.
Для виділення заголовків у тексті Web-сторінки використовуються теги «hi», «h2», ... «h6», які відповідають розміру шрифту заголовка («hi» -- найбільший, і так далі). Ці теги обов'язково використовувати разом з відповідними завершуючими тегами.
Наприклад:
Для розміщення тексту абзацу або заголовка по центру, по правому або по лівому краю документа використовується параметр «align», якому треба присвоїти відповідне значення: center (по центру), right (по правому краю) або left (по лівому краю).
Наприклад:
<р align=left>
Для включення у Web-сторінку графічного зображення використовується тег
Наприклад:
Якщо зображення знаходиться на іншому комп'ютері, треба вказати його URL адресу.
Наприклад:
"om/main/something.bmp">
Приклад Web-сторінки:
align=center> Теорема Піфагора
Сума квадратів катетів прямокутного трикутника дорівнює квадрату гіпотенузи:
<р align=center>
ал2 + ЬЛ2 = сл2
Вигляд Web-сторінки:
Розміщення гіперпосилань
У Web-сторінки можна включати гіперпоси-лання двох типів: внутрішні та зовнішні. Внутрішні гіперпосилання використовуються для переміщення в межах однієї Web-сторінки, зовнішні — для переходу на іншу Web-сторінку.
Для того, щоб внутрішнє гіперпосилання на деякий текст стало можливим, цей текст необхідно помітити:
<а name="Some_name"> Текст, на який робиться посилання
Гіперпосилання оформлюється за допомогою параметра «nref» тега «а». Наприклад, гіперпосилання на текст під назвою «Some_name» буде мати вигляд:
<а nref="#Some_name"> Текст гіперпосилання
Зовнішні гіперпосилання оформлюються за допомогою параметра «href» тега «а» та мають вигляд:
<а href=" шлях "> Текст гіперпосилання
Наприклад:
<а href="main/something.bmp"> Цікавий малюнок
Якщо документ знаходиться на іншому комп'ютері, треба вказати його URL адресу. Наприклад: <а href=
"om/main/something.bmp"> Цікавий малюнок
Приклад Web-сторінки:
align=center> Основні геометричні фігури
Нижче наведено визначення деяких геометричних фігур:
<а href="#napanenorpaM"> паралелограма ,
<а href=''#npflMOKyTHHK''> прямокутника та
<а href="#pOM6"> ромба.
<р align=left>
<а пате="#паралелограм"> Паралелограмом
називається чотирикутник, у якого протилежні сторони паралельні.
<р align=left>
<а пате="#прямокутник"> Прямокутником
називається паралелограм, у якого всі кути прямі.
<р align=left>
<а пате="#ромб"> Ромбом
називається паралелограм, у якого всі сторони рівні.
<р align=left>
Теорему Піфагора для прямокутного трикутника можна знайти
<а href ="html.php"> тут.
Вигляд Web-сторінки:
