Урок 7 із 239
3%
← Назад

Робота з основними HTML-тегами

Знайомство з основними HTML-тегами, які використовуються для створення структури вебсторінки.

Робота з основними HTML-тегами

У попередніх уроках ми розглянули структуру HTML-документа, теги та атрибути. Тепер почнемо вивчати основні теги, які найчастіше використовуються під час створення сторінок.

У наступних уроках для простоти ми не будемо щоразу показувати всю структуру HTML-сторінки. Вважатимемо, що весь код знаходиться всередині тега body, якщо не зазначено інше.

<body>

  Тут знаходиться основний код сторінки.

</body>

Основні групи HTML-тегів

ГрупаПриклади тегів
Заголовки<h1> - <h6>
Текстові блоки<p>, <br>
Форматування тексту<b>, <i>, <strong>
Списки<ul>, <ol>, <li>
Посилання<a>
Зображення<img>

Кожен HTML-тег має своє призначення. Наприклад, заголовки використовуються для назв розділів, абзаци — для тексту, а посилання дозволяють переходити на інші сторінки.

<h1>Головний заголовок</h1>

<p>
  Це звичайний текстовий абзац.
</p>

<a href="https://example.com">
  Посилання
</a>
❗ Важливо:

Пам'ятайте: HTML-теги потрібно використовувати відповідно до їх призначення. Не варто створювати структуру сторінки тільки заради зовнішнього вигляду — для цього існує CSS.

📌 Завдання:
  1. Поясніть, де розміщується основний вміст HTML-сторінки.
  2. Назвіть три групи HTML-тегів.
  3. Який тег використовується для створення абзацу?
  4. Який тег використовується для створення посилання?
💡 Показати підказку

Основний вміст сторінки знаходиться всередині body. Для абзаців використовується тег p, а для посилань — тег a.

✅ Показати відповідь
1. Основний вміст HTML-сторінки знаходиться всередині тега body.

2. Приклади груп тегів:
- заголовки;
- текстові блоки;
- списки;
- посилання.

3. Для абзацу використовується тег <p>.

4. Для посилання використовується тег <a>.