Анатомия ссылки

Ссылаться на другие страницы достаточно просто, но при этом необходимо понимать, каким образом помещать ссылки на странице, а также знать соответствующий синтаксис HTML.

Как любой элемент HTML, ссылка задается парой тегов. Открывающий тег (называемый якорем) - это тег <a>. Затем вы задаете файл, на который ссылаетесь, а также текст ссылки. Все это завершается закрывающим тегом </a>.

Вот так, например, выглядит HTML-код ссылки, на сайт Design Laboratory: <a href="http://cray.vision.krg.kz/~Sam/dlab">Design Laboratory</a>

<a> - якорь; href="http://cray.vision.krg.kz/~Sam/dlab" - ссылка; Design Laboratory - текст ссылки; </a> - закрытие якоря. Теперь посмотрите, как выглядит этот код на практике: Design Laboratory

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

Настало время поместить ссылку на нашу веб-страницу. Мы поместим на странице ссылки двух различных (но похожих друг на друга) типов.

Сначала, рассмотрим, как ссылаться на местные докумаенты. Местный документ - это документ, который хранится в том же месте в Интернете, что и ваша стартовая страница. На местные документы легко ссылаться, поскольку в этом случае вам не обязательно вводить полный URL - знать нужно только путь и имя файла. Затем вы научитесь ссылаться на документы, расположенные в других местах WWW, используя ту же процедуру. Для этого типа ссылок вам понадобится полный URL.

Ссылки на местные веб-страницы

Вполне вероятно, что в одном месте у вас окажется несколько HTML-документов. Допустим, у вас слишком много информации для одного документа, и вы решили рабить его на несколько HTML-файлов. В такм случае естественно поместить на главной странице ссылки на каждый из этих документов, которые позволят легко и быстро на них перейти. Возможно даже, вы выполните свою главную веб-страницу в виде оглавления, ссылающегося на несколько отдельных страниц.

Давайте придумаем элементарную страницу-оглавление. На ней разместим различные ссылки. В процессе вы убедитесь что все это элементарно просто. Нужно только задать фрагменты текста, ссылающегося на каждый конкретный HTML-файл. Таким образом, первый шаг - это определение файлов, на которые я хочу сослаться, и текстов ссылок.

Текст ссылки	Имя файла
Обо мне	about.html
полезные сайты	links.html

Теперь введите тег <a href>. Тег <a> назвают якорем. Он применяется для ссылок на другие веб-страницы. Ключевое слово HREF якорного тега сообщает браузеру, на что вы ссылаетесь. Не забудьте про закрывающий тег </a>. Чтобы создать ссылку на about.html нужно ввести следующий код: <a href="about.html">Обо мне</a>

Вот и все. Фраза "Обо мне" появится на экране в виде текста ссылки. Когда посетители кликнут на этом тексте, они откроют файл about.html.

Проверьте, не забыли ли вы, если это необходимо, указать путь к файлам, на которые ссылаетесь. Например если бы файл about.html был сохранен в папке INFO, я бы задал с ключевым словом HREF путь info/about.html: <a href="info/about.html">Обо мне</a>

Сейчас на вашей страничке появится только текст "Обо мне". Выполнив ту же процедуру, я добавлю еще одну ссылку, посвященную полезным сайтам: <a href="links.html">Полезные сайты</a>

Действие ссылки можно проверить, кликнув на ней и посмотрев, попали ли вы на нужную страницу. До того как вы кликните на ссылке, браузер выведет полный URL того документа, который вы хотите посетить, в строке состояния внизу экрана. Давайте посмотрим на нашу страничку с сылками:

файл: index.html

Домашняя странца Выскубова Семена

Здравствуйте уважаемые посетители. Вы попали на страницу Выскубова Семена. Посмотрите какие разделы здесь доступны:

• Обо мне

• Полезные сайты