Создание внешних и внутренних гиперссылок в документе. Что такое ссылка и как сделать гиперссылку в HTML

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

Что такое гиперссылка?

Не каждый пользователь ПК знает, что такое гиперссылка, и как она создается, хотя наверняка не раз видел её не только на просторах интернета, но и в документах Word, Excel, различных презентациях.

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

Если стоит задача перенаправить пользователя на другую страницу в пределах того же сайта, то используются гиперссылки в html с pagehtml – относительным адресом страницы. А чтобы связать страницы различных сайтов, следует использовать абсолютный адрес страницы, которому свойственна такая структура гиперссылки – http:⁄⁄site.com⁄page.html.

Виды гиперссылок

По зоне их действия

Внешние. Они приводят на относящуюся к другому документу или сайту страницу.
Внутренние. Такие виды гиперссылок могут вывести только на страницу с активного в данный момент сайта (при этом они связывают размещённые на одном домене документы) или другую страницу того же самого документа.

По формату

Текстовые.
Графические.

В первом случае подразумевается обычный текст, как, например, гиперссылки в блокноте (т. н. URL-редирект). Во втором случае ссылка прикрепляется к графическому файлу (картинке, баннеру, анимации, кнопке и т. д.). Часто графические ссылки используются при создании кнопочного меню, а также при размещении миниатюр статей, тизеров, рекламы и т. д. На некоторых сайтах используется графическая карта – совокупность миниатюр (небольших картинок), которые разнесены по ячейкам импровизированной таблицы. В каждую миниатюру встроена гиперссылка, отсылающая на определённую страницу.

Вначале выделяется отдельное слово, фраза или даже целый кусок текста (когда нужно создать гиперссылку в презентации, документе или странице сайта).
В группе «Связи» нужно отыскать кнопку «Гиперссылка», нажатие на которую открывает диалоговое окно.
Можно прийти к необходимому пункту и через контекстное меню, нажимая в поле выделенного объекта на правую клавишу мышки, а также с помощью клавиатуры, если после выделения фрагмента нажать сочетание «Ctrl+K».
В диалоговом окне откроется список документов на вашем компьютере, из которого следует выбрать нужный.
Если объектом гиперссылки является документ из Интернета, то её можно создать ручным способом. Нужно просто скопировать url объекта и вставить его в поле «Адрес». Затем завершить всё нажатием кнопки «ОК», после чего ссылка окажется вставленной.

Как делать гиперссылку в презентации?

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

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

Чтобы создать гиперссылку для презентации в PowerPoint на нужную страницу сайта, нужно:

Выделить фрагмент (текст, картинка или медиафайл).
Перейти во вкладке «Вставка» к группе «Ссылки».
Нажать на «Гиперссылку».
После этих действий на экране откроется окно «Вставка гиперссылки».
Далее нужно выбрать среди четырёх вариантов гиперссылок:

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

Выбрав один из вариантов, нужно вставить адрес, после чего элемент приобретёт нужный вид.

Чтобы вставить гиперссылку в презентацию, создаваемую в программе LibreOfficeImpress, нужно вначале выделить часть нужного содержимого, а затем последовательно перейти через «Вставку» к «Гиперссылке», после чего нужно вставить необходимый адрес.

Как сделать гиперссылку в экселе (MicrosoftExcel)?

Гиперссылки в Excel также можно внедрять по-разному. Простейший вариант, когда копируется внешняя ссылка и вставляется гиперссылка в Excel. Если нужно оставить её активной, то копирование завершается нажатием «Вставить». При нажатии на эту ссылку, осуществляется переход на другую страницу сайта, а ссылка становится фиолетовой. Если копировать ссылку в качестве простого текста, то она получится неактивной. Тогда алгоритм такой: «Копировать», «Специальная вставка», «Текст в кодировке Unicod», и получается простой текст.

Как сделать гиперссылку в HTML?

{Текстовая ссылка}

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

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

Перед созданием ссылки в 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, необходимо создать тэг, который впоследствии помещается в исходный код документа. Можно сделать это вручную или же воспользоваться редактором страниц, но данный способ создания гиперссылки возможен только тогда, когда документ размещается на сервере, где предусмотрена система управления сайтом. В визуальном режиме редактора необходимо выделить часть контента, щелкнуть ссылку в интерфейсе редактора, после чего откроется диалоговое окно. В нем указывается адрес.

