Конструктор уроків
- Всеосвіта›
- Бібліотека уроків›
- Інформатика›
- Додавання гіпертекстових елементів. Створення веб-сторінки мовою HTML
Урок:
Додавання гіпертекстових елементів. Створення веб-сторінки мовою HTML
23.05.2025
Вміст уроку:
1
2
3
4
5
6
7
8
1
Додавання гіпертекстових елементів. Створення веб-сторінки мовою HTML
Клас: 8
Тривалість: 45 хвилин
Мета:
Ознайомити учнів з основами HTML.
Навчити додавати гіпертекстові елементи (заголовки, абзаци, посилання).
Сформувати навички створення простої веб-сторінки.
2
Теоретична частина (15 хв)
Що таке HTML?
HTML (HyperText Markup Language) — це мова розмітки, яка використовується для створення веб-сторінок. Вона дозволяє розміщувати текст, зображення, посилання, відео та інші елементи на сторінці.
<html> — кореневий тег сторінки.
<head> — частина з технічною інформацією.
<title> — назва сторінки (відображається у вкладці браузера).
<body> — основна частина, в якій розміщується контент.
"Тег" у перекладі з англійської означає "ярлик" або "позначка". У контексті інформаційних технологій, "тег" - елемент мови розмітки гіпертексту.
3
1 з 12 балів
Гіпертекстові елементи
1. Заголовки
HTML має 6 рівнів заголовків: від <h1> (найбільший) до <h6> (найменший).
Абзаци
Використовується тег <p>:
.png)
4
1 з 12 балів
Гіперпосилання
Для створення посилань використовується тег <a>:
5
3 з 12 балів
Практична частина (25 хв)
Завдання 1. Створіть файл index.html і напишіть у ньому просту сторінку за шаблоном:
Практична частина (25 хв)
Завдання 1. Створіть файл index.html і напишіть у ньому просту сторінку за шаблоном:
6
3 з 12 балів
Завдання 2. Змініть текст заголовків, абзаців та додайте ще одне посилання на улюблений сайт.
7
4 з 12 балів
завдання
Створити власну веб-сторінку про себе (хобі, улюблені фільми/ігри/книги) з використанням:
2 заголовків,
щонайменше 3 абзаців,
2 гіперпосилань.
8
Підсумки (5 хв)
HTML — це мова для створення структури веб-сторінок.
Ви дізналися, як створювати заголовки, абзаци, гіперпосилання.
Створили першу веб-сторінку власноруч.
Рефлексія від 4 учнів
Сподобався:
0
Так: 4
Ні: 0
Зрозумілий:
0
Так: 4
Ні: 0
Потрібні роз'яснення:
0
Ні: 3
Так: 1