Основи HTML — структура документа

Що таке HTML?

HTML (HyperText Markup Language) — це мова розмітки, яка використовується для створення веб-сторінок. HTML описує структуру сторінки за допомогою тегів.

HTML — це НЕ мова програмування. Це мова розмітки!

Структура HTML-документа

Кожна HTML-сторінка має стандартну структуру:

<!DOCTYPE html>
<html lang="uk">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Моя перша сторінка</title>
</head>
<body>
    <h1>Привіт, світе!</h1>
    <p>Це моя перша веб-сторінка.</p>
</body>
</html>

Розбір структури

Тег	Призначення
`<!DOCTYPE html>`	Вказує браузеру, що це HTML5 документ
`<html>`	Кореневий елемент сторінки
`<head>`	Метадані (не видимі на сторінці)
`<meta charset="UTF-8">`	Кодування символів (підтримка кирилиці)
`<title>`	Заголовок вкладки браузера
`<body>`	Видимий вміст сторінки

Заголовки

HTML має 6 рівнів заголовків:

<h1>Заголовок 1 рівня (найважливіший)</h1>
<h2>Заголовок 2 рівня</h2>
<h3>Заголовок 3 рівня</h3>
<h4>Заголовок 4 рівня</h4>
<h5>Заголовок 5 рівня</h5>
<h6>Заголовок 6 рівня (найменш важливий)</h6>

Параграфи та текст

<p>Це параграф тексту. Браузер автоматично додає відступи між параграфами.</p>
<p>Це другий параграф. Перенос рядка в коді <strong>не створює</strong> новий рядок на сторінці.</p>

Що далі?

У наступному уроці ми вивчимо текстове форматування, списки та навчимося створювати навігацію між сторінками.