taximoney_200x337

Гиперссылки в HTML документах

Гиперссылка – это основа Интернета. Вы переходите с сайта на сайт и по страницам внутри сайта именно с помощью гиперссылки. Гиперссылкой может быть текст или картинка. Вы щелкаете по этому тексту или картинке и переходите на другую страницу или в другое место текущей страницы.

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

В браузере отличить гиперссылку от обычного текста очень просто – при наведении курсора на гиперссылку курсор принимает вид ладошки. Если вы не чувствуете себя уверенным пользователем Интернета, рекомендую книгу Интернет для чайников.

Гиперссылки в HTML документах

Список параметров тега <a>

href Основной параметр, который указывает адрес перехода, то есть путь к файлу, который будет загружен в браузер при щелчке по гиперссылке. title Подсказка, которая отображается на экране при наведении курсора мыши на гиперссылку.

name Имя ссылки для внутренних переходов по документу. target «Цель» гиперссылки. Если указать target=»_blank», то гиперссылка откроется в новом окне (или вкладке).

Имеются и другие параметры. Но мы их оставим профессионалам, а сами двинемся дальше.
Для начала пример гиперссылки:

<a href=»http://av-assembler.ru» target=»_blank» title=»Ассемблер для чайников»>Ближе к железу!</a> Эта ссылка приведёт вас на сайт о программировании на языках низкого уровня, причём сайт откроется в новом окне (или в новой вкладке – это зависит от вашего браузера).

Конечно, вы должны быть подключены к Интернету. В примерах, которые находятся в папке SOURCECH_01, есть и такие ссылки: <a href=»Картинки.html»>Эта ссылка вед&#1104;т к файлу с картинками</a>

Для того чтобы эта ссылка работала, Интернет не нужен. Достаточно того, чтобы файл с указанным именем был в той же папке, в которой находится файл с данной гиперссылкой.

Гиперссылки в HTML документах

Ну а если вы не очень хорошо представляете, что такое путь к файлу, рекомендую прочитать книгу — Чайникам о компьютерах.

А теперь посмотрим, как сделать гиперссылкой картинку. А делается это очень просто: между тегами <a> и </a> вставляется картинка. Например, так: <a href=»Гиперссылка_текст.html»><img src=»кнопка.png» border=»0″></a>

Вы наверно обратили внимание, что многие файлы в примерах имеют названия с русскими буквами. Это сделано для более простого понимания материала. И это допускается при работе на локальном компьютере.

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

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

Гиперссылки в HTML документах

Очень удобно использовать заголовки. Например, если у вас есть заголовок, то имя этому заголовку можно присвоить следующим образом: <h2 id=»link_1″>Заголовок 1</h2>

Затем в любом месте этого документа можно вставить такую ссылку: <a href=»#link_1″>Ссылка 1</a> Щелчок по этой ссылке «перебросит» вас на «Заголовок 1».

Если же вам нужно перейти к внутренней ссылке из другого документа, то сделать это можно так: <a href=»Гиперссылка_внутренняя.html#link_2″>Переход к внутренней ссылке другого документа</a>

Не обязательно использовать заголовки для внутренних переходов – это очень удобно, но не всегда приемлемо. В таких случаях можно использовать тег <a> с параметром name, который определяет имя ссылки.

То есть, если вам нужно перейти по внутренней ссылке в какой-либо участок текста, то в этом участке текста нужно вставить примерно следующий код: <a name=»link_23″></a>

Тогда к этому участку текста можно перейти уже известным нам способом: <a href=»#link_23″>Абзац 2.3</a>

Примеры работы с гиперссылками вы можете найти в папке SOURCECH_01 в файлах Гиперссылка_текст.html, Гиперссылка_картинка.html и Гиперссылка_внутренняя.html.

Советую посетить следующие страницы:
Что такое «тошнота» страницы
Как создать блог и все что для этого нужно
Что такое юзабилити сайта

Поделись статьей с друзьями