HTML Tools
UKENRU

Перша завершена веб-сторінка

Це фінальний урок курсу — зберіть усе, що вивчили: структуру документа, заголовки, посилання, зображення, списки та CSS в одну повноцінну сторінку.

Приклад

<!DOCTYPE html>
<html lang="uk">
<head>
  <meta charset="UTF-8">
  <title>Моя перша сторінка</title>
  <style>
    body { font-family: sans-serif; max-width: 600px; margin: 2rem auto; }
    h1 { color: #1f6feb; }
  </style>
</head>
<body>
  <header><h1>Привіт, це моя сторінка!</h1></header>
  <main>
    <p>Я вивчаю HTML і вже вмію робити:</p>
    <ul>
      <li>Заголовки та текст</li>
      <li>Посилання на <a href="https://html.com.ua">HTML Tools</a></li>
      <li>Списки, як цей</li>
    </ul>
  </main>
  <footer><p>&copy; 2026</p></footer>
</body>
</html>
▶ Спробувати в редакторі

Завдання

Додайте свою фотографію (img) та ще один розділ із таблицею чи формою — і у вас готова перша повноцінна сторінка!

Схожі інструменти

Як створити HTML-сторінку з нуля

Практичний гід: як створити index.html, підключити CSS, правильно організувати файли і уникнути типових помилок початківців.

HTML — Довідник