Відкрити вебсторінку національного заповідника «Замки Тернопілля» (https://qr.orioncentr.com.ua/9I3j3), знайти в ній заголовок, титульну назву, малюнок, звичайний текст, відформатований текст, посилання та список. Використати функцію «Переглянути джерело сторінки» для аналізу структури коду.
Розв’язання
Відкрийте посилання на сайт заповідника у браузері та натисніть праву кнопку миші, вибравши «Переглянути код».
У вікні коду знайдіть тег <TITLE> для титульної назви (він зберігається вкладки браузера) та <H1> для головного заголовка на сторінці.
Знайдіть теги <IMG> для малюнків, <P> для звичайного тексту, <A HREF="..."> для посилань та <UL><LI> або <OL><LI> для списків.
Порівняйте знайдені елементи у тексті коду з їхнім візуальним відображенням на сторінці.
Відповідь:
У коді заголовок відповідає тегу <H1>, титульна назва — <TITLE>, малюнки — <IMG>, звичайний текст — <P>, посилання — <A>, списки — <UL> або <OL>.
Відкрити вебсторінку національного заповідника «Замки Тернопілля» (https://qr.orioncentr.com.ua/9I3j3), знайти в ній заголовок, титульну назву, малюнок, звичайний текст, відформатований текст, посилання та список. Використати функцію «Переглянути джерело сторінки» для аналізу структури коду.
Що треба знати
У браузері можна перемикатися між візуальним виглядом сайту та його HTML-кодом через контекстне меню (правий клік -> «Переглянути код»). У тексті коду заголовки відповідають тегам <H1>...</H1>, посилання — <A>...</A>, а списки — <UL> або <OL>.
💡 Підказка — спробуй спершу сам
Відкрийте сторінку, натисніть праву кнопку миші на вмісті (наприклад, на заголовку) і оберіть пункт «Переглянути код», щоб знайти відповідний тег у тексті.
Розв’язання крок за кроком
Відкрийте посилання на сайт заповідника у браузері та натисніть праву кнопку миші, вибравши «Переглянути код».
У вікні коду знайдіть тег <TITLE> для титульної назви (він зберігається вкладки браузера) та <H1> для головного заголовка на сторінці.
Знайдіть теги <IMG> для малюнків, <P> для звичайного тексту, <A HREF="..."> для посилань та <UL><LI> або <OL><LI> для списків.
Порівняйте знайдені елементи у тексті коду з їхнім візуальним відображенням на сторінці.
Відповідь:
У коді заголовок відповідає тегу <H1>, титульна назва — <TITLE>, малюнки — <IMG>, звичайний текст — <P>, посилання — <A>, списки — <UL> або <OL>.
