Ссылки внутри одного документа

Ссылка внутри одного документа – закладка - может создаваться двумя способами. Способ первый - с помощью атрибута name (имя закладки) тега < a> < /a>:

Пример:

Можно ссылаться на закладку и из других документов, тогда ссылка будет выглядеть следующим образом:

< 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, но и на многие другие: *.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 позволяет создавать в Web - документах нумерованные и маркированные списки.