Тег a
Тег a создает ссылку на другую страницу своего или чужого сайта. Адрес ссылки следует писать в атрибуте href . Ссылки по умолчанию подчеркнуты. Отменить подчеркивание можно с помощью CSS свойства text-decoration .
Атрибуты
| Атрибут | Описание |
|---|---|
| href | Адрес страницы, на которую ссылается ссылка. Обязательный атрибут. |
| target | Указывает ссылке в какой вкладке ей открываться: в новой, в текущей или во фрейме. Необязательный атрибут. |
Значения атрибута target
| Значение | Описание |
|---|---|
| _blank | Страница откроется в новой вкладке браузера. |
| _self | Страница откроется в текущей вкладке браузера. |
| _parent | Страница откроется во фрейме-родителе. |
| _top | Отменяет все фреймы и загружает страницу в полном окне браузера. |
Значение по умолчанию: _self.
Пример
Давайте поставим ссылку на главную страницу сайта google.com , при этом она откроется в новой вкладке браузера, так как мы зададим ей атрибут target в значении _blank:
Смотрите также
- псевдоклассы link , visited , hover , active , focus ,
которые позволяют обратиться к различным состояниям ссылок
HTML ссылки — гиперссылки, ссылка на сайт
В этом уроке мы подробно рассмотрим, как связать между собой отдельные страницы.
- HTML ссылки связывают между собой миллиарды web-страниц и миллионы сайтов.
- HTML ссылки определяются тегами .
- HTML ссылки могут быть любого размера и цвета – свойства определяются с помощью CSS.
- HTML ссылка может быть текстовой или изображением.
Навигация по странице
- HTML ссылка на другую страницу сайта
- HTML ссылка на сайт
- HTML ссылки внутри страницы сайта
- HTML изображение-ссылка
HTML ссылка на другую страницу сайта
- Используя полученные знания, сделайте в Блокноте наброски будущей страницы ⇒ сохраните ее под произвольным именем, например, как page2.html в папке D\My_first_site .
- В другом документе, опять же в Блокноте, пропишите:
- Сохраните его как index.html . В итоге, папка D\My_first_site содержит файлы: index.html и page2.html .
- Откройте в браузере файл index.html ⇒ нажмите на ссылку.
HTML ссылка на сайт
Атрибуты и значения
- href=»» – обязательный атрибут тега , указывает адрес ссылки.
- target=»_blank» – откроет ссылку в новом окне браузера:
- target=»_self» – откроет ссылку в том же окне. Значение _self определено по умолчанию, поэтому его можно не указывать.
- title=»комментарий» – всплывающий комментарий – заголовок ссылки:
HTML ссылка может быть окрашена в любой цвет, что подробно рассматривается в курсе по CSS.
HTML ссылки внутри документа
Буквы-ссылки в главе HTML теги осуществляют переход в пределах одной интернет-страницы.
Как это реализовано:
Имеем 2-е буквы D. Первая выступает в роле HTML ссылки, а вторая – в роли элемента на который ссылаемся. Второй присваиваем идентификатор со значением:
D |
Код ссылки на букву с идентификатором:
HTML изображение-ссылка
Следующее изображение является ссылкой наверх страницы:
border=»0″ – отменяет границу у изображения-ссылки.
Автор проекта — Вася Митин | Дата публикации: Октябрь 2009 | Обновление: Ноябрь 2018
HTML верстка сайта 
HTML ссылка на сайт 
HTML изображение-карта
© 2009 — 2023 | При использовании материала, ссылайтесь на мой сайт!
По всем вопросам обращайтесь: go@ab-w.net | Создание ссылки в HTML? – Не вопрос!
Как сделать переход на другую страницу в html
Мета-теги (англ. meta-tags) — HTML-теги, предназначенные для предоставления структурированных метаданных о веб-странице.
Мета-теги помещаются внутрь тега head в HTML-документе, как правило, после тега TITLE.
Мета-теги используются для указания описания страницы, ключевых слов и других данных.
- charset
- content
- http-equiv
- name
Мета-теги располагаются внутри секции
. .content. >
Для автоматического перехода на другую страницу в HTML используется
мета-тег
1
http-equiv=»refresh» content=»3; URL=http://новая_страница.html»>
Через 3 секунды браузер перезагрузит эту страницу по новому адресу указанному в URL=.
HTML редирект позволяет задать время задержки перенаправления. Это регулируется значением первого параметра атрибута content. Если нужен мгновенный редирект, то устаннавливается значение = 0.
2Переадресация Адрес сайта был изменен, через 7 секунд ваш браузер будет автоматически перенаправлен по новому адресу: http://mysite.ru Нажмите передти для того чтобы выполнить переход немедленно. Приносим извинения за доставленные неудобства. .
W3C не рекомендует использовать этот способ. Google страницы с таким мета-тегом игнорирует. Другой способ автоперехода на другую страницу Рередирект 301
Ссылки внутри страницы
Большие документы читаются лучше, если они имеют оглавление со ссылками на соответствующие разделы. Для создания ссылки следует вначале сделать закладку (якорь) в соответствующем месте и дать ей имя при помощи атрибута name тега , как показано в примере 1.
Пример 1. Создание внутренней ссылки
Закладка Друг уронил утюг в унитаз. И разбил его. Не утюг разбил, а унитаз. Причем так разбил, что по назначению унитаз и использовать никак нельзя, ни боком, ни передом. Мгновением назад только что вот все было хорошо и вот уже дыра прямо в унитазе, да такая, что можно забыть, что есть такой предмет в доме. Махнул рукой нечаянно, а потом мучайся.
Наверх
Между тегами и отсутствует текст, так как требуется лишь указать местоположение перехода по ссылке, находящейся внизу страницы. Имя ссылки на закладку начинается символом #, после чего идет название закладки. Название выбирается любое, соответствующее тематике.
Можно также делать ссылку на закладку, находящуюся в другой веб-странице и даже другом сайте. Для этого в адресе ссылки надлежит указать ее адрес и в конце добавить символ решетки # и имя закладки (пример 2).
Пример 2. Ссылка на закладку из другой веб-страницы
Закладка Перейти к нижней части текста
В данном примере показано создание ссылки на файл text.html, при открытии этого файла происходит переход на закладку с именем bottom .