ГРУППА КУРСА
|
Главная >
Учебник HTML >
Ссылки в HTMLДобавление ссылкиВ этой теме мы рассмотрим, как вставить ссылку в html страницу. Ссылка создаётся с помощью тэга <a>. У него есть атрибут href, в котором указывается путь к файлу, на который ведёт ссылка. В том числе, это может быть URL-адрес. Внутри тэга находится контент, например текст, который отображается на странице и является ссылкой. Приведём пример ссылки. Так как тэг <a> является строчным элементом, поместим его внутрь блочного тэга: +
Для перехода по страницам внутри одного сайта обычно используется относительный путь к файлу. Этот вопрос подробно рассмотрен в следующей теме. Ссылка в новой вкладкеСсылка может открываться не только в текущей, но и в новой вкладке. Для этого у тэга <a> есть атрибут target. Он может принимать следующие значения: target="_self" - в текущем окне (по умолчанию) target="_blank" - в новом окне target="_parent" - в родительском окне target="_top" - во всю ширину окна target=имя фрейма - в окне указанного фрейма Атрибут target считается устаревшим и в пятой версии HTML атрибут является невалидным. В браузерах он не всегда страбатывает. Для примера добавим ссылку, которая открывается в новой вкладке:
Ссылка в виде картинкиВ страницу можно вставить ссылку в виде картинки. Для этого изображение нужно просто поместить внутрь тэга <a>. В качестве примера можно взять изображение, которое мы использовали в прошлой теме. В некоторых браузерах вокруг картинки может отображаться рамка. Она легко удаляется с помощью CSS.
Ссылка на элемент страницыСсылка может вести не только на другую страницу, но и на определённый элемент страницы. Этому элементу нужно указать атрибут id. Значением этого атрибута является строка. У ссылки, которая ведёт к элементу страницы, атрибут href содержит знак "#" и id элемента. Для примера создадим абзац и добавим ссылку, которая ведёт на него. А между ними вставим большой блок. Я сделаю его с помощью стилей, поэтому Вам в нём не нужно разбираться. Просто скопируйте тэг.
Ссылку на определённый элемент можно сделать не только на текущей странице, но и на новой. Для этого в атрибуте href нужно указать путь к файлу, затем знак # и id нужного элемента. Состояние ссылокКогда пользователь только открыл сайт, все ссылки на нём являются непосещёнными. Когда пользователь проходит по какой-то ссылке, браузер запоминает это, и ссылка становится посещённой. Непосещённые ссылки отображаются синим цветом, а посещённые фиолетовым. Кроме того, текст ссылок подчёркнутый. Но всё это можно изменить с помощью CSS. Вид ссылок по умолчанию часто не соответствует стилю сайта. Поэтому ссылкам обычно задают другой стиль. |