Учебник HTML

Добавление ссылок

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

В ссылках используется тег <А> с атрибутом HREF (Hypertext REFerence - гипертекстовая ссылка) для указания URL, с которым связана данная ссылка. Между начальным тегом <А> и заключительным тегом </А> размещается текст или графические изображения, которые появляются на веб-странице в виде ссылки. Простейшая ссылка выглядит примерно так:

Посетите <А HREF="suggest.htm">страницу предложений клуба книголюбов</А>.

Значение атрибута HREF ("suggest.htm") указывает, какая веб-страница появится в браузере, когда пользователь щелкнет на данной ссылке. Текст, находящийся между начальным и заключительным тегами, появится на экране в виде ссылки (обычно это подчеркнутый текст синего цвета).

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

При необходимости дать ссылку на любую другую веб-страницу в Интернете, укажите в атрибуте HREF полный URL страницы назначения:

<А HREF="http://www.piter.com">Книги издательства "Питер"</А>

Создавая ссылки можно использовать не только текст, но и графику. На многих веб-страницах для обеспечения лучшей ориентации читателей используются кнопки навигации Вперед, Назад, Домой, Оглавление и т. д. Если вы хотите использовать в качестве ссылки изображение, включите между тегами <А> и </А> тег <IMG>. Рассмотрим код НТМL со ссылкой, которая ведет к странице shedule.html на том же узле; в качестве ссылки применяется картинка под названием (небольшой рисунок, напоминающий кнопку Вперед):

<А HREF="shedule.html"><IMG SRC="next.gif" АLТ="кнопка Вперед"></А>

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

Использование ссылок для перемещения в пределах страницы

Ссылка не всегда "уводит" читателя с текущей страницы. На длинной странице, где текст бывает разбит заголовками на несколько частей, ссылки создают в верхней и нижней частях страницы, что дает возможность читателям быстро переходить к нужным вопросам. Для создания ссылки в каком-либо месте на текущей странице необходимо добавить два тега: первый (он называется якорем) — для того чтобы отметить место перехода по ссылке, второй — чтобы добавить ссылку, с помощью которой читатель мог бы перейти к нужному месту.

Место перехода на странице можно отметить, переместив курсор в начало объекта, к которому необходимо перейти, и введя тег <А> с атрибутом NAME. (Теги можно разместить в начале и в конце текста, можно ввести между ними новый текст.) Приведенный ниже тег присваивает некоторому тексту имя якоря "members":

<А NАМЕ="members"> Члены клуба книголюбов</А>

Чтобы добавить ссылку, при активизации которой будет выполнен переход к якорю, переместите курсор в место ее вставки и введите тег <А> с атрибутом HREF. В значении атрибута HREF используется символ "#", указывающий, что это ссылка на имя якоря. Следующий тег создает ссылку, которая позволяет перейти к якорю под названием "members":

<А HREF="#members">Список членов клуба книголюбов</А>

Если посетитель щелкнет мышью на ссылке "Список членов клуба книголюбов", он перейдет к разделу с таким же названием.

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

Добавление ссылки на адрес электронной почты

Вероятно, вы обратили внимание на то, что почти всегда в нижней части веб-страницы содержится ссылка на электронный адрес веб-мастера или разработчика этой страницы.

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

Чтобы добавить ссылку на ваш адрес электронной почты, вместо URL в теге <А> укажите параметр mailto: и свой адрес электронной почты. Например:

<А HREF="mailto:nettcr@gurus.com">Авторы полного справочника по Интернету</А>

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