Page 25 - 6108

ЗМ2. ОСНОВИ ПРЕДСТАВЛЕННІ ІНФОРМАЦІЇ НА ВЕБ-
СТОРІНЦІ

Тема 2.1 Мова розмітки HTML

2.1.1 Основи HTML
HTML (HyperText Markup Language) – мова гіпертекстової розмітки, що
задає розташування елементів на веб-сторінці.
Перегляд HTML-документу здійснюється за допомогою браузера, який
відображає документ на основі початкового коду, що описує структуру HTML-

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

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

параметр = "значення"
Самими поширеними універсальними атрибутами є

 class – визначає ім'я класу для елемента (використовується для
визначення класу в таблиці стилів). Прийняті значення: ім'я класу.
 id – визначає унікальний ідентифікатор елемента. Прийняті значення:
id - ідентифікатор елемента.
 style – вказує на код CSS, що застосовується для оформлення
елемента.
 title – визначає додаткову інформацію про елемент, задаючи
спливаючу підказку для сторінки. Прийняті значення: текст.
Атрибути дозволяють змінювати властивості елемента, для якого вони
задані. Атрибути прописуються в початковому тезі елемента.
Більшість тегів – парні, вони складаються з початкового і кінцевого тегів.
Початковий тег показує, де починається елемент, кінцевий – де закінчується.
Закриваючий тег утворюється шляхом додавання слешу / перед ім'ям тега:

<ім'я тега> ... </ ім'я тега>.

Між початковим і кінцевим тегами знаходиться вміст тега – контент.
Одиночні теги не можуть зберігати в собі вміст безпосередньо, він
прописується як значення атрибута, наприклад, тег