Здравствуйте уважаемые читатели блога сайт. Сегодня мы поговорим о том как создавать гиперссылки в html , узнаем как использовать тег и его атрибуты href и target, научимся делать картинку ссылкой.

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

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

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

страница 15

В этом фрагменте html-кода создается абзац, который содержит ссылку. Ссылка указывает на web-страницу page15.html, которая находится в папке catalog, хранящейся в корневой папке сайта www.site.ru.

страница 15

Если на странице не используются стили CSS и не применяются дополнительные атрибуты, то гиперссылки на странице по умолчанию отображаются следующим образом:

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

Интернет адреса

Полный адрес содержит содержит интернет-адрес web-сервера, и путь к файлу, который необходимо получить. Например:

http://www.site.ru/catalog/page15.html

Здесь www.site.ru адрес web-сервера, а /catalog/page15.html — путь к файлу на этом сервере. Вообще, обычно полные интернет-адреса используют только если необходимо создать гиперссылку, указывающую на какие-либо ресурсы находящиеся на другом web-сайте.

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

Сокращенные интернет-адреса бывают абсолютными и относительными . Абсолютный адрес задает путь к целевому файлу относительно корневой папки сайта. Такой адрес начинается с символа /(слэш), который и обозначает корневую папку. Например, адрес «/page15.html» указывает на файл page15.html, который хранится в корневой папке сайта. Или адрес «/catalog/page.html» указывает на файл page.html, который помещен в папку catalog, вложенной в корневую папку сайта.

Относительный адрес задет путь к файлу относительно файла текущей веб-страницы. Относительные адреса не содержат в начале символа слэш. Рассмотрим несколько примеров.

Например адрес «page.html» указывает на файл, который находится в той же папке, что и файл текущей web-страницы. А адрес «catalog/page.html» откроет файл page.html, хранящийся в папке catalog, вложенной в папку, в которой хранится текущая страница. С помощью двух точек вначале адреса можно указывать папки предыдущего уровня вложенности. Так, например адрес «.../page.html» указывает на страницу page.html, хранящуюся в папке, в которую вложена папка с текущей веб-страницей.

Ссылка на почту

С помощью языка html можно создавать почтовые гиперссылки , щелчок по которым запускает программу почтового клиента. При указании адреса в атрибуте href перед email необходимо поставить «mailto:» , т.е. примерно так: href="mailto:[email protected]". Причем после двоеточия перед почтовым адресом не должно быть пробелов.

написать письмо

Как сделать картинку ссылкой

На этом рассказывать о создании гиперссылок я заканчиваю, напомню только основные моменты:

1. Для создания ссылок используется парный тег с обязательным атрибутом href, в значении которого помещается адрес целевой страницы: Текст;
2. При создании ссылки на почту в атрибуте href перед адресом почты необходимо поставить «mailto:»: написать письмо;
3. Если надо создать ссылку изображение, то просто помещаем тег img внутрь тега : .

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Гиперссылка – это определенный текст или рисунок, при нажатии на который, откроется или заданное место в этом же документе, или картинка, или другой документ и прочее. Не просмотренная гиперссылка в Ворде выделена синим цветом и подчеркнута.

На этом с теорией закончим. Давайте разбираться, как сделать гиперссылку в MS Word.

Самый простой способ – это просто скопировать адрес сайта . Выделите и скопируйте текст с адресной строки браузера.

Теперь откройте документ, установите курсор в нужном месте и вставьте ссылку. Нажмите после этого на пробел или «Enter» . Обычная ссылка стала гиперссылкой в документе Ворд и ведет на указанный сайт.

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

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

Откроется следующее окно. В поле «Связать с» выберите «файлом, веб-страницей» , в поле «Адрес» вставьте электронный адрес нужного сайта. Нажмите «ОК» .

Выделите текст, кликните по нему правой кнопкой мыши и выберите «Гиперссылка» .

Затем, в поле «Папка » выберите, где хранится нужный файл. В окошке ниже кликните мышкой по ярлыку программы, ее исполняемому файлу или любой нужной папке. Также можно выбрать вордовский, любой другой документ, или картинку.

В рассмотренном примере, при нажатии на «документ» открывается папка «Downloads» .

