Інформатика : підруч. для 8 кл. закл. загал. серед. освіти / [О. О. Бондаренко, В. В. Ластовецький, О. П. Пилипчук, Є. А. Шестопалов]. — Харків : Вид-во «Ранок», 2021
https://www.youtube.com/watch?v=ihaSdd9Uqng&authuser=0
https://learningapps.org/15362668?authuser=0
https://learningapps.org/5887991?authuser=0
https://learningapps.org/28088471?authuser=0
https://jsfiddle.net/?authuser=0
Конструктор уроків
- Всеосвіта›
- Бібліотека уроків›
- Інформатика›
- Поняття про мову гіпертекстової розмітки
Урок:
Поняття про мову гіпертекстової розмітки
08.01.2024
Вміст уроку:
1
2
3
1
2 з 12 балів
Опрацюйте теорію, випишіть виділені правила в зошит. Перегляньте відео
Поняття про мову HTML
Звичайний текст можна пристосувати для відображення браузером за допомогою спеціальних позначок — тегів, сукупність яких разом із правилами їх використання називають мовою розмітки гіпертексту.
HTML (англ. HyperText Markup Language — мова розмітки гіпертексту) — це набір тегів та правила їх застосування для створення гіпертекстових документів.
Отже, вебсторінка — це текстовий документ, розмічений тегами HTML, відображений у вікні браузера. HTML не є мовою програмування.
HTML-документ (HTML-файл) є текстовим документом, тому створити його можна в будь-якому текстовому редакторі.
Тег — це записана в кутових дужках < > позначка мови HTML, яку опрацьовує браузер.
Структуру HTML-документа визначають такі теги:
<html> | Початок документа |
<head> | Початок заголовка — службової частини коду |
<title> | Назва, що виводитиметься на вкладці браузера |
</title> | Кінець назви |
</head> | Кінець заголовка |
<body> | Початок «тіла» документа, яке виводить браузер |
</body> | Кінець «тіла» документа |
</html> | Кінець документа |
.png)
2
6 з 12 балів
Виконайте інтерактивні вправи
3
4 з 12 балів
Скористайтеся онлайновим засобом за покликанням https://jsfiddle.net/ , адже він дозволяє зберегти свою роботу і поділитись посиланням. Це текстовий веб-редактор, котрий допоможе попрактикуватись із укладанням HTML-документа.
Отож, перша сторінка може виглядати приблизно так.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Перша веб-сторінка</title>
</head>
<body>
<p>Спробуємо творити у Вебі!</p>
</body>
</html>
Скрін або посилання на сторінку прикріпіть до даного завдання
Рефлексія від 19 учнів
Сподобався:
0
Так: 19
Ні: 0
Зрозумілий:
0
Так: 18
Ні: 1
Потрібні роз'яснення:
0
Ні: 17
Так: 2