Embedded Files
Перегляньте презентацію
Перегляньте презентацію
🌐 Що таке мова гіпертекстової розмітки?
🌐 Що таке мова гіпертекстової розмітки?
Мова гіпертекстової розмітки (HTML — HyperText Markup Language) — це стандартна система позначок, яка використовується для створення вебсторінок. Вона не є мовою програмування, а радше набором правил і тегів, що визначають структуру та вигляд документа у браузері.
🏗️ Основні характеристики HTML
🏗️ Основні характеристики HTML
Текстова природа: HTML-документ — це звичайний текстовий файл, який можна створити у будь-якому редакторі.
Теги: спеціальні позначки у кутових дужках < >, які вказують браузеру, як відображати елементи (заголовки, абзаци, зображення, посилання тощо).
Структура документа:
<html> — початок і кінець документа;
<head> — службова частина (назва сторінки, метадані);
<title> — заголовок, який видно на вкладці браузера;
<body> — основний вміст сторінки.
Гіпертекст: можливість створювати посилання, що з’єднують сторінки між собою, формуючи «павутину» Інтернету.
📖 Роль HTML у вебдизайні
📖 Роль HTML у вебдизайні
HTML задає «каркас» сторінки, а вже інші технології додають стиль і динаміку:
CSS — оформлення, кольори, шрифти, розташування;
JavaScript — інтерактивність та анімація.
Таким чином, HTML — це основа, без якої неможливо створити жоден сайт.
🔥 Сучасні можливості HTML5
🔥 Сучасні можливості HTML5
Вбудована підтримка відео та аудіо без додаткових плагінів.
Адаптивність — коректне відображення на різних пристроях.
Семантичні теги (<header>, <footer>, <article>) для кращої структури та доступності.
✨ Висновок
✨ Висновок
HTML — це мова, яка дала Інтернету форму. Вона перетворює простий текст на структуровану, зручну й зрозумілу вебсторінку, роблячи можливим існування сучасних сайтів.
Виконайте інтерактивні завдання
Виконайте інтерактивні завдання
Робота за комп'ютером
Робота за комп'ютером
Увага! Під час роботи з комп'ютером дотримуйтеся правил безпеки та санітарно-гігієнічних норм.
Повторіть правила безпечної роботи за комп’ютером.
Завдання ви зможете знайти за адресою: https://cutt.ly/Be2cHPJ1
Перед виконанням завдання завантажте файл Вправа 5.2
🖥️ Місія «HTML-магія»
🖥️ Місія «HTML-магія»
Ти — юний веб-майстер, і сьогодні на тебе чекає справжній експеримент із перетворенням текстового файлу на вебсторінку!
🚀 Кроки завдання
🚀 Кроки завдання
📂 Відкрий файл Вправа 5.2.txt у текстовому редакторі.
💾 Збережи його у своїй папці з новим ім’ям Вправа 5.2.html.
🌐 Запусти файл у браузері й переконайся, що він відкрився як вебсторінка.
🔎 Порівняй вигляд файлу у редакторі та у браузері. Заповни таблицю з відповідями на запитання (назва сторінки, заголовки, кількість абзаців, адреса зображення тощо).
✨ Додай магії до коду:
виділи слова Ергономіка, Композиція, Колористика напівжирним тегом <strong>;
зроби заголовок червоним за допомогою атрибуту style="color:red";
додай горизонтальну лінію <hr>;
під лінією виведи своє прізвище та ім’я у вигляді заголовка третього рівня <h3>.
🔄 Онови сторінку у браузері й переконайся, що всі зміни відображаються.
✅ Заверши роботу, закривши всі відкриті вікна.
🎯 Завдання перетворюється на квест
🎯 Завдання перетворюється на квест
Ти не просто виконуєш інструкції, а крок за кроком створюєш власну міні-вебсторінку, додаючи їй стиль і структуру. Це твій перший крок до світу вебдизайну!
📤 Як здати роботу
📤 Як здати роботу
Збережіть усі файли та скриншоти.
Завантажте їх у розділ Ваші роботи на платформі Google ClassRoom.
Відео у допомогу
Відео у допомогу
Опрацюйте
Опрацюйте
За підручником "Інформатика, 8 клас" (Й.Я. Ривкінд та інші), 2025:
Прочитайте та розберіть теоретичний матеріал пункту 5.2 (стор. 171-178).
Дайте усні відповіді на питання 1-5 (стор. 177).
Перевірте свій рівень знань
Перевірте свій рівень знань
Скриншот результату тесту прикріпіть у розділі Ваші роботи на платформі Google ClassRoom.
Page updated
Google Sites
Report abuse