Презентация на тему Урок 8. HTML ссылки

документов часто схожих по тематике и ориентированных на одну

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

, его содержимое выступает в качестве метки, с помощью

которой и будет производится переход. Для того, чтобы из элемента сделать активную гиперссылку, нужно добавить к нему атрибут href.
Атрибут href в качестве своего значения содержит адрес (относительный или абсолютный), на который будет вести ссылка. При щелчке на ссылку браузер получает и отображает документ, адрес которого указан в атрибуте href:

href="httр://www.mysite.ru">Ссылка на страничку в и-нете.

указание пути на нужный файл или страницу вашего сайта

начинается относительно страницы, на которой расположена ссылка, либо относительно корневого каталога сайта. Рассмотрим компоненты (части), из которых может состоять относительный путь:

к файлу, который расположен на другом сетевом ресурсе. Он

представляет из себя полный URL-адрес к файлу или странице. Первым делом в адресе указывается используемый протокол, после которого идет название домена (имя сайта). Например: http://www.пример.ру - так выглядит абсолютный путь к конкретному веб-сайту. http:// - это протокол передачи данных, а www.пример.ру - имя сайта (домен).
Абсолютный адрес можно использовать и на собственном сайте. Однако внутри сайта рекомендуется использовать в качестве значения ссылок относительный путь.

веб-страница в сети Интернет имеет свой собственный уникальный адрес,

вот он как раз и называется URL. Аббревиатура URL расшифровывается как Uniform Resource Locator (унифицированный адрес ресурса), проще говоря URL - это определитель местонахождения ресурса. Этот способ записи адреса стандартизирован в сети Интернет.
Пара примеров URL адресов:
"httр://www.mysite.ru/"
"httр://www.mysite.ru/html/all_tags.php"

страница, на которую ведет ссылка, открывалась в новом окне,

нужно будет сообщить браузеру имя окна, в котором нужно открыть страницу. Если вы не указываете браузеру использовать какое-то определенное окно, то он откроет страницу в текущем окне.
Для указания браузеру, что при открытие страницы нужно использовать другое окно, вместо текущего, добавьте в элемент атрибут target. Его значение сообщает браузеру о целевом окне для страницы. Если в качестве значения атрибута target вы используете _blank, то браузер для каждой новой страницы всегда будет открывать новое окно:

href="mypage.html" target="_blank">Другая страница.
Если вы установите для атрибута target значение

_blank,
то ссылка откроется в новом окне.

В таблице приведены все доступные значения для атрибута target.

многих сайтах в качестве ссылок используются различные картинки, которые

по принципу работы ничем не отличаются от текстовых ссылок. Для того чтобы заменить обычную текстовую ссылку на изображение, нужно внутрь элемента поместить тег , который указывает путь к изображению:

Посетите наш сайт, кликнув по картинке:

width="100" height="78">

автоматически будут добавлять к ним рамку, которая легко убирается

с помощью CSS свойства border со значением none.
Чтобы убрать рамку у картинки ссылки, можно прописать свойство border в атрибут style:

одна. Но если у вас много таких ссылок, то

лучше прописать стиль сразу ко всем картинкам, которые вложены в тег , сделать это можно так:
a img { border: none; }
Просто добавьте этот код к остальным стилям и он уберёт рамки у всех картинок, являющихся ссылками.

для перехода к определённому месту внутри страницы (не обязательно

текущей). В качестве места на странице, к которому будет осуществлён переход по ссылке, используется любой HTML-элемент, который допустимо использовать внутри элемента . Чтобы определить элемент, к которому будет осуществлён переход, ему нужно указать идентификатор с помощью атрибута id:

Заголовок

Теперь, чтобы при клике по ссылке был выполнен переход к элементу, который находится на одной странице с ведущей на него ссылкой,

атрибута href элемента написать символ решётки (#), после

которого указать идентификатор элемента, к которому будет выполнен переход:
ссылка
Чтобы перейти к определённому месту на другой странице, нужно указать решётку и необходимый идентификатор после URL-адреса: