Основні елементи веб-сторінки

УРОК 1. Знайомство з HTML

1. Поняття «гіпертекст» та «HTML»
2. HTML теги
3. HTML атрибути

УРОК 2. Створення простої веб-сторінки

1. Організація робочого простору у VS Code
2. Знайомство з основною структурою HTML
3. Створення веб-сторінки

УРОК 3. Семантична розмітка

1. Поняття «семантика»
2. Семантика в HTML
3. Вплив семантичної розмітки на роботу пошукових систем

УРОК 4. Налагодження веб-сторінки

1. Поняття «налагодження»
2. Інструменти розробника у браузерах
3. Пошук та усунення помилок на веб-сторінці

УРОК 5. Розмітка тексту в HTML

1. Поняття «розмітка тексту»
2. Розмітка заголовків
3. Розмітка абзаців та розриву у рядку
4. Розмітка цитат
5. Розмітка важливого тексту та тексту з напівжирним накресленням
6. Розмітка «емоційного» тексту та тексту з курсивним накресленням
7. Розмітка гіперпосилань та тексту з підкресленим накресленням

УРОК 6. Розмітка тексту на веб-сторінці

1. Організація робочого простору у VS Code
2. Розмітка текстових структур
3. Перевірка розмітки текстових структур за допомогою валідатора

УРОК 7. Розмітка списків в HTML

1. Поняття «список»
2. Види списків в HTML
3. Види списків за вкладеністю

УРОК 8. Розмітка списків на веб-сторінці

1. Організація робочого простору у VS Code
2. Розмітка нумерованого списку
3. Розмітка маркованого списку
4. Розмітка списку визначень

УРОК 9. Розмітка таблиць в HTML

1. Поняття «таблиця»
2. Розмітка простої таблиці
3. Групування контенту у таблиці

УРОК 10. Розмітка таблиці на веб-сторінці

1. Організація робочого простору у VS Code
2. Розмітка структури основної таблиці
3. Розмітка структури вкладених таблиць
4. Наповнення таблиць контентом

УРОК 11. Розмітка зображень в HTML

1. Поняття «зображення»
2. Властивості зображення
3. Розмітка зображень

УРОК 12. Розмітка зображень на веб-сторінці

1. Організація робочого простору у VS Code
2. Розмітка зображення, що знаходиться в Інтернеті
3. Розмітка зображення, що знаходиться в проектній папці
4. Розмітка зображення, що знаходиться у папці зображень

УРОК 13. Розмітка гіперпосилань в HTML

1. Поняття «гіперпосилання»
2. Структура гіперпосилання
3. Види гіперпосилань
4. Розмітка гіперпосилань різних видів

УРОК 14. Розмітка гіперпосилань на веб-сторінці

1. Організація робочого простору у VS Code
2. Розмітка локальних гіперпосилань
3. Розмітка віддалених гіперпосилань

УРОК 15. Розмітка форм в HTML

1. Поняття «форма»
2. Приклади форм
3. Основні елементи форми

УРОК 16. Розмітка форм на веб-сторінці

1. Організація робочого простору у VS Code
2. Розмітка елементів форми
3. Встановлення атрибутів для елементів форми