Шаг 10: Мини‑страница курса

Соберём всё вместе: семантика + форма + список + картинка. Это основа лендинга курса.

Код примера

<header><h1>Курс "HTML с нуля"</h1></header>
<main>
  <section>
    <img src="course.png" alt="Обложка курса HTML">
    <p>Научим писать чистый, доступный и валидный HTML.</p>
    <ul>
      <li>Семантика</li>
      <li>Формы</li>
      <li>Доступность</li>
    </ul>
  </section>
  <form>
    <label for="email">Email:</label>
    <input type="email" id="email" name="email" required>
    <button type="submit">Записаться</button>
  </form>
</main>
<footer>© 2026 Планета Знаний</footer>