27 урок. Поняття про мову гіпертекстової розмітки

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


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

Створи вебсторінку мовою HTML.
Для цього:
1. Відкрий файл вправа 4.1.txt, завантаж на свій ПК. Зверни увагу, у якій програмі відкрився файл.
2. Збережи відкритий файл у папці Урок 29, змінивши розширення імені файлу з .txt на .html.
Вибери у вікні Збереження в списку Кодування значення UTF-8.
3. Не закриваючи вікна текстового редактора, відкрий в Провіднику вікно папки Урок 29.
Зверни увагу на значок щойно збереженого файлу вправа 4.1.html.
4. Відкрий файл вправа 4.1.html. Зверни увагу, у якій програмі він відкрився.
5. Натисни клавіші , щоб розмістити вікно браузера в лівій половині монітора. У
правій половині вибери вікно текстового редактора.
6. Зверни увагу на назву сторінки в заголовку браузера та на відповідній кнопці в Панелі
завдань. Знайди тег у HTML-коді, який виводить назву в заголовок браузера.
7. Упиши власне прізвище та ім’я у вільний рядок між тегами <body> та </body>.
8. Збережи змінений файл, натиснувши Ctrl + S у вікні текстового редактора.
9. Переглянь вміст файлу у вікні браузера, вибравши кнопку або натиснувши клавішу F5.
Зверни увагу на зміну вмісту вікна браузера.
10. Оформи власне прізвище та ім’я як заголовок першого рівня. Для цього впиши у текстовому
редакторі перед власним прізвищем відкриваючий тег <h1>, після імені – закриваючий тег
</h1> (кажуть, що текст обгорнули тегом <h1>).
11. Збережи змінений файл, переглянь його вміст у вікні браузера.
12. Проведи на сторінці горизонтальну лінію. Для цього впиши у новому рядку після тегу </h1>
тег <hr>.
13. Збережи змінений файл, переглянь його вміст у вікні браузера.
14. Створи гіперпосилання на сайт твого закладу освіти. Для цього:
Упиши у новому рядку після тегу <hr> назву закладу освіти.
Обгорни назву закладу тегом <a> (упиши перед назвою тег <a>, після назви тег </a>).
Додай до тегу <a> атрибут src і надай йому значення – URL-адресу сайту закладу освіти.
Між тегом та атрибутом залиш пропуск, між атрибутом і його значенням постав знак =,
значення атрибуту візьми у лапки.
Рядок може мати вигляд: <a href=ʺhttps://sites.google.com/pu.org.ua/liceypolitʺ> Ліцей
«Політ» </a>
15. Збережи змінений файл, переглянь його вміст у вікні браузера. Перевір правильність
гіперпосилання, вибравши його.
16. Закрий всі відкриті вікна.

Можеш скористатися підказкою з відео з 4 хв. 40 сек. Тільки зверни увагу, що тут текстовий документ і перші 3 завдання інші



Немає коментарів:

Дописати коментар