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

Лабораторна робота № 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>

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

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. Що таке якори?