1. Пример страницы с семантическими элементами:

<!DOCTYPE html>

<html lang="ru">

<head>

<meta charset="UTF-8">

<title>Мой университет</title>

</head>

<body>

<header>

<h1>Мой университет</h1>

</header>

<nav>

<a href="index.html">Главная</a>

</nav>

<main>

<h2>Новости</h2>

</main>

<footer>

<p>2026 год</p>

</footer>

</body>

</html>

Результат: создана HTML-страница с верхней частью, навигацией, основным содержимым и нижней частью.

2. Пример HTML-формы:

<form action="/submit" method="post">

<label for="name">Имя:</label>

<input type="text" id="name" name="name" required>

<label for="email">Электронная почта:</label>

<input type="email" id="email" name="email" required>

<button type="submit">Отправить</button>

</form>

Результат: форма содержит два обязательных поля и кнопку отправки. Браузер проверяет заполнение полей и формат электронной почты. Для обработки отправленных данных требуется сервер.

3. Пример добавления видео:

<video width="400" controls>

<source src="lesson.mp4" type="video/mp4">

Ваш браузер не поддерживает видео.

</video>

Результат: на странице отображается видеопроигрыватель шириной 400 пикселей с элементами управления. Видео воспроизводится, если файл доступен и формат поддерживается браузером.