Студопедия

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

КАТЕГОРИИ:

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






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






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

 



mylektsii.ru - Мои Лекции - 2015-2020 год. (0.023 сек.)Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав Пожаловаться на материал