Создание ссылок в HTML. Тег <A>.


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

как сделать ссылку на HTML

Внутренние ссылки сайта.


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

Внешние ссылки с сайта.


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

Синтаксис тега <A>


Все ссылки создаются при помощи тега <A>, который называется якорь (анкор) (сокращение от англ. anchor - якорь).
И обязательного закрывающего тега </A>



Аргументы


По умолчанию, браузер при переходе по ссылке открывает страницу в том-же окне. Для управлением этим параметром -
используется атрибут тега <A> - "target", который имеет такие значения:

blank - Загружает страницу в новое окно браузера.
self - Загружает страницу в текущее окно.
parent - Загружает страницу во фрейм-родитель, если фреймов нет, то этот параметр работает как _self.>
top - Отменяет все фреймы и загружает страницу в полном окне браузера, если фреймов нет, то этот параметр работает как _self.
self - Определяет значение по умолчанию.



Примеры создания ссылок:


Пример использования атрибута target="blank" при переходе на Главную страницу

Также довольно полезный атрибут title. С его помощью создается всплывающая подсказка при наведении курсора.


А в браузере эта ссылка будет выглядеть так - Главная страница - "задержите курсор на несколько секунд".



Что касается внутренних ссылок, то создаются они по тому-же принципу, только в значение атрибута "href",
указывается якорь ссылки и задается атрибутом "name":

Кстати, желательно указывать имя якоря латиницей, чтобы не случались ошибки в работе браузера!

Вот пример внутренней ссылки на заголовок нашей страницы "Создание ссылок в HTML" - ссылка на заголовок.

Оформление ссылок в HTML:


От того, как увидит посетитель предоставленную ему ссылку, многое зависит! Оформление должно быть информативным. Обычно для основных заголовков можно сделать ссылку без подчеркивания и того цвета, который Вам нужен. Или выделить как то по особенному ссылку в тексте. Здесь вариантов много и все зависит от фантазии дизайнера и умения программиста. Так что можно посмотреть некоторые примеры оформления ссылок в текстах и не только.

→ Вот так меняется цвет ссылки: ссылка видна красным цветом
→ Если нужно убрать подчеркивание для конкретной ссылки, то лучше всего сделать так: ссылка без подчеркивания при наведении курсора
→ Подчеркивание снизу не исчезает при наведении курсора: постоянно подчеркнутая ссылка.
→ Ссылка подчеркнутая вверху: ссылка подчеркнутая сверху.
→ Ссылку можно оформить, как зачеркнутую: перечеркнутая ссылка.
→ В некоторых случаях можно сделать мигающую ссылку: мигающая ссылка.     (работает не во всех браузерах).




Пример комбинированной ссылки:


смайлмои смайлы


Поделитесь ссылкой на статью...


Всего комментариев - 2.    Можете оставить свой комментарий.

Sysadmin   2012-08-03 00:28:18   сайт автора - http://paratechnik.r

Спасибо. Мало мальски разобралса!

wasa2   2012-08-31 15:37:55   сайт автора - http://nabiru.ru/chs

спасибо еще есть какие то деп линки


   Login *
   E-mail *
   URL (не обязательно)
- подписаться на сообщения        - я не спамер