🌐
БЛОК 1
Основи HTML
waving_hand
Привіт, HTML!
code
Теги та структура
title
Заголовки
format_list_bulleted
Списки
link
Посилання
image
Зображення
📝
БЛОК 2
Форми та контент
table_chart
Таблиці
edit_note
Форми — input
view_module
Select та textarea
article
Div та Span
smart_button
Кнопки
check_circle
Міні-проєкт
🎬
БЛОК 3
Мультимедіа
play_circle
Аудіо та відео
web
Семантичні теги
accessibility
Доступність
search
SEO основи
emoji_events
Фінальний проєкт
auto_stories
Cheatsheet
⚡
БЛОК 4
HTML5 API
data_object
Data атрибути
storage
Web Storage
location_on
Геолокація
drag_indicator
Drag and Drop
history
History API
offline_bolt
Web Workers
🎨
БЛОК 5
Інтерактивність
touch_app
Canvas
expand_more
Details/Summary
dialogs
Dialog
linear_scale
Progress/Meter
date_range
Input типи
palette
Datalist
🚀
БЛОК 6
Оптимізація
speed
Lazy Loading
photo_size_select_large
Picture/srcset
bolt
Preload/Prefetch
language
Мультимовність
share
Open Graph
verified
Schema.org
🏆
БЛОК 7
Best Practices
integration_instructions
Iframe/Embed
bug_report
Валідація
rocket_launch
Best Practices
workspace_premium
ФІНАЛЬНИЙ ПРОЄКТ
🎁
BONUS
Master Cheatsheet
emoji_events
HTML Master
🏆
Ти станеш HTML Майстром!