Основным свойством страничек в html являются ссылки , позволяющие переходить на другие страницы, сайты, либо переместиться на этой же странице, на другую часть. Ссылка также может вести не на страницу , а на файл, к которому есть доступ.
Для создания ссылки , используется парный тег <a> </a> . Текст , который находится между тегами является анкором ссылки, а то куда указывает ссылка, определяется в аттрибуте href. Таким образом этот тег применяется в следующем виде <a href='url'> анкор </a> , где url - адрес ссылки.
Пример
<a href='http://yanddirekt.home-pg.ru/' > настройка рекламы яндекс директ </a>
В браузере будет выглядеть так
настройка рекламы яндекс директ
Ссылки бывают текстовыми и графическими, внешними и внутренними, относительными и абсолютными.
текстовые и графические ссылки
Текстовая ссылка, это когда используется текст между тегами . При нажатии на текст мы перейдем по ссылке указанной в аттрибуте href. Для создания графической ссылки нужно между тегами <a> </a> вставить картинку с помощью тега <img /> . При этом картинка становится кликабельным
внешние и внутренние ссылки
Ссылки в страничке бывают внутренними и внешними. Внутренние ссылки ведут на определенную часть той же странички, допустим на подраздел статьи или на начало, загаловок страницы. Для создания анкора, к которому будет вести внутренняя ссылка используется тег <a> с атрибутом name , это выглядит так : <a name='zagolok1'> Заголовок 1 </a>. Для создания внутренней ссылки, которая будет вести к этому анкору, используется тег <а > с использованием аттрибута href и указанием в аттрибуте значения zagolovok1.
Внешние ссылки создаются с помощью тега <a> и указанием адреса ссылки в аттрибуте href <a href='url'> текст ссылки </a> Внешние ссылки ведут на другие страницы , либо на другой сайт в интернете.
Абсолютные и относительные ссылки
Абсолютные ссылки выглядят следующим образом <a href='www.home-pg.ru'> home-pg, главная страница <'/a'>. Абсолютные ссылки ведут на сайты и страницы в интернете.
Относительные ссылки обычно ссылаются в одном и том же сайте, на другую страницу. При этом ссылку в теге <a> можно использовать не абсолютную, а относительную. Это либо относительно текущей страницы, либо относительно корневого каталога сайта. К примеру в сайте может быть каталог price . В странице сайта можно использовать относительную ссылку <a href='/price/index.html'>. В данном случае использовалась ссылка относительно корневого каталога.
Допустим в одном каталоге находится два файла index.html, news.html . Мы находимся в странице index.html, а чтобы перейти на другую страницу можно использовать относительную ссылку <a href='news.html'> . Чтобы использовать ссылку на страницу в папке нужно использовать такой путь 'katalog1/index.html'. Для того чтобы подняться выше по иерархии в папке, нужно использовать путь '../index.html' .
Атрибут target
атрибут target имеет следующие значения
- _blank страница открывается в новой вкладке
- _parent страница открывается в родительской вкладке
- _self страница открывается в этом же окне. По умолчанию
Атрибут title
атрибут title используется для создания всплывающей подсказки.
Это самое важное про ссылки, но не все. Есть еще дополнительные сведения, их можно найти в справочниках.