HTML (HyperText Markup Language, мова гіпертекстової розмітки) - спеціальні інструкції браузеру, за допомогою яких створюються Веб-сторінки.
Теги HTML повідомляють браузеру інформацію про структуру й особливості форматування Веб-сторінки. Кожен тег містить певну інструкцію і полягає в кутові дужки <>. Більшість тегів складаються з відкриває і закриває частин і впливають на текст, укладений всередині.
Браузер переглядає (інтерпретує) HTML-документ, вибудовуючи його структуру (DOM) і відображаючи її відповідно до інструкцій, включеними в цей файл (таблиці стилів, скрипти). Якщо розмітка правильна, то у вікні браузера буде відображена HTML-сторінка, що містить HTML-елементи - заголовки, таблиці, зображення і т.д.
Процес інтерпретації (парсинг) починається раніше, ніж веб-сторінка повністю завантажена в браузер. Браузери обробляють HTML-документи послідовно, з самого початку, при цьому обробляючи CSS і співвідносячи таблиці стилів з елементами сторінки.
Практично всі теги мають атрибути (глобальні, що застосовуються для всіх html-елементів, і власні), які вказуються в форматі атрибут = "значення". Атрибути дозволяють змінювати властивості елемента, для якого вони задані. Атрибути прописуються в початковому тегу елемента.
Атрибути class і id пишуться для всіх HTML-елементів, за винятком елементів, що містять технічну інформацію - ,
, ,, <style> і <script>. Каждому элементу можно присвоить несколько значений class и только одно значение id. Множественные значения classзаписываются через пробел, <div class="nav top">. Значения class и idдолжны состоять только из букв, цифр, дефисов и нижних подчеркиваний и должны начинаться только с букв или цифр.</p>
<p>Большинство тегов — парные, они состоят из начального и закрывающего тегов.Начальный тег показывает, где начинается элемент, закрывающийся — где заканчивается. Закрывающий тег образуется путем добавления слэша / перед именем тега: <имя тега>…</имя тега>. Между начальным и закрывающим тегами находится содержимое тега — контент.</p><p>Одиночные теги не могут хранить в себе содержимого напрямую, оно прописывается как значение атрибута, например, тег <input type="button" value="Кнопка"> создаст кнопку с текстом Кнопка внутри.</p>
<p>Теги могут вкладываться друг в друга, например, <p><i>Текст</i></p>. При вложении следует соблюдать порядок их закрытия (принцип «матрёшки»), например, следующая запись будет неверной: <p><i>Текст</p></i>.</p>
<p>HTML-документ состоит из двух разделов — заголовка — между тегами <head>…</head> и содержательной части — между тегами <body>…</body>.</p>
<p>DOCTYPE отвечает за корректное отображение веб-страницы браузером. DOCTYPE определяет не только версию HTML (например, html), но и соответствующий DTD-файл в Интернете.</p>
<p><head> <!-- Техническая информация о документе --></p>
<p><meta charset="UTF-8"> <!-- Определяем кодировку символов документа --></p>
<p><title>.
розділ
. містить технічну інформацію про сторінку: заголовок, опис, ключові слова для пошукових машин, кодування і т.д. Введена в ньому інформація не відображається у вікні браузера, однак містить дані, які вказують браузеру, як слід обробляти сторінку.