Студопедия

Главная страница Случайная страница

Разделы сайта

АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника






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






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

 






© 2023 :: MyLektsii.ru :: Мои Лекции
Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав.
Копирование текстов разрешено только с указанием индексируемой ссылки на источник.