Форматування HTML-документів здійснюється за допомогою тегів (дескрипторів). Теги – це команди, які використовуються для того, щоб тим чи іншим способом вивести інформацію, показати малюнок тощо. Теги мають атрибути, котрі в свою чергу мають значення.
Тег – це фрагмент HTML-коду, що описує певні елементи документа і вміщений у кутові дужки < >.
Атрибути та значення – це інформація уточнюючого характеру, яка вказується разом із тегом.
Наприклад, якщо тег <img> вказує на те, що потрібно вставити малюнок, то його атрибут src разом зі значенням “image.jpg” уточнює, який саме малюнок:
<img src = “image.jpg”>
Більшість тегів мають атрибути.
Усі теги поділяються на дві групи: ті, що потрібно закривати та ті, що не потребують закриття.
Приклад
<a href=”index.html”>На головну сторінку</a>
Приклад
<br>
У першому прикладі тег <a> – тег відкриття, а тег </a> – його закриття.
Якщо тег відкриття містяться між “<” та “>” то тег закриття відповідно між “</” та “>”. У тегах закриття не потрібно вказувати атрибутів, що вказувалися при відкритті цього тегу.
Якоюсь мірою теги можна назвати контейнерами. Вони виконують дію над фрагментами тексту, графікою чи мультимедійною інформацією, що знаходиться між тегами відкриття та закриття.
При інтерпретації HTML-коду, браузери не розрізняють великі та малі літери в назвах тегів. Тобто, теги <HTML>, <html>, <Html> – виконаються браузером однаково.
Визначте для себе стиль написання HTML-коду та дотримуйтесь його. Це спростить розуміння коду.
1.2. Структура HTML–документа
Для того, щоб вивчити структуру HTML–документу розглянемо приклад.
Лістинг 1.1. Структура HTML–документа
<html>
<head>
<title> My First Page</title>
</head> Заняття №1
<body>
<p> Я створив мою першу сторінку </p>
</body>
</html>
Як бачите, структура HTML–документа досить проста. Документ починається тегом <html> та закінчується тегом </html>, що вказує на те, що даний документ є HTML–документ. Між цими тегами знаходяться заголовок та тіло HTML–документа.