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

  • doc
  • 13.05.2020
Публикация в СМИ для учителей

Публикация в СМИ для учителей

Бесплатное участие. Свидетельство СМИ сразу.
Мгновенные 10 документов в портфолио.

Иконка файла материала 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 Создайте страницу с закладкой.