Первая завершённая веб-страница

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

Пример

<!doctype html>
<html lang="ru">
<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) и ещё один раздел с таблицей или формой — и у вас готова первая полноценная страница!

Похожие инструменты