Как сделать ссылку в Word? Гиперссылка это часть документа (какой-нибудь графический объект или текст), щелчок по ней осуществляет переход на веб-страницу или к определенному файлу, которые находятся в Интернете или на вашем компьютере. Гиперссылка в Word чаще всего делается для перехода по такой ссылке на какой-нибудь сайт, для перехода на который была сделана такая ссылка.

Для осуществления перехода необходимо нажать на клавиатуре на клавишу «Ctrl» и кликнуть левой кнопкой мыши по ссылке, после этого вы автоматически попадете на нужный вам сайт или файл, на определенное место в документе, будет открыт новый документ или будет открыта электронная почта.

В разных версиях программы Microsoft Word эти действия производятся одинаково, есть только различия в интерфейсе версий программы.

Создание гиперссылки в документе Word 2007

В версии программы Word 2007, на этом примере, будет показано создание гиперссылки в документе Word на определенный сайт.
Для этого необходимо будет открыть документ Word. В окне открытого документа следует выделить слово, выражение, фрагмент текста, символ или графический объект. В данном случае, я выделил слово «СКАЧАТЬ».

После этого, отрывается окно «Вставка гиперссылки».

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

В поле «Адрес:» вставляете скопированную ссылку нужного вам сайта. В поле «Текст:», адрес ссылки будет введен автоматически.

Если вам нужно будет ввести вместо простого адреса в интернете (например, https://сайт/) какое-нибудь выражение, которое будет отображаться вместо простого веб-адреса, то тогда вы можете скрыть такую ссылку таким выражением (анкором).

Для этого, в поле «Текст:» нужно будет ввести необходимое слово или выражение. На этом примере, я ввел слово «СКАЧАТЬ».

Затем нажимаете на кнопку «OK». После этого ссылка в Word будет вставлена в нужное место документа.

Сделать гиперссылку можно и другим способом. После открытия документа Word, выделяете нужное вам выражение или фрагмент текста, затем щелкаете правой кнопкой мыши по выделенному выражению или фрагменту текста. Далее в контекстном меню нажимаете на пункт «Гиперссылка…».

Создание гиперссылки в документе Word 2003

Во вкладке «Вставка», в контекстном меню необходимо будет выбрать пункт «Закладка…».

В окне «Закладка» нажимаете на кнопку «Добавить». Здесь можно будет ввести имя закладки (должно начинаться с буквы и не должно быть пробелов), по умолчанию имя вводится автоматически.

Теперь переходите к тексту (в нашем случае), который должен быть гиперссылкой. Выделяете этот текст (на этом примере слово «нажимаем»), а в контекстном меню нажимаете на пункт «Гиперссылка…».

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

Создание гиперссылки в документе Word 2010

В Word 2010 будем создавать гиперссылку на новый файл. Для этого, в окне открытого документа Word выделяете фрагмент текста, символ или графический объект, к которому будет привязана гиперссылка. Щелкаете правой кнопкой мыши по выделенному (на этом примере слово «документ»), затем в контекстном меню выбираете пункт «Гиперссылка…».

В поле «Имя нового документа» вы должны будете написать его имя. Вы можете изменить расположение нового документа. Потом нажимаете на кнопку «ОК». Гиперссылка создана.

Если активирован чекбокс в пункте «сейчас», то тогда сразу откроется новый документ Word. После окончания работы с новым документом, закрываете его.

Открываете первый документ, щелкаете правой кнопкой мыши по гиперссылке, в контекстном меню нажимаете на пункт «Открыть гиперссылку». После этого открывается второй документ, на который вы делали ссылку.

Описанные действия аналогичны для всех версий программы Word.

Выводы статьи

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

Для комфортного и информативного текста уже давно были придуманы гиперссылки. Так получатель вашего документа сможет сразу же перейти в нужный раздел, на определенный сайт или директорию компьютера. В гиперссылку можно поместить даже другой документ, если вы точно знаете его месторасположение. В данной статье будет подробно рассмотрена вставка гиперссылок в текстовом редакторе Microsoft Office Word.

Как сделать гиперссылку в Ворде быстро

Самый быстрый способ не является самым комфортным для чтения и аккуратным. Он заключается в копировании адреса сайта прямо в текст.

Скопируйте адрес из строки браузера и поместите его в документ.

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

Как редактировать гиперссылку в Ворде

Чтобы придать гиперссылке другой вид, нужно нажать по ней правой кнопкой мыши, выбрать пункт “Изменить гиперссылку”.

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

Как сделать гиперссылку на файлы и папки в Ворде

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

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

Как создать гиперссылку в Ворде: альтернативный вариант

Этот случай хорошо подойдет, если вы хотите вставлять гиперссылки в уже готовый печатный текст. Просто выделите нужные слова в тексте.

После этого перейдите в раздел “Вставка” в шапке программы”, в нем отыщите пункт “Гиперссылка”. Нажмите на него.

Вы увидите уже привычное вам меню. Осталось только настроить параметры под сайт или путь к папкам и файлам.

Вставка гиперссылок в Microsoft Office Word достаточно удобна и проста, вы можете освоить ее всего за несколько повторений.

Инструкция

Гипертекстовые ссылки предназначены для того, чтобы связывать текст, изображение или другие элементы страниц с другими гипертекстовыми документами. Все элементы страницы сайта, включая ссылки, создаются браузером, который получает подробные инструкции из присылаемого ему сервером кода страницы. Это код на языке HTML (HyperText Markup Language - «язык разметки гипертекста») состоит из «тегов», которые описывают тип, внешний вид и расположение всех элементов веб-страницы. Стандартная гиперссылка создается браузером, когда он встречает в коде страницы, например, такой тег:Текстовая ссылкаЗдесь - открывающий тег ссылки, - закрывающий. Открывающий тег может содержать дополнительную информацию - «атрибуты». В этой простой ссылке атрибут href содержит адрес страницы или документа, запрос на который будет отправлен, если посетитель щелкнет по ссылке. Иногда не обязательно указывать полный адрес - если запрашиваемый документ лежит на сервере в этой же папке (или вложенной в нее), то достаточно указать только его имя или путь к вложенной папке. Такие называются «относительными», их следует, к примеру, так:Текстовая ссылкаПри переходе по этой ссылке будет загружен документ moreText.html из этой же папки. А абсолютные адреса ссылок начинаются с указания протокола, например:Текстовая ссылкаЗдесь "http" (HyperText Transfer Protocol - «протокол передачи гипертекста») это обычный адрес документа в сети. А если указать протокол "mailto", то гиперссылка будет запускать вашу почтовую программу, вместо перехода на :email-ссылкаВ ссылках на файлы, лежащие на ФТП-сервере указывают, соответственно, протокол FTP (File Transfer Protocol - «протокол передачи файлов»):Ссылка на архив

Другой атрибут гиперссылки, который указывает, в которое окно следует загружать этот новый документ, как "target". Если в атрибут href вы можете вписать любой правильный адрес, то target может иметь всего четыре значения:_self - страница надо загружать в это же самое окно или фрейм. «Фреймами» называют одну часть разделенного на несколько частей окна;_parent - если текущая страница сама была загружена из другого окна (или фрейма), то у нее есть «родительское» окно. А значение _parent требует, чтобы страница, на которую указывает ссылка, загружена была в это родительское окно;_top – новую страницу нужно загружать в это же окно. Если это окно разделено на фреймы, то при загрузке они будут уничтожены, а страница будет единственным фреймом в этом окне;_blank – для перехода по ссылке будет открыто отдельное окно;Например:
Ссылка откроется в новом окне

Существует возможность гиперссылку для перехода не на другую страницу, а на какой-то заданный участок этого же документа. Чтобы указать в html-коде документа такой «пункт назначения» используют ссылку-якорь:А ссылка, прокручивающая документ до этого якоря выглядит так:Ссылка на первый якорь страницыМожно ссылаться на якоря не только в этом документе, но и в других:Якорь в другой страницеКонечно в html-коде другого документа должна такая ссылка-якорь с атрибутом name="Якорь1".

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

Обратите внимание

Вписывать теги в файлы html-страниц можно в простом текстовом редакторе, например - в стандартном блокноте. А если вы используете какую-либо систему управления сайтом, то можете редактировать страницы прямо в браузере. Вам нужно только найти в панели управления сайты редактор страниц.

Полезный совет

У тега гиперссылки есть и другие атрибуты, например, hreflang, type, rel, rev, charset и некоторые другие. Они используются для узкоспециальных целей, а чтобы просто вставить гиперссылку в документ использовать эти атрибуты не требуется.

Источники:

как сделать гиперссылку в html

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

Инструкция

Для того, чтобы создавать простейшие html-странички, достаточно самого обычного текстового редактора «блокнот». На начальных этапах следует изучить базовые правила создания документов на языке html и запомнить хотя бы базовые теги. Если сразу работать с редакторами, где присутствует автоподстановка, то процесс запоминания может затянуться. Однако для того, чтобы работа с кодом была более нагляднее, рекомендуется использовать текстовые редакторы с