🔹 Вступ до HTML: Основи структури веб-сторінки
📢 HTML (HyperText Markup Language) – це основа будь-якого веб-сайту. Це мова, яка визначає структуру сторінки, допомагаючи браузерам відображати текст, зображення, кнопки та інші елементи.
📌 Що таке структура HTML?
HTML складається з тегів (наприклад, <html>
, <head>
, <body>
), які повідомляють браузеру, як відображати контент.
🖼 Плакат 1: Основна структура HTML-документа
🔹 Ось базова схема HTML-сторінки:
📝 Що тут відбувається?
<!DOCTYPE html>
– каже браузеру, що це HTML5<html>
– основний контейнер<head>
– містить технічну інформацію (мета-теги, заголовок сторінки)<title>
– заголовок вкладки<body>
– видима частина сторінки<h1>
– заголовок<p>
– параграф
📌 Візуальне пояснення (плакат 🖼)
✅ Головна структура
📦 HTML-документ → 🎩 Head → 🏠 Body → 📄 Текст
🖼 Плакат 2: Основні теги HTML
🔹 Теги для тексту
🔹 Теги для зображень та посилань
🔹 Списки
📌 Візуальне пояснення (плакат 🖼)
📄 Текст → 🖼 Зображення → 🔗 Посилання → 📋 Списки
🖼 Плакат 3: Як працює браузер?
🖥 HTML → 🎨 CSS (стилі) → ⚙ JavaScript (логіка)
📌 HTML – це кістяк сайту
🎨 CSS – додає кольори, відступи, дизайн
⚙ JavaScript – робить сайт інтерактивним
📢 🔗 Висновок
✅ HTML – це основа веб-сторінки
✅ Використовуй теги правильно
✅ Починай з простого
🔹 Якщо хочеш створити свій сайт – почни з HTML! 🚀