Понятие: гипертекста, гипертекстовая ссылка. Как вставить гиперссылку в HTML? Создание и использование гиперссылок в HTML

Прежде, чем узнать, как создать гиперссылку, вы должны понимать, что это такое. Под гиперссылкой понимают фрагмент HTML-документа, текст из сообщения электронной почты или изображение, которое предоставляет возможность перехода на другую страницу одного сайта или же обеспечивает связь между двумя виртуальными ресурсами. Если необходимо перенаправить посетителя на страницу данного сайта, то используют относительный адрес страницы (page.html). Для обеспечения связи страниц разных веб-ресурсов, необходимо указывать абсолютный адрес страницы в гиперссылке, который выглядит следующим образом - http:⁄⁄site.com⁄page.html.

Не исключено использование гиперссылки в пределах одной виртуальной страницы. Например, если разработчик желает выделить для пользователя какую-то, наиболее важную информацию на той же странице или же примером такой гиперссылки может служить быстрый переход к началу страницы. Полезность гиперссылки невозможно переоценить, потому что она позволяет мгновенно создать сообщение пользователю, адрес которого отображен в виде гиперссылки. Создавать гиперссылки можно не только на сайтах, но и в документах Ворд, а также в презентациях и в программе powerpoint.

Создание гиперссылки в презентации

Для создания презентации может использоваться несколько программ. Основными из них являются Powerpoint и LibreOffice Impress. Во всех программах предусмотрено создание гиперссылки в презентации. К тому же, гиперссылки в презентациях можно разделить на несколько видов – это необходимо знать перед тем, как создать гиперссылку в презентации, поскольку, разрабатывая конкретный проект, следует учитывать все возможности, предлагаемые определенной программой.

  • адрес в Интернете;
  • документ;
  • адрес электронной почты;
  • слайд презентации;
  • слайд иной презентации.

Для того чтобы сделать гиперссылку в презентации, создаваемой в PowerPoint на страницу сайта, необходимо выделить контент (это может быть медиафайл, картинка или текст), ищем во вкладке «Вставка» группу «Ссылки» и нажимаем на кнопку «Гиперссылка». В результате ваших действий на экране монитора откроется окошко «Вставка гиперссылки». Теперь ваша задача – выбрать один из четырех вариантов гиперссылки:

  • на адрес электронной почты;
  • на веб-страницу или на файл;
  • на новый документ;
  • на место в данном документе.

После выбора необходимо вставить нужный адрес – компонент приобретет традиционный вид гиперссылки. Этого же результата можно добиться иным способом – необходимо воспользоваться меню правой клавиши мышки. После клика вы попадаете на ту же кнопку «Вставка гиперссылки».

Для создания гиперссылки в презентации, реализуемой посредством программы LibreOffice Impress, необходимо выделить ту часть контента, которую необходимо сделать гиперссылкой, активировать вкладку «Вставка», выбрать «Гиперссылка». По завершению этих действий вставляем соответствующий адрес.

Создание гиперссылки в Ворде

Документы в Ворде печатаются для разноски на любых веб-ресурсах. Поэтому целесообразно создавать гиперссылки непосредственно в документах Ворд. О том, как создать гиперссылку в Ворде, мы и поговорим. Невзирая на такое емкое слово «гиперссылка», она создается очень просто. Для начала необходимо выделить слово и фразу (это действие выполняется для создания гиперссылки в документах и презентациях, в текстах на сайтах). На вкладке вставка имеется кнопка «Гиперссылка» - ее вы найдете в командах «Связи». По результатам вашей работы открывается диалоговое окно. Пункт «Гиперссылка» можно выбрать и в контекстном меню - щелкните по выделенному тексту правой кнопкой мышки. Кроме того, используя на клавиатуре клавиш ctrl и k, можно также вызвать пункт «Гиперссылка», если выделить в документе слова или фразу.

В диалоговом окне появятся документы вашего компьютера, из которых выбирайте необходимый. В том случае, когда гиперссылка делается на документ Интернета, можно воспользоваться ручным способом создания гиперссылки. Просто скопируйте его URL и вставьте в поле «Адрес». В подтверждение своих действий нажмите кнопку «OK». На этом операция по вставке ссылки завершена.

Создание гиперссылки в HTML

