На головну

Основи HTML



Основи HTML містять основні правила мови HTML, опис структури HTML-сторінки, відносини у структурі HTML-документа між HTML-елементами.


HTML-документ - це звичайний текстовий документ, може бути створений як у звичайному текстовому редакторі (Блокнот), так і в спеціалізованому, з підсвічуванням коду (Notepad ++, Visual Studio Code і т.п.). HTML-документ має розширення *.html.


HTML-документ складається з дерева HTML-елементів та тексту. Кожен елемент позначається у вихідному документі початковим (відкриваючим) і кінцевим (закриваючим) тегом (за рідкісним винятком).


Початковий тег показує, де починається елемент, кінцевий де закінчується. Тег, що закриває, утворюється шляхом додавання слеша / перед ім'ям тега. Між початковим та закриваючим тегами міститься вміст тега — контент.


Теги можуть вкладатися один в одного. При вкладенні слід дотримуватися порядку їх закриття (принцип «матрьошки»).


HTML-елементи можуть мати атрибути (глобальні, які застосовуються для всіх HTML-елементів, та власні). Атрибути прописуються у тезі елемента, що відкриває, і містять ім'я і значення, що вказуються у форматі ім'я атрибута="значення". Атрибути дозволяють змінювати властивості та поведінку елемента, для якого вони задано.


Якщо правильна розмітка, то у вікні браузера буде відображена HTML-сторінка, що містить HTML-елементи - заголовки, таблиці, зображення, тощо.


Процес інтерпретації (парсинг) починається, перш ніж веб-сторінка повністю завантажена в браузер. Браузери обробляють HTML-документи послідовно, від початку, обробляючи CSS і співвідносячи таблиці стилів з елементами сторінки.


HTML-документ складається з двох розділів - заголовка між тегами "head" і змістовної частини - між тегами "body".