Опрацюйте відеоурок

Виконайте практичну роботу

Увага! Під час роботи з комп’ютером дотримуйтеся вимог безпеки життє-

діяльності та санітарно-гігієнічних норм.

1. Перегляньте HTML-код сторінки за адресою allinf-web.github.io/olymp, ознайо-

мтеся з тегами, які використано для розмітки тексту.

Для цього:

1. Відкрийте у вікні браузера сторінку з адресою allinf-web.github.io/olymp

2. Відкрийте контекстне меню вільного місця головної сторінки, виберіть ко-

манду Переглянути джерело сторінки або натисніть Ctrl+U.

3. Перегляньте сторінку з HTML-кодом. Знайдіть відповіді на запитання та за-

пишіть їх у зошит:

•• Скільки всього рядків у HTML-коді сторінки?

•• У якому рядку використано перший тег для створення гіперпосилання

<a>? На яку сторінку відбудеться перехід?

•• У якому рядку використано перший тег для створення абзацу <p>?

Який текст цього абзацу?

•• У якому рядку використано перший тег вставлення зображення <img>?

З якого файлу зображення вставлено на сторінку?

•• Які розміри вибрано для вставлення малюнка з файлу logo_olymp.png?

4. Виберіть на сторінці з HTML-кодом посилання на файл logo_olymp.png.

У заголовку браузера визначте реальний розмір зображення. Порівняйте

реальний розмір зображення з розміром, визначеним у HTML-коді.

5. Закрийте вікно браузера.