Выше было описано, как создать гиперссылку в powerpoint (в «создание гиперссылки в презентации»), но гиперссылку можно создавать и на языке HTML. На таком языке гиперссылка имеет следующий вид - Текстовая ссылка. Как видим, в данном варианте имеется две части – (открывающаяся часть и закрывающаяся часть ). Между данными обозначениями размещен текст – пользователь будет видеть только его, а не всю полностью гиперссылку. В обязательном порядке в гиперссылке участвует атрибут href, но он может быть не единственным атрибутом, помещенным внутрь скобок открывающего тега – это минимальные требования к созданию гиперссылки. Среди других атрибутов могут быть те, которые содержат информацию о внешнем виде ссылки и о том, каким образом ссылка должна отреагировать на наведение курсора, щелчок и прочие события.

Перед тем, как создать гиперссылку в html, необходимо создать тэг, который впоследствии помещается в исходный код документа. Можно сделать это вручную или же воспользоваться редактором страниц, но данный способ создания гиперссылки возможен только тогда, когда документ размещается на сервере, где предусмотрена система управления сайтом. В визуальном режиме редактора необходимо выделить часть контента, щелкнуть ссылку в интерфейсе редактора, после чего откроется диалоговое окно. В нем указывается адрес.

Гиперссылка: понятие.

На просторах всемирной сети Интернет существует такое понятие как гиперссылка . Она является неотъемлемой частью гипертекстового документа. Последний представляет собой текст, в котором содержатся ссылки на другие документы, либо на определенные разделы этого же документа. Благодаря гиперссылкам, можно моментально переходить к нужным страницам при помощи одного клика мыши.

Как правило, во всех HTML-документах, гиперссылки выделяются графически. По умолчанию цвет ссылок – синий, но при наведении на них курсора мыши они могут либо поменять цвет, либо выделиться подчеркиванием. Если цвет ссылки изменился, то вероятно эта ссылка уже «посещенная», это сделано специально для удобства пользователей.

Состав ссылки.

Абсолютно любая ссылка представляет собой две взаимосвязанные части. Первая называется указателем (anchor) – это видимая часть ссылки, представленная в виде названия. Вторая часть – это URL – адрес, на который переходит браузер после нажатия клавиши мыши. Также у ссылки могут быть дополнительные атрибуты, так как как: target, rel, title, alt и др.

Ссылка в HTML.

Каждая ссылка в html должна быть представлена в определенном виде, то есть с присвоением ей определенных параметров. Непосредственно перед самим названием ссылки в ее структуре должен содержаться тег. Далее присваивается значение «href», которое в свою очередь предполагает адрес перехода по ссылке – URL, который может быть как абсолютным, так и относительным. Если в адресе не указывается сервер или раздел, на который необходимо перейти, то переход по такой гиперссылке будет осуществляться внутри данного сервера или раздела.

Так же перед названием ссылки можно задать параметр подсказки, он задается с помощью значения «title». Создается для удобства пользователей, при наведении курсора мыши на ссылку, будет подсвечиваться подсказка. Данный параметр не обязателен для существования полноценной ссылки.

Ну и в самом конце, после указания названия гиперссылки необходимо установить «завершающий» тег а>.

, каталог , приложение), расположенный на локальном диске или в компьютерной сети , либо на элементы этого объекта.

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

«Битой» ссылкой называют такую гиперссылку, которая ссылается на отсутствующий по каким-либо причинам объект, например, если документ или файл удален или перемещен администратором ресурса, на котором он был расположен, или если сам ресурс недоступен. Обычно в таком случае на странице появляется сообщение с кодом ошибки , но это происходит не всегда.

http://www.domen.ru/test-papka/index.htm

Энциклопедичный YouTube

Гиперссылки HTML-страницы

  • указывающий на другой файл, который может быть расположен в Интернете ;
  • содержащая полный путь (URL) к этому файлу.

Гиперссылка для пользователя - графическое изображение, видео или текст на сайте, в письме электронной почты или в каком-либо электронном документе, устанавливающие связь и позволяющие переходить к другим объектам Интернета.

Гиперссылка на другую HTML-страницу

