Основи мови HTML
HyperText Markup Language (HTML) - мова розмітки гіпертексту - призначений для написання гіпертекстових документів, що публікуються в World Wide Web.
Гіпертекстовий документ - це текстовий файл, що має спеціальні мітки, звані тегами, які згодом впізнаються браузером і використовуються їм для відображення вмісту файлу на екрані комп'ютера. За допомогою цих позначок можна виділяти заголовки документа, змінювати колір, розмір і накреслення літер, вставляти графічні зображення і таблиці. Але основною перевагою гіпертексту перед звичайним текстом є можливість додавання до вмісту документа гіперпосилань - спеціальних конструкцій мови HTML, які дозволяють клацанням миші перейти до перегляду іншого документа.
Існує два способи створення гіпертекстових документів. Можна скористатися одним з WYSIWYG HTML-редакторів (наприклад, Netscape Composer, основи роботи з якому розглянуті в розділі "Обробка тексту на ЕОМ", Microsoft FrontPage, HotDog, або ін), для роботи з якими не потрібно спеціальних знань про внутрішню структуру створюваного документа. Цей спосіб дозволяє створювати документи для WWW без знання мови HTML. HTML-редактори автоматизують створення гіпертекстових документів, позбавляють від рутинної роботи. Проте їхні можливості обмежені, вони сильно збільшують розмір одержуваного файлу і не завжди отриманий з їх допомогою результат відповідає очікуванням розробника. Але, безумовно, цей спосіб незамінний для новачків у справі підготовки гіпертекстових документів.
Альтернативою є створення і розмітка документа за допомогою звичайного редактора plain-тексту (таких, як emacs або NotePad). При цьому способі в текст вручну вставляються команди мови HTML. Створюючи документи таким способом, ви точно знаєте, що робите.
Як вже зазначалося, HTML-документ містить символьну інформацію. Одна її частина - власне текст, тобто дані, що становлять вміст документа. Інша - теги (markup tags), звані також прапорами розмітки, - спеціальні конструкції мови HTML, які використовуються для розмітки документа і керують його відображенням. Саме теги мови HTML визначають, у якому вигляді буде представлений текст, які його компоненти будуть виконувати роль гіпертекстових посилань, які графічні або мультимедійні об'єкти повинні бути включені в документ. Графічна та звукова інформація, включається в HTML-документ, зберігається в окремих файлах. Програми перегляду HTML-документів (браузери) інтерпретують прапори розмітки і мають у своєму розпорядженні текст і графіком на екрані відповідним чином. Для файлів, що містять HTML-документи, прийняті розширення. Htm або. Html.
Прописні і малі літери при записі тегів не розрізняються. У більшості випадків теги використовуються парами. Пара складається з відкриваючого (Start tag) і закриває (end tag) тегів. Синтаксис відкриваючого тега:
<Імя_тега [атрибути]>Прямі дужки, які використовуються в описі синтаксису, означають, що даний елемент може бути відсутньою. Ім'я закриває тега відрізняється від імені відкриваючого лише тим, що перед ним ставиться похила риса:
</Імя_тега>
Атрибути тега записуються в наступному форматі:
ім'я [= "значення"]Лапки при завданні значення аргументу не обов'язкові і можуть бути опущені. Для деяких атрибутів значення може не вказуватися. У закриває тега атрибутів не буває.
Дія будь-якого парного тега починається з того місця, де зустрівся що відкриває тег і закінчується при зустрічі відповідного закриває тега. Часто пару, що складається з відкриваючого і закриває тегів, називають контейнером, а частина тексту, облямовану що відкриває і закриває тегом, - елементом.
Послідовність символів, складова текст, може складатися з прогалин, табуляцій, символів переходу на новий рядок, символів повернення каретки, букв, знаків пунктуації, цифр, і спеціальних символів (Наприклад, +, #, $, @), за винятком наступних чотирьох символів, що мають у HTML спеціальний сенс: <(менше), > (більше), & (Амперсенд) і "(лапки). Якщо необхідно включити до тексту будь-якої з цих символів, то слід закодувати його особливої послідовністю символів.
До спеціальних символів можна віднести і нерозривний пробіл. Використання цього символу - один зі способів збільшити відстань між деякими словами в тексті. Звичайні прогалини використовувати для цих цілей не можна, так як група поспіль йдуть пробілів інтерпретується браузером як один.
Кожна з таких зарезервованих послідовностей починається символом амперсенда (&) і закінчується крапкою з комою (;).
| Послідовність | Символ |
|---|---|
| < | символ < |
| > | символ > |
| & | символ & |
| " | символ " (лапки) |
| | нерозривний пробіл |
Структура HTML-документа
Найголовнішим з тегів HTML є однойменний тег - <HTML>. Він повинен завжди відкривати ваш документ, так само, як тег </HTML> повинен неодмінно стояти в останній його рядку. Ці теги позначають, що знаходяться між ними рядка представляють єдиний гіпертекстовий документ. Без цих тегів браузер або інша програма перегляду не в змозі ідентифікувати формат документа і правильно його інтерпретувати.
Закриваючий тег так само важливий, як і відкриває. Якщо, наприклад, документ включений в електронний лист, тег </HTML> дає команду програмі перегляду припинити інтерпретацію тексту, як HTML-коду.
HTML-документ складається з двох частин: заголовок (head) і тіло (body), розташованих в наступному порядку:
<HТМL>
<HЕАD>
...
</HЕАD>
<ВОDY>
...
</ВОDY>
</HТМL>
У HTML-документ можна включати коментарі, дозволяють приховати частина тексту від браузера. Все, що укладена між послідовностями символів <!-- і -->, при перегляді сторінки залишається невидимим. Коментарі не можуть бути вкладеними один в одного.
Назва документу
Включення в документ заголовної частини не є обов'язковим. Завданням заголовка є подання необхідної інформації для браузера та сервера HTTP. Інформація, розміщена всередині заголовка документа, зазвичай не виводиться на екран (крім назви документа).
Назва документу відкривається тегом <HЕAD>, який звичайно треба відразу ж за тегом <HTML>. Закриваючий тег </HEAD> показує кінець цього розділу, між ними розташовуються інші теги заголовка документа.
Найчастіше в заголовок документа включають парний тег <TITLE>... </TITLE>, що визначає назва документа. Багато програм перегляду використовують його як заголовок вікна, в якому виводять документ. Програми, індексує документи в мережі Інтернет, використовують назву для ідентифікації сторінки. Гарне назва повинна бути досить довгим для того, щоб можна було коректно вказати відповідну сторінку, і в той же час воно має поміщатися в заголовку вікна. Назва документа вписується між відкриває і закриває тегами.
Тіло документа
На відміну від заголовка, тіло документа є обов'язковим елементом, тому що в ньому розташовується весь матеріал вашого документа (є тільки одне виняток, з яким ми познайомимося далі, - коли документ містить замість тіла групу фреймів). Тіло документа розміщується між тегами <BODY> і </BODY>. Все, що розміщене між цими тегами, інтерпретується браузером відповідно до правил мови HTML, що дозволяють коректно відображати сторінку на екрані монітора.
Тег <BODY> не тільки позначає початок вмісту документа, але і задає його основні властивості: колір фону, тексту і багато інше. Ці властивості визначаються за допомогою атрибутів, які наведені в таблиці.
| Атрибут | Призначення |
|---|---|
| ALINK | Визначає колір активного посилання |
| BACKGROUND | Вказує на URL-адресу зображення, яке використовується в якості фонового |
| BGCOLOR | Визначає колір фону документа |
| LINK | Визначає колір невідвідування посилання |
| ТЕХТ | Визначає колір тексту |
| VLINK | Визначає колір Відвідані посилання |
Приклад
<НТML>
<НЕAD>
<ТIТLE>Моя сторінка</ТIТLE>
</НЕАD>
<ВОDY ТЕXT=rеd BGСОLOR=whitе>
Тело <!-- Це коментар --> документа
</ВОDY>
</НТML>
Інформацію взято з сайту http://www.ctc.msiu.ru/.