Технология




Школа html-верстки для начинающих

Урок 13
Ссылки HTML


Содержание урока

Ссылки HTML

Ссылки HTML.mp4

Практикум


Ссылки HTML


Html ссылки делятся на два основных вида, это внешние и внутренние. В этом уроке мы разберем с Вами оба варианта.

Внешние ссылки html.


Внешние ссылки - это ссылки, ведущие на страницы других сайтов.

Для создания ссылок используется тег <a>. Ссылкой можно сделать любой текст на странице. Текст, который будет между тегом <a> и </a> будет являться ссылкой.

Каждая ссылка (тег <a>) имеет обязательный атрибут href, в его значении указывается адрес страницы, на которую ведет ссылка. Повторюсь, атрибут href обязателен! Если нет его, то нет и ссылки.

Теперь в качестве примера давайте на нашей странице сделаем ссылку, которая будет открывать главную страницу Яндекса. Код будет следующим:

Пояснения к коду:

Тег <a> имеет атрибут href в значении которого указан адрес главной страницы Яндекса. Далее идет текст, который будет ссылкой. Затем прописывается закрывающий тег </a>.

Если сделать все правильно, то в браузере ссылка будет отображаться следующим образом:

Ссылка на главную страницу Яндекса

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


Внутренние ссылки - это ссылки между страницами одного сайта. Внутренние ссылки бывают абсолютными и относительными.


Абсолютные ссылки html.


Ссылка будет абсолютной, если в атрибуте href прописывается полный путь к странице.

Пример написания абсолютной ссылки:




Относительные ссылки html.


Ссылка будет относительной, если в атрибуте href прописывается не полный путь к странице, а путь относительно страницы в которой делается ссылка.

Пример написания относительной ссылки:




Следующая страница Ссылки HTML.mp4





Наверх