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