Що таке тег в HTML?
Тег у HTML - це будівельний елемент вебсторінки, за допомогою якого браузеру повідомляється, що саме потрібно відобразити і яку роль відіграє цей елемент.
Простіше кажучи:
Тег - це команда для браузера, що описує структуру і зміст вмісту.
Як виглядає тег
Тег - це слово, взяте в кутові дужки < >.
Більшість тегів мають відкриваючу і закриваючу форму:
<p>Це абзац тексту.</p><p>- відкриваючий тег (початок елемента).</p>- закриваючий тег (кінець елемента).- Усе між ними - вміст (content).
Приклад кількох тегів:
<h1>Заголовок сторінки</h1>
<p>Текст під заголовком.</p>
<a href="https://example.com">Посилання</a>
<img src="photo.jpg" alt="Фото">Тут:
<h1>- заголовок,<p>- абзац,<a>- посилання,<img>- зображення.
Види тегів
- Парні - мають відкриваючий і закриваючий тег:
<div>Вміст</div>
<p>Текст</p>- Одиночні (самозакривні) - не містять тексту всередині і не потребують закриття:
<img src="photo.jpg" alt="Фото">
<br>
<hr>Атрибути тегів
Теги можуть мати атрибути: додаткові параметри, які уточнюють їхню поведінку. Вони пишуться всередині відкриваючого тега.
Приклад:
<a href="https://example.com" target="_blank">Перейти</a>Тут:
href- адреса посилання,target="_blank"- відкривати в новій вкладці.
Як браузер розуміє теги
Браузер не відображає самі теги, а лише інтерпретує їх:
<h1>робить текст великим заголовком,<p>додає відступи між абзацами,<img>вставляє картинку тощо.
Підсумок:
| Термін | Значення |
|---|---|
| Тег | Команда для браузера, яка вказує, який елемент потрібно створити |
| Відкриваючий тег | Початок елемента (<p>) |
| Закриваючий тег | Кінець елемента (</p>) |
| Атрибут | Додаткова властивість тега (src, href, alt) |
| Елемент | Усе разом: тег + вміст + атрибути |
Простими словами: Тег - це "мітка", якою HTML позначає кожен шматочок сторінки: де заголовок, де текст, де картинка і що з цим робити. Без тегів браузер не зрозумів би, як зібрати сторінку зі звичайного тексту.
Коротка відповідь
Для співбесідиКоротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.