Для определения ссылки в HTML используется тег , структура которого имеет вид Текст ссылки , где filename - имя файла или адрес в Интернете, на который необходимо сослаться, а Текст ссылки - текст гипертекстовой ссылки, который будет непосредственно показан в HTML-документе. Также можно использовать аргумент TARGET, который показывает, в каком окне будет открыта ссылка (значения - _blank (новом), _self (текущем)). target="имя окна">.

  • Мои работы - ссылается на документ my-photo.html в текущей директории, образуя гипертекстовую ссылку в виде слова «Мои работы»;
  • Мой фотоальбом - ссылается на файл my-photo.html, расположенный в каталоге photo корневой директории и образует ссылку в виде текста «Мой фотоальбом»;
  • Фото - ссылается на индексный файл текущей директории (в предыдущем примере это было «/photo/»);
  • Мой сайт - ссылается на ресурс, расположенный на удаленном сервере.
  • Открыть в новом окне

Почтовая гиперссылка

Для создания ссылки на адрес электронной почты используется URI -схема mailto: , после которой необходимо указать e-mail адресата:

< a href = "mailto:e-mail" > Текст ссылки

Например:

< a href = "mailto:e-mail?subject=Тема&body=Тело письма" > Текст ссылки

Порядок перехода по гиперссылкам

Некоторые браузеры могут поддерживать функцию перехода по гиперссылкам с помощью клавиши Tab. При этом браузер по умолчанию подсвечивает гиперссылки в порядке их следования в тексте страницы. Изменить порядок перехода можно с помощью атрибута TABINDEX тэга . Чтобы включить гиперссылку в перечень, описывающий новый порядок перехода, надо присвоить атрибуту TABINDEX некоторое целое положительное число в диапазоне от 1 до 32767. Чтобы исключить гиперссылку из перечня, надо присвоить атрибуту любое отрицательное число. Когда пользователь нажимает клавишу Tab, курсор перемещается к гиперссылке с наименьшим положительным значением индекса. Если нескольким гиперссылкам присвоено одинаковое значение индекса, первой выбранной окажется та, которая в тексте страницы стоит выше.

, каталог , приложение), расположенный на локальном диске или в компьютерной сети , либо на элементы этого объекта.

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

«Битой» ссылкой называют такую гиперссылку, которая ссылается на отсутствующий по каким-либо причинам объект, например, если документ или файл удален или перемещен администратором ресурса, на котором он был расположен, или если сам ресурс недоступен. Обычно в таком случае на странице появляется сообщение с кодом ошибки , но это происходит не всегда.

http://www.domen.ru/test-papka/index.htm

Гиперссылки HTML-страницы

  • указывающий на другой файл, который может быть расположен в Интернете ;
  • содержащая полный путь (URL) к этому файлу.

Гиперссылка для пользователя - графическое изображение, видео или текст на сайте, в письме электронной почты или в каком-либо электронном документе, устанавливающие связь и позволяющие переходить к другим объектам Интернета.

Гиперссылка на другую HTML-страницу

Для определения ссылки в HTML используется тег , структура которого имеет вид Текст ссылки , где filename - имя файла или адрес в Интернете, на который необходимо сослаться, а Текст ссылки - текст гипертекстовой ссылки, который будет непосредственно показан в HTML-документе. Также можно использовать аргумент TARGET, который показывает, в каком окне будет открыта ссылка (значения - _blank (новом), _self (текущем)). target="имя окна">.

  • Мои работы - ссылается на документ my-photo.html в текущем каталоге, образуя гипертекстовую ссылку в виде слова «Мои работы»;
  • Мой фотоальбом - ссылается на файл my-photo.html, расположенный в каталоге photo корневом каталоге и образует ссылку в виде текста «Мой фотоальбом»;
  • Фото - ссылается на индексный файл текущем каталоге (в предыдущем примере это было «/photo/»);
  • Мой сайт - ссылается на ресурс, расположенный на удаленном сервере.
  • Открыть в новом окне

Почтовая гиперссылка

Для создания ссылки на адрес электронной почты используется URI -схема mailto: , после которой необходимо указать e-mail адресата:

< a href = "mailto:e-mail" > Текст ссылки

Например:

< a href = "mailto:e-mail?subject=Тема&body=Тело письма" > Текст ссылки

Порядок перехода по гиперссылкам

