Обкладинка: Інформатика, 9 клас — Морзе Н. В., Барна О. В.

ГДЗ · Інформатика · 9 клас

Сторінка 131

Інформатика, Морзе Н. В., Барна О. В., 2026 · № 10–11 · 2 завдання

Повні розв’язки, як у зошиті. Хочеш розібратися самостійно — під кожним завданням є «Пояснення з репетитором».

Сторінка 131

Завдання 10

Аналіз HTML-коду сайту заповідника

1. Відкрити сайт національного заповідника «Замки Тернопілля» (посилання в умові).
2. Знайти елементи: заголовок, титульна назва, малюнок, звичайний текст, відформатований текст, посилання на іншу сторінку, список, таблицю.
3. Проаналізувати структуру HTML-документа та знайти відповідні елементи в браузері й у тексті коду (використовуючи «Переглянути джерело сторінки»).
4. Знайти парні теги, одинарні теги, визначити призначення окремих елементів за англомовними назвами.

Розв’язання

  1. Відкрийте посилання на сайт заповідника у браузері.

  2. Натисніть правою кнопкою миші в будь-якому місці сторінки та оберіть «Переглянути код» (View Source) або відкрийте інспектор елементів (F12).

  3. У тексті коду знайдіть:
    - Заголовок: шукати тег `<h1>`, `<h2>` тощо з текстом назви сайту.
    - Титульна назва: зазвичай це вміст тега `<title>` або `<h1>` на головній сторінці.
    - Малюнок: шукати тег `<img src="...">`.
    - Звичайний текст: знаходити текстові блоки між відкриваючим та закриваючими тегами (наприклад, `<p>...</p>`).
    - Відформатований текст: шукати теги стилів, наприклад `<b>`, `<i>`, `<strong>`.
    - Посилання: шукати тег `<a href="...">`.
    - Список: шукати теги `<ul>`, `<ol>` або `<li>`.
    - Таблиця: шукати тег `<table>`.

  4. Зверніть увагу, що парні теги мають однакову назву з різницею символу `/` у закриваючому (наприклад, `<p>` і `</p>`), а одинарні — лише один раз.

Відповідь:

Для виконання завдання необхідно відкрити код сайту через інструмент браузера та знайти відповідні теги: заголовок (`<h1>`), малюнок (`<img>`), посилання (`<a>`), список (`<ul>`, `<ol>`), таблицю (`<table>`). Парні теги мають форму `<Тег>...</Тег>`, одинарні — лише `<Тег>`.

Завдання 11

Створення найпростішого HTML-файлу

1. Підготувати найпростіший HTML-файл за допомогою текстового редактора (Блокнот).
2. Задати файлу ім'я з розширенням `.htm`.
3. Написати код, починаючи з `<!DOCTYPE html>`.
4. Розмістити всю структуру всередині парного тега `<HTML>...</HTML>`.
5. Перевірити себе в інтерактивному електронному додатку (вікторина).

Розв’язання

  1. Відкрийте текстовий редактор (Блокнот).

  2. Напишіть рядок `<!DOCTYPE html>` у першому рядку.

  3. Напишіть відкриваючий тег `<html>` і закриваючий `</html>`.

  4. Всередині цих тегів можна додати простий текст, наприклад: `<body><h1>Привіт!</h1></body>`.

  5. Натисніть «Файл» -> «Зберегти як...», введіть ім'я файлу (наприклад, `index.htm`) і переконайтеся, що розширення `.htm` додано автоматично або вручну.

Відповідь:

Найпростіший HTML-файл має вигляд: `<!DOCTYPE html><html><body>...</body></html>` і зберігається з розширенням `.htm`.

Наприклад: