1. Відкрити сайт національного заповідника «Замки Тернопілля» (посилання в умові). 2. Знайти елементи: заголовок, титульна назва, малюнок, звичайний текст, відформатований текст, посилання на іншу сторінку, список, таблицю. 3. Проаналізувати структуру HTML-документа та знайти відповідні елементи в браузері й у тексті коду (використовуючи «Переглянути джерело сторінки»). 4. Знайти парні теги, одинарні теги, визначити призначення окремих елементів за англомовними назвами.
Розв’язання
Відкрийте посилання на сайт заповідника у браузері.
Натисніть правою кнопкою миші в будь-якому місці сторінки та оберіть «Переглянути код» (View Source) або відкрийте інспектор елементів (F12).
У тексті коду знайдіть: - Заголовок: шукати тег `<h1>`, `<h2>` тощо з текстом назви сайту. - Титульна назва: зазвичай це вміст тега `<title>` або `<h1>` на головній сторінці. - Малюнок: шукати тег `<img src="...">`. - Звичайний текст: знаходити текстові блоки між відкриваючим та закриваючими тегами (наприклад, `<p>...</p>`). - Відформатований текст: шукати теги стилів, наприклад `<b>`, `<i>`, `<strong>`. - Посилання: шукати тег `<a href="...">`. - Список: шукати теги `<ul>`, `<ol>` або `<li>`. - Таблиця: шукати тег `<table>`.
Зверніть увагу, що парні теги мають однакову назву з різницею символу `/` у закриваючому (наприклад, `<p>` і `</p>`), а одинарні — лише один раз.
Відповідь:
Для виконання завдання необхідно відкрити код сайту через інструмент браузера та знайти відповідні теги: заголовок (`<h1>`), малюнок (`<img>`), посилання (`<a>`), список (`<ul>`, `<ol>`), таблицю (`<table>`). Парні теги мають форму `<Тег>...</Тег>`, одинарні — лише `<Тег>`.
1. Відкрити сайт національного заповідника «Замки Тернопілля» (посилання в умові). 2. Знайти елементи: заголовок, титульна назва, малюнок, звичайний текст, відформатований текст, посилання на іншу сторінку, список, таблицю. 3. Проаналізувати структуру HTML-документа та знайти відповідні елементи в браузері й у тексті коду (використовуючи «Переглянути джерело сторінки»). 4. Знайти парні теги, одинарні теги, визначити призначення окремих елементів за англомовними назвами.
Що треба знати
HTML-код складається з тегів у квадратних дужках `<...>`. Парні теги мають відкриваючу частину `<Тег>` і закриваючу `</Тег>`, яка позначає кінець дії. Одинарні теги (як `<img>`) не мають закриваючої частини, оскільки вони самі по собі є контейнером або командою. Браузер інтерпретує ці команди для відображення контенту.
💡 Підказка — спробуй спершу сам
Відкрийте сайт у браузері та натисніть правою кнопкою миші на будь-якій частині сторінки, щоб обрати пункт «Переглянути код» (View Source) або «Інспектор елементів». Шукайте ключові слова англійською мовою.
Розв’язання крок за кроком
Відкрийте посилання на сайт заповідника у браузері.
Натисніть правою кнопкою миші в будь-якому місці сторінки та оберіть «Переглянути код» (View Source) або відкрийте інспектор елементів (F12).
У тексті коду знайдіть: - Заголовок: шукати тег `<h1>`, `<h2>` тощо з текстом назви сайту. - Титульна назва: зазвичай це вміст тега `<title>` або `<h1>` на головній сторінці. - Малюнок: шукати тег `<img src="...">`. - Звичайний текст: знаходити текстові блоки між відкриваючим та закриваючими тегами (наприклад, `<p>...</p>`). - Відформатований текст: шукати теги стилів, наприклад `<b>`, `<i>`, `<strong>`. - Посилання: шукати тег `<a href="...">`. - Список: шукати теги `<ul>`, `<ol>` або `<li>`. - Таблиця: шукати тег `<table>`.
Зверніть увагу, що парні теги мають однакову назву з різницею символу `/` у закриваючому (наприклад, `<p>` і `</p>`), а одинарні — лише один раз.
Відповідь:
Для виконання завдання необхідно відкрити код сайту через інструмент браузера та знайти відповідні теги: заголовок (`<h1>`), малюнок (`<img>`), посилання (`<a>`), список (`<ul>`, `<ol>`), таблицю (`<table>`). Парні теги мають форму `<Тег>...</Тег>`, одинарні — лише `<Тег>`.