Некоторые браузеры могут поддерживать функцию перехода по гиперссылкам с помощью клавиши Tab. При этом браузер по умолчанию подсвечивает гиперссылки в порядке их следования в тексте страницы. Изменить порядок перехода можно с помощью атрибута TABINDEX тэга . Чтобы включить гиперссылку в перечень, описывающий новый порядок перехода, надо присвоить атрибуту TABINDEX некоторое целое положительное число в диапазоне от 1 до 32767. Чтобы исключить гиперссылку из перечня, надо присвоить атрибуту любое отрицательное число. Когда пользователь нажимает клавишу Tab, курсор перемещается к гиперссылке с наименьшим положительным значением индекса. Если нескольким гиперссылкам присвоено одинаковое значение индекса, первой выбранной окажется та, которая в тексте страницы стоит выше.

Web ), базовой конструкции гипертекста . Ссылка - это соединение одного Web -ресурса с другим. Несмотря на простоту концепции, ссылка является одной из фундаментальных сил, приведших к успешному развитию Web .

Ссылка имеет два конца - называемых якорями - и направление. Ссылка начинается от якоря "источника" и указывает на якорь "назначения", который может быть любым ресурсом Web (напр., изображением, видеоклипом, аудиофрагментом, программой, документом HTML , элементом в документе HTML и т.д.).

"Посещение" связанного ресурса

Активировав эту ссылку (щелчком мыши, вводом с клавиатуры, голосовой командой и т.п.), пользователь может посетить этот ресурс. Заметьте, что атрибут href в каждом якоре специфицирует адрес якоря назначения с применением URL.

Якорь назначения для гиперссылки может быть элементом в документе HTML. Якорю назначения должно быть дано имя, и любой URL, адресующий этот якорь , должен включать это имя как идентификатор фрагмента .

Якоря назначения в документах HTML могут быть специфицированы элементом A (атрибутом name ) или любым другим элементом (атрибутом id ).

Так, например, автор может создать оглавление, вхождения которого связаны с элементами H2 , H3 и т.д. в этом же документе. Используя элемент A для создания якоря назначения, мы могли бы написать:

Оглавление

Введение
Фон
Несколько заметок

Введение

...раздел 1...

Фон

...раздел 2...

Несколько заметок

...раздел 2.1...

Того же эффекта можно достичь, сделав элементы-заголовки якорями :

Оглавление

Введение
Фон
Несколько заметок
...остальная часть оглавления... ...тело документа...

Introduction

...раздел 1...

Фон

...раздел 2...

Несколько заметок

...раздел 2.1...

Другие соотношения гиперссылок

Чаще всего гиперссылки используются для запроса другого ресурса Web, как в предыдущих примерах. Однако, авторы могут включать в свои документы гиперссылки , которые не только выполняют действия типа "активировать эту ссылку для посещения соответствующего ресурса". Гиперссылки , выражающие соотношения других типов, имеют тот или иной тип ссылок, специфицированный в якоре этого ресурса.

Например, ссылки, определённые элементом LINK , могут описывать позицию документа в серии документов. В следующем отрывке гиперссылки в документе, озаглавленном " Chapter 5", указывают на следующую и предыдущую главы:

...другая информация "шапки"... Chapter 5

Тип первой ссылки - "prev" , а второй - "next" (два из нескольких распознаваемых типов ссылок). Гиперссылки , специфицированные в LINK , не рассматриваются как содержимое документов, хотя ПА могут отображать их другими способами (напр., утилитами навигации).

Даже если они не используются для навигации, эти гиперссылки могут интерпретироваться интересными способами. Например, ПА, печатающий серию документов HTML как единый документ, может использовать информацию этих ссылок как базис связного линеарного документа. Ниже дана информация о гиперссылках для использования возможностей поисковых машин .

Спецификация якорей и гиперссылок

Хотя гиперссылки на другие ресурсы создаются разными элементами и атрибутами (напр., элемент IMG , элемент FORM и т.д.), в этом разделе рассматриваются гиперссылки и якоря , создаваемые элементами LINK и A .

Элемент LINK может появляться только в "шапке" документа.

Элемент A может появляться только в теле документа .

Если в элементе A установлен атрибут href , этот элемент определяет якорь -источник гиперссылки , который может быть активирован пользователем для запроса Web-ресурса. Якорь источника это размещение объекта A , а якорь назначения - это ресурс Web.

Запрошенный ресурс может быть обработан ПА различными способами:

  • открытие нового документа HTML в том же окне ПА,
  • открытие нового документа HTML в другом окне,
  • запуск другой программы для обработки ресурса и т.д.

Поскольку элемент A имеет содержимое (текст, изображения и т.п.), ПА могут обозначить наличие этого содержимого, например, подчёркиванием гиперссылки .