FAQ по HTML – Учимся делать ссылки
Ссылка – ради нее и создавалось все. Весь язык HTML без ссылок - это всего лишь набор отформатированного текста. Ссылка же позволяет связать два документа одинаковой тематики, что увеличивает значимость как первого, так и второго документа.
Но и это еще не все. Главной особенностью ссылки является то, что она может ссылаться на любой документ (страницу) находящиеся в сети. Так же стоит отметить о многоликости ссылки. Она может быть текстовой, изображением, невидимой областью.
Для того чтобы обозначить ссылку существует тег "a" и его параметр href, в котором указывается адрес страницы на которую ссылаются.
Запомните, тег "a" парный, требует обязательное закрытие.
При переходе по ссылке, по умолчанию, страница открывается в текущем окне браузера. Иногда это неудобно, например, когда необходимо сделать ссылку на другой сайт.
У ссылки существует параметр target, с помощью которого можно изменить переход в другом окне.
- _blank — загружает страницу в новое окно браузера;
- _self — загружает страницу в текущее окно;
- _parent — загружает страницу во фрейм-родитель;
- _top — отменяет все фреймы и загружает страницу в полном окне браузера.
Очень важное значение имеет цвет ссылки. При правильно подобранном цвете ссылки пользователь не только не потеряется на вашей страницы, но и сможет мгновенно ориентироваться, что создает хорошую почву для юзабилити всего сайта.
Вообще-то цвет всегда задается по умолчанию, но вы всегда его можете изменить. Лучшим, на мой взгляд, вариантом является изменения цвета с помощью каскадных таблиц стилей (CSS), которые прописываются или в отдельном файле или на той странице, где тег используется.
Для того чтобы влиять на цвет ссылки используют следующее параметры тега "a":
- link — определяет цвет ссылок на веб-странице.
- alink — цвет активной ссылки, который меняется при нажатии на нее мышкой.
- vlink — цвет уже посещенных ссылок.
Как видите в примере, стили задаются в разделе заголовка документа и разделяются тегами "style".
Цвета каждого параметра ссылки прописывается параметром color.
Если же есть необходимость задать или изменить цвет ссылке в тексте то это можно сделать так:
Но и это еще не все что можно сделать ссылками. С помощью каскадных таблиц стилей возможно убрать подчеркивание ссылки. Для этого применяем параметр text-decoration, который задается свойством none.
Смотрим пример.
Как вы видите, ссылка убирается с помощью свойства none и появляется, при наведении мыши окрашиваясь, в красный цвет. Для ее выделения существует свойство underline.
Если у вас возникло желание сделать из изображения на странице ссылку, то нет нечего сложного. Достаточно заключить тег изображения "img" в тег "a"
Вот и все что вам понадобиться в работе. Конечно, я не затронул такую возможность как создания карт изображений. Думаю их применение необходимо только в единичных случаях.
У карт изображений есть очень хорошее достоинство – это создание ссылки определенной формы. Но есть и недостатки, которые перекрывают данное достоинство. Самым главным недостатком является объемный код, так как для каждой точки сложной геометрической ссылки необходимо задать свои координаты.
Поэтому я не советую их применять вам на страницах своих сайтов.
Ну что закончим ссылками.
Содержание FAQ по HTML:
Форма, как средство взаимодействия с пользователем сайта.
Комментарии к записи:
Добавил(а): Евгения Дата добавления: 2010-11-18
Все очень сложно и недоступно для простого обывателя.Читаю и совершенно не включаюсь в техничские моменты. Кажется все непостижимым. Выходит, я потерянный человек в этом мире?
Добавил(а): Надежда Дата добавления: 2011-06-01
Понятно, что вы говорите важные и нужные вещи, но это не для простого пользователя Пк. Сложновато в понимании предмета. К сожалению.
Добавил(а): Александр Багров Дата добавления: 2011-06-11
У вас написано: "Для того чтобы обозначить ссылку существует тег "a" и его параметр htef". А надо в конце "href"
Добавил(а): Александр Багров Дата добавления: 2011-06-11
Через CSS с помощью style у меня изменение цвета ссылок в IE8 не получилось. А,вот, с использованием параметров link, alink и vlink в теге body все работает.
Добавил(а): Евгений Дата добавления: 2012-02-01
Кто знает тот поймет
