У цьому уроці ми вивчимо HTML з нуля — розберемося, як працює розмітка вебсторінок, створимо базову структуру сайту та навчимося підключати стилі, скрипти, зображення, списки й форми.
Пояснення прості та зрозумілі — ідеально для новачків, які роблять свої перші кроки у веброзробці.

## 📌 Таймкоди

00:00 Вступ
00:04:40 Open Graph теги — як покращити вигляд сайту в соцмережах
00:06:38 JSON-LD — структуровані дані для пошукових систем
00:08:00 Логотип сайту — як правильно підключати favicon
00:08:52 Підключення CSS
00:10:20 Підключення JavaScript
00:12:50 Базова структура сайту
00:14:06 Текстові теги: p, span, h1–h6 та інші
00:18:56 Списки ol та ul
00:20:48 Теги для зображень та відео
00:27:30 Таблиці — структура та призначення
00:31:50 Форми — поля, кнопки, атрибути

## 🔗 Посилання з відео

Visual Studio Code — https://code.visualstudio.com/download
Live Server (плагін для VS Code) — https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer
Генератор favicon — https://realfavicongenerator.net/
Довідник JSON-LD — https://schema.org/
Open Graph теги — https://ogp.me/
HTML Tutorial (W3Schools) — https://www.w3schools.com/html/default.asp

#html #htmlbasic #htmlbeginner
#htmlукр #htmlукраїнською
#htmlзнуля #вивчаємohtml
#frontend #webdev #htmlcssjs
#урокиhtml #початківцям #frontendcourse
#learninghtml #websitecoding #codingtutorial
#webрозробка #htmlstart