Мова гіпертекстової розмітки

Мова гіпертекстової розмітки HTML

ОСНОВНІ ПОНЯТТЯ МОВИ HTML

Гіпертекст – це текст, що містить зв’язки з іншими документами (гіперпосилання). Це дає змогу переходити до інших документів безпосередньо з того, що містить активне посилання.

HTML (англ. HyperText Markup Language — мова розмітки гіпертекстових документів) – текстова мова розмітки, призначена для розмітки документів, які містять текст, зображення, гіперпосилання, тощо. Розмітка – процес розміщення в тексті кодів НТМL.

Документи створені мовою HTML називають HTML-документи. Це звичайні текстові файли, які містять мітки (так звані теги).

Тег (від англ. tag – “ярлик, етикетка, бірка”) – це символ розмітки мови HTML, який вводиться в кутових дужках <>. Інша назва тегу – дескриптор. За допомогою тегів у HTML-документі форматують різні елементи: параграфи, розділи, абзаци, списки, малюнки, таблиці, колонтитули, індекси, зміст тощо. Кожен елемент має унікальну назву латинськими літерами і не чутливий до регістру.

Перегляд HTML-документів здійснюється за допомогою веб-браузера.

РОЗМІТКА HTML-ДОКУМЕНТА

Розмітка документів – це опис різних фрагментів документа та їх взаємного розташування. Розмітка здійснюється за допомогою тегів мови HTML.
Переглянути розмітку HTML-документа можна, якщо відкрити його у будь-якому текстовому редакторі (наприклад Блокнот).
Щоб переглянути HTML-код в веб-браузері, достатньо клацнути правою кнопкою миші на документі та обрати команду «Переглянути джерело сторінки».
Створювати і працювати з HTML-документами (файлами) можна і без доступу до мережі Інтернет. Під час роботи, HTML-документ може бути відкритий в текстовому редакторі та у браузері одночасно. Після збереження змін в коді, потрібно оновити сторінку браузера, на якій відкритий цей же документ, щоб переглянути HTML-документ.

Загальна структура HTML-документа

HTML-документ складається з трьох основних елементів:
Декларація типу документа – (англ. Document type declaration, Doctype) – тег, який визначає тип документа.
Шапка документа (тег HEAD) – загальні або додаткові відомості про HTML-документ, які не відображаються у вікні браузера.
Тіло документа (тег BODY), основний зміст документа.

Теги можуть бути відкриваючі або початкові (наприклад ) та закриваючі або кінцеві (наприклад ).
Закриваючий (кінцевий тег) позначається так само як початковий, але перед ключовим словом додається знак «/».
Деякі теги, наприклад <br>, не містять змісту і тому не мають кінцевого дескриптора. Всередині тегів можнуть міститись інші.

Приклад загальної структури HTML документа:

ЕЛЕМЕНТИ HTML-ДОКУМЕНТА

Елементи являють собою базові компоненти розмітки мови HTML.
Кожен елемент HTML-документу має у загальному вигляді три складові:
• теги (початковий та кінцевий);
• атрибути (знаходяться в кутових дужках тегу і вводяться через пропуск);
• зміст (контент), який знаходиться між тегами – текстова та графічна інформація, яка буде відтворюватися при перегляді документа.
Наприклад:
<ТЕГ АТРИБУТ=”ЗНАЧЕННЯ”>КОНТЕНТ</ТЕГ>

Види елементів розмітки:
Елементи структурної розмітки – використовуються для опису семантики тексту і не змінюють візуальне відтворення тексту.
Елементи візуальної розмітки – застосовуються для змінення візуальних ефектів тексту.
Елементи розмітки гіпертексту використовують для з’єднання частин документу з іншими документами.

Деякі базові типи даних мови HTML:
• Color — колір sRGB, записаний у шістнадцятковому вигляді, або одне з шістнадцяти службових слів;
• ContentType — тип вмісту;
• Charset — таблиця кодування символів;
• Character — мнемоніка або окремий символ із UCS;
• Datetime — дата та час;
• Script — скрипт;
• StyleSheet — дані таблиць стилів;
• Text — текстові рядки.

ВАЛІДАЦІЯ

Як і кожна мова, мова HTML має свою власну граматику, словник і синтаксис. І кожен документ, написаний цією мовою, має дотримуватися цих правил. Проте, так як і тексти природних мов, тексти з розміткою HTML можуть містити граматичні помилки. Процес перевірки документа на дотримання визначених мовою правил називають валідацією, а інструмент, який здійснює перевірку – валідатором. Документ, що пройшов цей процес без помилок називають валідним.

Найкращі текстові редактори для роботи з HTML:

Sublime Text 3

Notepad++

Довідник HTML

http://htmlbook.in.ua/tegs-html/