Чтобы сделать картинку гиперссылкой – выделите ее и повторите вышеописанные действия. Если картинка в тексте будет служить гиперссылкой, то при наведении на нее, появится всплывающее окошко. Нажмите Ctrl и кликните по ней.

Если в качестве гиперссылки Вы захотите использовать фрагмент текста из другого документа Ворд , то открывайте этот документ. Теперь выделяем в нем нужный текст и кликаем по нему правой кнопкой мыши. Не отпуская кнопку, перетащите выделенный фрагмент в нужное место текущего документа.

Появится следующее контекстное меню. В нем кликните по пункту «Создать гиперссылку» .

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

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

Оценить статью:

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

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

Значение гиперссылки

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

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

Как самостоятельно сделать гиперссылку на сайте

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

Пример 1

В данном примере:

a - тег
href - это атрибут языка html,
http://ru.сайт/articles - это URL адрес одной из страниц нашего сайта,
а фраза «Статьи о том, как самостоятельно и бесплатно сделать сайт в системе panweb» - это текст гиперссылки, который будет виден пользователям вашего сайта.

Гиперссылка в новом окне

Гиперссылка может открыться для пользователя по-разному. Иногда при открытии страницы, на которую ведет ссылка, новая страница замещает старую. И чтобы вернуться на предыдущую страницу, приходится набирать её адрес в браузере, либо щелкать по значку «вернуться назад» .

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

Пример 2

Статьи о том, как самостоятельно и бесплатно сделать сайт в системе panweb

Разница состоит лишь в том, что страница, на которую ведет ссылка, откроется в новом окне.

Как сделать гиперссылку на сайте, сделанном в системе panweb

Если вы создали свой сайт в бесплатном конструкторе сайтов panweb , то вы легко и без проблем сможете вставлять гиперссылки в текст.

Зайдите в панель редактирования вашего сайта. В окне «режим редактирования текстов» кликните на «html», откроется режим редактирования текстового контента в «html»:

Или же, кликнув правой кнопкой мышки по выделенному тексту, выбрать пункт меню Гиперссылка .

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

Чтобы во время наведения курсора мышки на текст гиперссылки выводилась подсказка, то в этом же диалоговом окне Вставка гиперссылки , нажмите на кнопку Подсказка Подсказка для гиперссылки введите текст подсказки.

Мне нужно в презентационное письмо вписать email, но не сам мейл, а типа ссылка на него, чтобы у человека, который кликает на тексте, например, "…. написать письмо", автоматически создавалось сообщение на нужный мне адрес так же, как это делается при клике на адресе почтового ящика вставленного в Ворд. Подскажите, как это сделать?!

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

В области Связать с выберите Электронная почта . В поле Адрес эл. почты введите адрес, на который вы хотите, что бы сообщения отправлялись. В поле Тема введите тему сообщения, которое вам будут присылать.

Нажав на кнопку Подсказка , вы можете написать подсказку к созданной гиперссылке.

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

Обратите внимание! Имя закладки должно начинаться с буквы, но может содержать и цифры. В имени закладки нельзя ставить пробелы, для этого придется воспользоваться подчеркиванием.

Теперь выделите текст (рисунок), который будет гиперссылкой, и с помощью правой кнопки мыши выберите меню Гиперссылка , или в меню ленты Вставка-Ссылки-Гиперссылка , перейдите в диалоговое окно Вставка гиперссылки . В области Связать с выберите местом в документе . В области Выберите место в документе выберите нужную вам закладку. Как и во время работы с обычной гиперссылкой, вы можете написать всплывающую подсказку, нажав на кнопку Подсказка .

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

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

Обратите внимание! Создание ссылки на часть другого документа, можно только ссылаясь на Закладку в документе , ссылка на Заголовок не создается.

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

Имя области должно начинаться с буквы и не должно содержать пробелов. В поле Область необходимо выбрать Книга .

Теперь вернемся к нашему документу Microsoft Word, выделим текст гиперссылки и с помощью контекстного меню Гиперссылка или меню Вставка-Связи-Гиперссылка перейдем в окно Вставка гиперссылки . В области Связать с выберите файлом, веб-страницей . Выберите файл, на который должна перенаправлять ссылка и в конце имени файла в поле Адрес введите знак номера #, а вслед за ним имя нужного вам диапазона.

Как сделать, что бы для перехода по гиперссылкам в документе не надо было зажимать CTRL?

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