Тег (мн. Теги, іноді тег) - це елемент мови HTML, за допомогою якого виконується розмітка вихідного тексту веб-сторінки. Теги представляють із себе скорочення або абревіатури англійських слів укладені в кутові дужки <>, наприклад, тег
...
скорочення від англійського слова paragraph. тобто текст укладений в даний тег буде розпізнаватися браузерами, як параграф.
Класифікація тегів
Всього тегів в HTML налічується більше 90. Як правило, один тег впливає тільки на частину документа, наприклад, тег заголовка першого рівня. У таких випадках використовуються парні теги: відкриває і закриває. Хто відкриває тег (наприклад,) - припиняє його дію. Як видно з прикладу, що закриває тег завжди має ось такий символ (/) - прямий слеш. Такі теги називають парні.
Деякі теги дають разовий ефект в місці своєї появи. Наприклад, тег горизонтальної смуги
або тег відображення картинки
типи тегів
Крім того теги поділяють на кілька типів, яке розрізняються по виконуємо функцій:
Це поділ не строге, тому деякі теги знаходяться в різних групах. Наприклад, теги для створення списків
- і
- відносяться і до списків, і до блокових елементів.
структура тегів
При завантаженні в браузері самі теги не відображаються, але впливають на спосіб відображення свого вмісту. Якщо в написання тега допущена помилка, він ігнорується цілком.
Всі теги мають певну структуру, яку необхідно дотримуватися при написанні. Крім того, практично всі теги мають різні атрибути, які можуть змінювати спосіб відображення вмісту.
Давайте подивимося на правильну структуру тегів містять атрибути:
Для прикладу я привів два абсолютно різних тега. перший одинарний - відповідає за виведення зображень, атрибут - src = "logo.jpg». другий ... парний відповідає за створення посилань, атрибут - href = "samsebewebmaster.ru».
Висновок 1. Атрибути можуть мати парні і непарні теги.
Висновок 2. Атрибути можуть мати тільки відкривають теги, що закривають теги не мають атрибутів.
Картинка для роз'яснення:
Малюнок 1. Cтрутура тега html
Завдання на уважність і знання синтаксису HTML
Давайте подивимося на прикладі простої веб-сторінки, яку ми розглядали в уроці Введення в HTML: