Что такое гиперссылка и для чего она нужна? Понятие: гипертекста, гипертекстовая ссылка

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

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

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

Например:

Текст ссылки

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

См. также

Напишите отзыв о статье "Гиперссылка"

Ссылки

• - MSDN (рус.)
• (рус.)
• (рус.)
• - Ководство (рус.)

Отрывок, характеризующий Гиперссылка

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

Они применяются, чтобы переходить, ссылаться на другие сайты, страницы, на которых может быть такой же материал.

Виды ссылок

Путь бывает абсолютным и относительным. Абсолютный путь состоит из 4 частей:

1. часть - протокол, т.е. способ передачи файлов по сети. Их существует довольно много, но за весь курс нам будут нужны только 3 протокола - HTTP, mailto и FTP. Первый служит для отображения данных, второй - для отправки сообщений по электронной почте, третий - для загрузки данных на сервер. Поскольку мы создаем ссылки для отображения страниц, файлов, нас интересует только HTTP. Первая часть ссылки пишется так: http://
2. часть - домен, т.е. сетевое имя. Это имя дается сайту и в так называется папка на сервере, где и хранится весь сайт. Домен может иметь такие виды: www.***.com, www.***.ru, ru.***.org. Как правило, настоящие домены имеют в своем составе три слова, разделенных точками. Если одно из слов - www(org), а второе - сокращенное название языка(или com), то это - просто домен..е. содержит только язык, то это называется субдоменом.
3. часть - путь к файлу. На сайте может быть несколько папок, вложенные папки также допускаются. Например, на этом сайте все изображения хранятся в папке images. Если путь содержит несколько вложенных папок, то они отделяются прямым слэшем.
4. часть - имя файла и его расширение. Если файл имеет допустимое для браузера расширение, он его откроет. В противном случае, попытается сохранить. К сожалению, некоторые браузеры пытаются открыть такие форматы, как exe или djvu.

Итак давайте сложим все вместе. В качестве примера возьмем изображение lesson1.jpg, хранящееся в папки images нашего сайта. Путь будет таким:

http:// сайт/images/ lesson1.jpg

Для удобства разные части пути были по разному выделены. Теперь добавим путь к файлу в ссылку:

lesson1

Если Вы пишете ссылку на главную страницу какого либо сайта, последние 2 части опускают; точнее 3 части тогда не существует, т.к. главная страница располагается непосредственно на самом сайте, а не в его папках. Имя главной страницы стандартаризированно - это index.html(или др. расширение), либо default.html.

Второй тип пути к файлу - относительный. Он показывает путь к файлу относительно файла, с которого делается ссылка. Протокол и домен никогда не присутствуют в пути к файлу в этом случае.

Возможно несколько случаев:

• Файл, на который ссылаются, расположен в той же папке, что и файл, с которого ссылаются. Этот вариант самый простой, т.к. тогда нужно указать только имя файла и его расширение.
• Допустим, у Вас в одной папке есть файл index.html и папка things, в которой есть файл dog.html. Если Вам нужно сделать ссылку с файла index.html на dog.html, то в пути к файлу нужно приписать название папки. Это будет так: things/dog.html
• Возьмем предыдущий случай, но теперь будем ссылаться из файла dog.html на файл index.html. В этом случае Вам не нужно указывать имя папки, но нужно указать то, что файл находится в более "высокой" папке. Для этого в путь файла пишем ../ (две точки прямой слэш). Тогда ссылка будет выглядеть так: ../index.html. Для поднятия на каждый уровень выше пишем по одной такой конструкции последовательно, друг за другом. Например, в папке things есть также папка items, содержащая файл books.html. Тогда ссылка на файл index.html из файла books.html будет выглядеть так: ../../index.html. В свою очередь, ссылка на файл books.html из index.html выглядит так: things/items/books.html
• Вы можете комбинировать эти способы, если у Вас есть много вложенных папок. Например, на сайте есть две одноуровневые папки: icons и images. В первой папке есть файл icons.html, во второй - images.html. Ссылка с первого файла на второй будет выглядеть так: ../images/images.html, со второго на первый: ../icons/icons.html

Ссылки на адреса электронной почты

Если вы хотите, чтобы пользователи писали на ваш ящик электронной почты, вам не нужно убеждать открыть их свою программу отсылки сообщений(типа Outlook), или сайт типа Mail.ru. Достаточно вставить ссылку на адрес электронной почты с вашим адресом. Когда пользователь щелкнет по этой ссылке, она сама откроет ему либо его любимый почтовый редактор, либо сайт отправки сообщений.

Вторая часть - Ваш адрес электронной почты, включая почтовый сервис (Например mail.ru, yandex.ru). Все вместе выглядит так:

Отправьте мне письмо

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

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

Сделайте несколько страниц вместо одной. Мы можете добавить новые страницы, либо разделить старую. Сделайте навигацию на каждой странице. Но не создавайте слишком много страниц, пока это нам не нужно.

Все ссылки, кроме якорей, могут иметь атрибут target, показывающий, как будет отображаться открытое окно. Он принимает такие значения: _blanc(страница в новом окне), _self(то же окно), _top(целое окно браузера). Если Вы не будете изучать фреймы , то _top и _self для Вас - одно и то же. Лучше использовать _self. Вы также можете поместить тег между тегами . Этот тег также может иметь атрибут target. Присвоив ему одно из вышеперечисленных значений, Вы можете присвоить этот способ открытия страниц по умолчанию.

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

В 80-е годы прошлого века термин «гипертекст» в филологическом смысле употреблял известный структуролист-нарратолог Жерар Женетт в своей книге «Палимпсесты«,рассуждая о различных видах интертекстуальных связей. Жерар Женнет разработал практическую модель исследования межтекстовых отношений, уделяя основное внимание не частным текстуальным связям, а произведению как целостной структуре. Он предложил собственную классификацию разных типов взаимодействия текстов. Однако термин «гипертекст» в рамках концепции Женетта имел более узкое значение, чем в компьютерных разработках, где он становится ключевым словом.

Существует множество определений гипертекста. Самое простое из них можно найти почти в любом руководстве по веб-дизайну:

Гипертекст -- это текст, связанный ссылками с другими текстами.

Тед Нельсон определял гипертекст следующим образом:

«Под гипертекстом я понимаю не последовательное сочинение (non-sequential writing) а текст, который разветвляется и позволяет читателю выбирать <…>. Проще говоря, это ряд кусков текста (a series of text chunks), соединенных линками, предлагающими читателю различные пути«.

Словарь культуры XX века В.Руднева дает следующее определение гипертекста:

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

Для полноты картины приведем и другие достаточно типичные дефиниции гипертекста собранные из разных источников.

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

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

3. Надтекст , некая единица информации, частями которой являются тексты и/или текст, части которого имеют «сверхсвязи», то есть соединены друг с другом не линейным отношением в одномерном пространстве (отношением следования как в обычном тексте естественного языка), а множеством различных отношений, представляемых в многомерном пространстве. В гипертексте отсутствуют заранее заданные ограничения на характер связей (сеть).

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

5. Гипертекст -- это текст, организованный таким образом, что из некоторых его элементов возможен алеаторический (по выбору читателя) переход сразу на несколько других элементов либо возможны ссылки на другие элементы этого же текста или других текстов.

6. Гипертекст -- это представление информации как связанной (linked) сети гнезд (nodes), в которых читатели свободны прокладывать путь (navigate) нелинейным образом. Он допускает возможность множественности авторов, размывание функций автора и читателя, расширение работы с нечеткими границами и множественность путей чтения».

Почти о том же писал и Р.Барт: «…текст пронизан сетью бесчисленных, переплетающихся между собой внутренних ходов, не имеющих друг над другом власти; он являет собой галактику означающих, а не структуру означаемых; у него нет начала, он обратим; в него можно вступить через множество входов, ни один из которых нельзя признать главным; вереница мобилизуемых им кодов теряется где-то в бесконечной дали, они «неразрешимы» (их смысл не подчинен принципу разрешимости, так что любое решение будет случайным, как при броске игральных костей); этим сугубо множественным текстом способны завладеть различные смысловые системы, однако их круг не замкнут, ибо мера таких систем -- бесконечность самого языка«.

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

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

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

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

· Мои работы -- ссылается на документ my_work.html, образуя гипертекстовую ссылку в виде слова «Мои работы»;

· Мой фотоальбом -- ссылается на файл my_photo.html, расположенный в каталоге photo, и образует ссылку в виде текста «Мой фотоальбом»;

Адресация в интернет

Доменное имя

IP-адрес - сетевой адрес узла в компьютерной сети, построенной по протоколу IP. При связи через сеть Интернет требуется глобальная уникальность адреса, в случае работы в локальной сети требуется уникальность адреса в пределах сети.

Структура адреса

IP-адрес состоит из двух частей: номера сети и номера узла. В случае изолированной сети её адрес может быть выбран администратором из специально зарезервированных для таких сетей блоков адресов (192.168.0.0/16, 172.16.0.0/12 или 10.0.0.0/8). Если же сеть должна работать как составная часть Интернета, то адрес сети выдаётся провайдером либо региональным интернет-регистратором. Номер узла в протоколе IP назначается независимо от локального адреса узла. Маршрутизатор по определению входит сразу в несколько сетей. Поэтому каждый порт маршрутизатора имеет собственный IP-адрес. Конечный узел также может входить в несколько IP-сетей. В этом случае компьютер должен иметь несколько IP-адресов, по числу сетевых связей. Таким образом, IP-адрес характеризует не отдельный компьютер или маршрутизатор, а одно сетевое соединение.

Доменное имя - символьное имя, служащее для идентификации областей -- единиц административной автономии в сети Интернет, или доменов, -- в составе вышестоящей по иерархии такой области. Общее пространство имён Интернета функционирует благодаря DNS -- системе доменных имён. Доменные имена дают возможность адресации интернет-узлов и расположенных на них сетевых ресурсов (веб-сайтов, серверов электронной почты, других служб) в удобной для человека форме.

Полное доменное имя состоит из непосредственного имени домена и далее имён всех доменов, в которые он входит, разделённых точками. Например, полное имя ru.wikipedia.org обозначает домен третьего уровня ru, который входит в домен второго уровня wikipedia, который входит в домен верхнего уровня org, который входит в безымянный корневой домен. В обыденной речи под доменным именем нередко понимают именно полное доменное имя.

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

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

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

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

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

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

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

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

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

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

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

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

Например:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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