ССЫЛКИ ВНУТРИ ОДНОГО ДОКУМЕНТА

Ссылка внутри одного документа – закладка - может создаваться двумя способами. Способ первый - с помощью атрибута 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>

<center><H3 id="начало">Добро пожаловать!</H3></center>

Спасибо Вам, <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 - документах нумерованные и маркированные списки.