Лабораторна робота № 4

Тема: «HTML. Створення гіперпосилань в HTML - сторінках. Створення зображень у HTML - сторінках.»

Мета: ознайомитись та придбати практичні навички в створенні гіперпосилань, а також зображень в HTML - сторінках.

Теоретичні відомості

Графічні об'єкти

<img src= “адpeca графічного файлу .bmp або jpg або gif”

alt = “альтернативний текст”

align= “вирівнювання”

width= “ширина у пікселях”

height= “висота”

border= “товщина рамки в пікселях” />

Гіперпосилання

Гіперпосилання на файл.

<a href= “адреса файлу”

name= “#позначка”

target= “blank|_self”> <!-- вікно для тексту – у новому або у тому самому-- >

текст-гіперпосилання </a> .

Гіперпосилання на деяке графічне зображення.

<a href = “адреса файлу”> <img src = “адреса графічного файлу” /></a>

Гіперпосилання в межах сторінки.

Визначається місце позначки у файлі

<p name= “ім’я позначки”></p>

та гіперпосилання на створену позначку

<a href= “#ім’я позначки”> текст гіперпосилання </a>

Змінити колір гіперпосилання – у тегі <bode>:

link = “колір” Колір гіперпосилання

vlink= “колір” Змінює колір гіперпосилання після першого його використання

alink= “колір”– Змінює колір активізованого гіперпосилання

Послідовність виконання роботи

1. Створіть копію своєї web-сторінки file2.htm (див. лабораторна робота №2) та збережіть її під назвою file4.htm

2. Створіть на цій сторінці таблицю для розміщення фотографії та тексту.

3. Таблиця повинна складатися з одного рядка та двох стовпців: у першому - фото, у другому – текст, наприклад, “Це я!”. (Графічні файли повинні мати розширення bmp, jpg, gif).

Рис 4. Приклад виконання роботи

4. Відредагуйте графічне зображення. Встановіть розміри фотографії, візміть її у рамку.

5. Зробіть фотографію як гіперпосиланням до файлу file1.htm з особистими даними.

6. Змініть таблицю. Зробіть її без рамки.

7. Вставте у свій файл гіперпосилання на html-файл, наприклад, на файл з таблицею. У кінці сторінки після черти введіть речення: Мої успіхи і зробіть його гіперпосиланням на файл з таблицею file3.htm (лабораторна робота №3).

8. Застосуйте гіперпосилання для переходу на початок сторінки. В кінці сторінки розташуйте рядок з гіперпосиланням: Перехід к початку сторінки для переходу у початок стороінки.

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

1. Як вставити графічне зображення у web-сторінку?

2. Які параметри може мати тег img?

3. За допомогою якого тега вставляють гіперпосилання?

4. Яке призначення параметрів link, vlink, alink?

5. Як деяке графічне зображення зробити гіперпосиланням?

6. Які є види посилань у межах одної web-сторінки?

7. Що таке якори?