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