Студопедия.Орг Главная | Случайная страница | Контакты | Мы поможем в написании вашей работы!  
 

Создание гиперссылок



Известно, что наипростейший вид перехода между Web – страничками в Internet – это переход с помощью гиперссылок. Их использование переходить в разные части странички, которая просматривается или обращаться к другим страничкам или сайтам.

В HTML различаются внутренние и внешние гиперссылки. Внутренние гиперссылки осуществляют переход в пределах одного и того же документа. Внешние – переходы к документам, которые могут быть расположены на разных Web – серверах.

Для создания ссылок используются элемент <А>, который называется элементом связи (или якорным элементом). Существует два типа элементов связывания – текстовый и графический

Простейшие ссылки имеют следующий вид:

<A href =¢адрес перехода¢>

текст ссылки

</A>

При использовании графической привязки в контейнер <А> вставляется одинарный тег изображения – элемент <IMG>, атрибут Src в котором указывается на файл – источник изображения, например:

<A href = ¢prim_10.html¢> <IMG Src = ¢my_mouse.gif¢>

</A>

Элемент <А> имеет атрибуты, приведенные ниже:

name - задает имя элемента метки,

<html>

<head>

<title> Пример использования гиперссылок </title>

</head>

<body>

<p>

<A name='#Bigin'> Начало документа

<A href='#End' title='На конец документа'>

Переход на окончание

</a>

<p>

<A href='prim_10.html'> <IMG src='my_mouse.gif'> </a>

<p>

<A name='#End'> Конец докумеита

<A href='#Bigin' title='На начало документа'> Переход в начало </a>

</body>

</html>

2.2.2. Сохраните файл на диске под именем prim_8.html и откройте его в Internet Explorer.

Вы должны получить следующее изображение Web- странички:

Рис. 2.2 Пример использования гиперссылок.

Перейдите из полно экранного в оконный режим Internet Explorer и установите высоту окна таким образом, чтобы в его правой части появилась полоса прокрутки (т.е. размер изображения Web- странички должен быть значительно большим, чем размер окна).

Выполните все возможные переходы на Web- страничке и проанализируйте результат.

2.2.3. Используя элемент <A>, в файле mail.htm l выполните следующие действия:

1. Создайте нумерованный список, элементами которого должны быть гиперссылки на шесть файлов, созданных раньше prim_1.html, prim_2.html, … prim_6.html.

2. Установите всплывающие подсказки к элементам списка.





Дата публикования: 2015-02-20; Прочитано: 323 | Нарушение авторского права страницы | Мы поможем в написании вашей работы!



studopedia.org - Студопедия.Орг - 2014-2024 год. Студопедия не является автором материалов, которые размещены. Но предоставляет возможность бесплатного использования (0.007 с)...