Использование изображений для ссылок

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

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

Давайте представим, что нужно вставить графический рисунок Design Laboratory на страничку. Посмотрите на это:

Как вы видите синего бордюра обрамляющего картинку нет. В тэг <img> мы добавили ключевое слово border="0", дающее команду "отключить обрамление". Посмотрите теперь на код изображения:

<a href="http://ertu.wsdu.pl/~Sam/dlab"><img border="0" src="dlab.gif"></a>

Обратите внимание, якорь остался тем же, он ссылается на сайт Design Laboratory, но вместо текста мы ввели тэг <img>.

Якоря

HTML-ссылки так же можно использовать в качестве внутренних ссылок и указателей.

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

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

Разработчики веба часто называют применяемые таким образом якорные тэги флажками.

Дата добавления: 2015-11-03