Гиперссылки
Страничка может состоять из нескольких документов. Один из них главный (index.html, default.html или main.html) - он открывается первым и должен обязательно лежать на вашем сайте в интернете. Остальные документы можно называть как угодно (photos.html, about_me.html, my_pets.html, friends.html). Они все могут лежать как в одной папке, так и в разных. Ссылкой на эти другие документы (части странички) может быть текст (фраза, слово) и картинка. Для определения гиперссылки используется тег <a></a>.
Текстовые ссылки
Тег <a></a> делает ссылкой заключенную в него фразу (текст). Текстовая cсылка выделяется на странице подчеркиванием и цветом. Синтаксис: <a href = “адрес целевого объекта”>текст ссылки</a>. Href используется для указания адреса объекта, к которому будет осуществляться переход при щелчке по «тексту ссылки» в окне броузера.
Цвета прописываются в открывающемся теге <body> с помощью параметров: link - цвет ссылки, alink - цвет активной ссылки (нажатой), vlink - цвет уже посещенной ссылки.
П
<html> <head> <title>Текстовые
ссылки</title> </head> <body
text="#000000" bgcolor="#00BECE" link="#000DE1"
alink="#A40082"
vlink="#000DE1"> <p
align="justify"> <img
src="2.gif" align="left" Vspace = 3 Hspace
= 4 alt="Здесь вставлена картинка"> Спасибо
Вам, <tt><b><i>уважаемый </i></b></tt>
посетитель, за то, что Вы нашли
время и возможность заглянуть на мою
домашнюю <font size="+1">страничку </font>
во <a
href="Ссылка.html"> Всемирной
сети</a>. </p> </body> </html>
ример:
Cсылка на почтовый ящик записывается так: <a href = “mailto: pochta@mail.ru”> Напишите мне </a>.
Ссылки внутри одного документа
Ссылка внутри одного документа – закладка - может создаваться двумя способами. Способ первый - с помощью атрибута name (имя закладки) тега <a></a>:
Пример:
<html> <head> <title>Ссылки
внутри одного документа</title> </head> <body
text="#000000" bgcolor="#00BECE" link="#000DE1"
alink="#A40082" vlink="#000DE1"> <a
name="начало"><center><H3>Добро
пожаловать!</H3></center></a> <p
align="justify"> <img
src="2.gif" align="left" VSPACE=3 HSPACE=4
alt="Здесь
вставлена
картинка"> Спасибо
Вам, <tt><b><i>уважаемый </i></b></tt>
посетитель, за то, что Вы нашли время и
возможность заглянуть на мою домашнюю
<font size="+1">страничку </font> во <a
href="Ссылка.html"> Всемирной сети</a>. </p> <center><a
href="#начало">В
начало</a></center> </body> </html>
Можно ссылаться на закладку и из других документов, тогда ссылка будет выглядеть следующим образом:
<a href="arhiv.html#книга1">Ссылка на книгу 1 из документа arhiv.html</a>.
Способ второй - есть параметр - id, который назначает тегу (элементу) уникальное имя в пределах одного документа (кроме тегов Base, Head, Html, Meta, Script, Style, Title). Зададим id, тегу H3 (заголовок):
<html>
<head>
<title>Мой первый шаг </title>
</head>
<body text="#000000" bgcolor="#00BECE" link="#000DE1"alink="#A40082" vlink="#000DE1">
<center><H3 id="начало">Добро пожаловать!</H3></center>
<p align="justify">
<img src="2.gif" align="left" VSPACE=3 HSPACE=4 alt="Здесь вставлена картинка">
Спасибо Вам, <tt><b><i>уважаемый</i></b></tt> посетитель, за то, что Вы нашли время и возможность заглянуть на мою домашнюю <font size="+1"> страничку </font> во <a href="Ссылка.html">Всемирной сети</a>.
</p>
<center><a href="#начало">В начало</a></center>
</body>
</html>
Результат тот же.
КАРТИНКА – ССЫЛКА
Принцип ссылки тот же, что и в случае с текстом, только между тегами вставляется не текст, а картинка: <a href=”Ссылка.html”> <img src="2.gif" align="left" VSPACE=3 HSPACE=4 alt=”Здесь вставлена картинка” border=”3”> </a>. Толщину границы графического элемента можно изменить при помощи параметра border тега <img>, задав соответствующее значение, т. е. border=”3” – толщина границы равна 3 пикселям.
Пример:
<html> <head> <title>Картинка
- ссылка
</title> </head> <body
text="#000000" bgcolor="#00BECE" link="#000DE1"
alink="#A40082"
vlink="#000DE1"> <center> <H3
id="начало">Добро пожаловать!</H3> </center> <a
href="Ссылка.html"><img
src="2.gif" align="left"
VSPACE=3 HSPACE=4
alt="Картинка-ссылка"
border="3"></a> </body> </html>
Ссылка может быть не только на документ с расширением *.html, но и на многие другие: *.doc, *.mp3, *.jpg, *.gif, *.txt, *.zip, *.exe и т.д.
<a href="2.gif"> <img src="2.gif"> </a> - в этом случае картинка 2.gif откроется в том же окне.
Для того чтобы картинка (или любой другой файл-документ) открылась в новом окне необходимо воспользоваться параметром target тега <a></a>:
<a href="2.gif" target="_blank"> <img src="2.gif"> </a> - делаем ссылкой картинку 2.gif и ссылаемся на эту же картинку.
П
<html> <head> <title>Картинка
- ссылка
</title> </head> <body
text="#000000" bgcolor="#00BECE" link="#000DE1"
alink="#A40082"
vlink="#000DE1"> <center> <H3
id="начало">Добро пожаловать!</H3> </center> <a
href="2.gif" target="_blank"> <img
src = "2.gif" alt="Картинка откроется в
новом окне"></a> </body> </html>
ример:
СПИСКИ
Списки позволяют выделять в тексте документа определенные логические структуры, такие как описание последовательности действий, перечни предметов и понятий и т. д. Язык HTML позволяет создавать в Web - документах нумерованные и маркированные списки.