Практика HTML
Практические задания по HTML для самообучения и учебной практики.
Создайте базовую HTML-страницу
Практическое задание: создайте валидную HTML5-страницу с правильной структурой doctype, head и body.
2Создайте навигационное меню
Практическое задание: постройте семантическое навигационное меню с помощью <nav> и списка ссылок.
3Создайте галерею изображений
Практическое задание: разместите несколько изображений с корректными атрибутами alt и подписями.
4Создайте контактную форму
Практическое задание: постройте форму обратной связи с полями имени, email и сообщения.
5Разметьте статью семантически
Практическое задание: структурируйте статью с помощью семантических элементов article, section и header.
6Создайте таблицу с данными
Практическое задание: постройте таблицу с правильной структурой thead/tbody для табличных данных.
7Сделайте ссылки доступными
Практическое задание: исправьте набор ссылок так, чтобы они были понятны скринридерам, а внешняя ссылка открывалась безопасно.
8Создайте карточку с CSS
Практическое задание: создайте HTML-карточку товара и подключите к ней внешний файл стилей.