Практика на основні HTML теги

Закріпіть знання основних HTML тегів, створивши просту вебсторінку.

Практика на основні HTML теги

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

Створіть HTML-сторінку та використайте заголовки, абзаци, списки, посилання, зображення і таблицю.

Завдання №1

📌 Завдання:

Створіть HTML-сторінку з заголовком h1.
Додайте декілька абзаців через тег p.
Виділіть частину тексту жирним через b.
Виділіть частину тексту курсивом через i.

Завдання №2

📌 Завдання:

Створіть список ul із декількох пунктів.
Створіть список ol з нумерацією.
Додайте посилання на іншу HTML-сторінку.
Додайте зображення через тег img.

Завдання №3

📌 Завдання:

Створіть таблицю через тег table.
Додайте заголовки колонок через th.
Додайте дані через td.
Створіть таблицю мінімум із трьома рядками.

❗ Важливо:

Мета практики — не просто повторити теги, а навчитися комбінувати їх для створення структури реальної HTML-сторінки.

💡 Показати підказку

Починайте сторінку зі структури HTML5: doctype, html, head, body. Потім поступово додавайте елементи всередину body.

✅ Показати відповідь

Приклад структури:

<h1>Моя сторінка</h1>

<p>
  Це звичайний текст.
  <b>Жирний текст</b>
  та
  <i>курсивний текст</i>.
</p>

<ul>
  <li>HTML</li>
  <li>CSS</li>
</ul>

<img src="image.jpg">

<table border="1">
  <tr>
    <th>Назва</th>
    <th>Опис</th>
  </tr>

  <tr>
    <td>HTML</td>
    <td>Структура сайту</td>
  </tr>
</table>