Лабораторна робота

Хід роботи:

  1. При виконанні лабораторної роботи, для пошуку необхідних тегів та параметрів рекомендовано користуватись сайтом.
  2. Додайте в Вашу папку з раніше створеними html-документами два довільних графічних файли (наприклад, img_1.jpg, img_2.jpg). Переконайтесь, що всі файлі знаходяться в одній папці.
  3. Відкрийте в Блокноті документ prizvyshe_2.html. Використовуючи тег <IMG>, розташуйте графічний об’єкт img_1.jpg на початку документа. Використовуючи необхідні параметри зробіть так, щоб малюнок займав по ширині (висоту малюнку під розміри екрану підбирати не треба) половину вікна браузеру. Після цього, використовуючи параметр ALIGN розмістіть малюнок img_2.jpg так, щоб він займав другу половину екрану по ширині. За допомогою атрибуту TITLE створіть спливаючі підказки для малюнків: «Зліва знаходиться зображення img_1.jpg» «Справа знаходиться зображення img_2.jpg» Збережіть документ під назвою prizvyshe_4.html.
  4. На початку документа prizvyshe_3.html створіть нумерований список сайтів, які Ви найчастіше відвідуєте (не більше п’яти найменувань), наприклад:

    Далі за кожним пунктом списку закріпіть гіперпосилання на відповідні сайти, використовуючи контейнер <a> </a>. Також в папку з Вашими файлами добавте довільну Вашу фотографію, та у тексті «Перелік сайтів, які Я найчастіше відвідую:» закріпіть за словом «Я» гіперпосилання на Вашу фотографію. Перевірте результат. Після перевірки за допомогою необхідного параметру зробіть так, Щоб при натисканні на посилання «Я» фотографія не відкривалась, а одразу завантажувалась на комп’ютер у вигляді файлу.
  5. Відкрийте файл prizvyshe_2.html і зробіть так, щоб при натисканні на лівий малюнок відкривався файл prizvyshe_1.html, а при натисканні на правий – prizvyshe_3.html.
  6. Відкрийте файл prizvyshe_2.html. Якщо вся інформація Вашої сторінки вміщується на одному екрані, то добавте ще декілька віршів, так щоб сторінка по висоті займала більш ніж один екран. та створіть в ньому закладку наступним чином: в кінці сторінки має бути гіперпосилання «на початок першого вірша», при натисканні на яке браузер повинен відобразити частину сторінки, на якій знаходиться початок першого вірша. Для виконання використовуйте контейнер <a> </a>.
  7. Відкрийте файл prizvyshe_3.html, та у тексті «Перелік сайтів, які я найчастіше відвідую:» за словом «відвідую» закріпіть гіперпосилання так, щоб при натисканні на нього відкривався початок другого вірша файлу prizvyshe_2.html. Для виконання використовуйте контейнер <a> </a>.
  8. Задайте для посилань документу prizvyshe_3.html наступні кольори: посилання на сторінці – зелений; колір активного посилання – жовтий; колір вже відвіданого посилання – червоний.

Контрольні запитання:

  1. Для чого використовується тег <IMG>?
  2. Які атрибути тегу <IMG> Ви знаєте?
  3. Для чого використовується атрибут ALT тегу <IMG>?
  4. Які атрибути тегу <a> Ви можете назвати? Для чого вони використовуються?
  5. Поясніть механізм створення якору.