Лабораторная работа 6.3. Создание гиперссылок
Оценка 4.6

Лабораторная работа 6.3. Создание гиперссылок

Оценка 4.6
doc
13.05.2020
Лабораторная работа 6.3. Создание гиперссылок
192. Лабораторная работа 6.3. Создание гиперссылок.doc

Лабораторная работа 6.3. Создание гиперссылок

 

Гиперссылки (ссылки на другую страницу) создаются с помощью парного тега <A> с атрибутом HREF, значением которого является адрес. Различают текстовые и графические ссылки. Текстовая ссылка на экране отображается в виде какого-либо текста, щелкнув по которому пользователь перейдет на нужный документ. Структура текстовой ссылки:

 

<A HREF=”адрес документа”> текст ссылки </A>.

 

Графическая ссылка имеет вид какой-либо картинки – значка, изображения.  Ее структура:

 

     <A HREF=“адрес документа”><IMG SRC=”имя графического файла”> </A>.

 

Можно создать ссылку на фрагмент того же документа. Такая ссылка называется закладкой и в качестве ее адреса выступает имя метки (якоря) фрагмента. Сам фрагмент метится также с помощью тега <A> с атрибутом NAME: <A NAME=”имя якоря”>  текст фрагмента </A>. Ссылка на фрагмент тогда  выглядит так:

 

 <A HREF=”# имя якоря”> текст, на котором щелкать </A>.

 

1 Поместите в папку с Web-документами файл какой-либо картинки. В примере роль этого графического файла играет Колобок.gif. Создайте следующий файл в Блокноте, сохраните как hyperref.htm и запустите его.

 

<HTML> <HEAD> <TITLE> Гиперссылки </TITLE> </HEAD>

<BODY>

Это просто текст без ссылки. Ниже расположены текстовая и графическая

ссылки.

<P>  <A HREF=”mytext.htm”> Хотелось бы почитать (это ссылка!).

Щелкни здесь </A>

<P> <A HREF =”myformat.htm”> <IMG SRC=”Колобок.gif”> </A>

Щелкай по картинке!

</BODY> </HTML>

 

Обратите внимание, что адреса ссылок и адрес картинки имеют простой вид потому, что соответствующие файлы расположены в той же папке, что и созданный файл hyperref.htm. Если это не так, нужно в адресе указывать полный путь или URL.

Для возврата в исходный документ следует использовать кнопку «Назад» панели обозревателя.

 

2 Создайте страницу с закладкой.

 


Лабораторная работа 6.3. Создание гиперссылок

Лабораторная работа 6.3. Создание гиперссылок
Скачать файл