Гиперссылка в ворде: создание и настройка

Для Windows Phone 26.07.2019
Для Windows Phone

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

Да, без таких гиперссылок интернет был бы не таким удобным. Нет, вру. Он был бы вообще не удобным в плане навигации. Вы можете представить интернет без них? Я лично нет.

И сегодня мы с вами узнаем, как вставить гиперссылку в html. Но сначала я хотел бы вас спросить: Знаете ли вы, что такое вообще гиперссылка и чем она отличается от обычной ссылки? Тут на самом деле всё просто: ссылка — это простое написание информации ссылающееся на какой-нибудь документ. При этом нажать вы на этот текст не можете (ничего не будет), но зато вы знаете, где искать информацию.

Пример: О том как выделять волосы в фотошопе вы можете узнать по адресу //сайт/adobe-photoshop/kak-vydelit-volosy/

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

О том, как правильно выделять волосы в фотошопе вы можете прочитать в одной из моих .

Ну да ладно. Хорош теории. Теперь перейдем к практике и посмотрим какие и отвечают за все эти дела.

За гиперссылку отвечает парный тег , но сам по себе он ничего из себя не представляет. Он всегда идет в связке с атрибутом. И в данном случае нам нужно постоянно прописывать этот самый href. В значении атрибута мы ставим саму ссылку на желаемый ресурс. А в самом содержимом мы пишем сам текст, который должен стать кликабельным (работать по нажатии). Посмотрите пример и думаю, что вы всё поймете.

Поисковая система Яндекс

Как вы поняли, в этом примере я написал, что при нажатии на кусок текста «Поисковая система Яндекс», человек направится по адресу, написанному в значении атрибута href .

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

Файл в той же папке


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

Файл в другой папке

  1. Откройте в Notepad++ файл pushkin.html
  2. Теперь найдите слово фото и заключите его в теги<a href> .
  3. А теперь внимание! В значении атрибута прописываем путь относительно редактируемого файла, то есть самого pushkin.html. У вас должно будет получиться так:
Фото

Что мы сейчас сделали? А сделали мы следующее: так как путь к фотографии лежит в отдельной папке img, которая находится в одной папке с файлом pushkin.html, то в значении атрибута нам приходится сначала написать название папки, а потом через слеш (/) полное название документа (в нашем случае фотографии).

А вот теперь сохраните и запустите файл pushkin.html в браузере. Вы увидите, что слово «Фото» стало выделено синим цветом и стало кликабельным, а это значит, что нажав на эту ссылку мы попадем на файл fofo.jpg, который находится в папке img.

Ну как? Всё понятно? Вы в случае чего спрашивайте, не стесняйтесь.

Внешние переходы

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

Я буду учиться на мастера социальных проектов .

Здесь мы попадаем на конкретную страницу конкретного сайта.

Открытие в новом окне

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

В этом нам поможет атрибут target со значением «_blank» . Тут сложного ничего нет. Вам просто надо будет вставить это внутри открывающего тега после значения атрибута href . Давайте возьмем тот отрывок из файла lukomorye.html, где мы делали ссылку на страницу pushkin.html, только теперь пропишем этот самый атрибут. Выглядеть это должно так:

Из поэмы Руслан и Людмила (Автор - А.С. Пушкин)

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

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

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

С уважением, Дмитрий Костин.

Как сделать ссылку в 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 можно делать ссылки для перехода на веб-страницу, на место в документе или к определенному файлу.

Сегодня я расскажу, как самому сделать кликабельную ссылку в разных редакторах и программах – во Вконтакте, в документах Word и Excel, в PowerPoint презентациях и, конечно же, с помощью HTML тегов.

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

Все различия вытекают из того, что исходный код документов обрабатывается разными программами с разными алгоритмами. Например, Web браузеры обрабатывают HTML код, а Microsoft Office со своими текстовыми и табличными документами работает совсем по-другому.

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

Гиперссылка (ссылка, линк, link) – это элемент документа (текстовый или графический) нажатие на который мышью приводит к переходу на другой интернет адрес (URL). Текстовые ссылки, как правило, отображаются синим цветом и подчеркнуты сплошной линией, хотя, их стиль может быть изменен на другой.

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

Анкор (анкорный текст) – это текст ссылки. Текст анкора может быть любым, иногда он совпадает с URL, в этом случае говорят, что ссылка без анкорная.

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

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

Макет с круглыми скобками:

Например, @dmitriyzhilin (страница Дмитрия Жилина) будет выглядеть так:


Макет с квадратными скобками:

Например, будет выглядеть один в один, как и предыдущий вариант.

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

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

В связи в этим у нас есть 3 варианта:

  1. Использование безанкорной ссылки
  2. Использование автоматически подобранного анкора
  3. Использование вместо анкора изображения

Автоматический анкор во Вконтакте создается на основе информации, размещенной на той странице, ссылку на которую мы хотим запостить. ВК автоматически извлекает с этой страницы ее title (это заголовок, прописанный в соответствующем теге) и устанавливает его в качестве анкора. Если, при этом, на странице есть графические элементы, то будет предложена и картинка. Вот так выглядит добавление ссылки по умолчанию:

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


Как в ВК сделать внешнюю ссылку с произвольным анкором

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


Как это сделать:

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

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

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

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

  1. В окне прописываем нужный URL и нажимаем «ОК»


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

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

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

По шагам это выглядит вот так:

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

  1. В окно вставляем необходимый адрес и тычем «ОК», все также, как в Word

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

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

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

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

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

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


  1. В окно вставляем адрес web страницы и подтверждаем действие кнопкой «ОК».

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

Подбираемся к самому интересному – к HTML – святая святых в ссылкостроительстве.

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

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


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

Что такое якорь

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

  1. Вставляем внутрь кода документа специальные идентификаторы;
  2. Прописываем в ссылке вместо URL адреса хэштег идентификатора.

Теперь по-русски:

Вставка идентификаторов

Первый способ – к одному из тегов в тексте добавляем атрибут id=”идентификатор”, например, к подзаголовку:

Глава 3 в статье

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

Ссылка на 3 главу

В таком варианте есть один “+” и один “-“:

“-” – если документ изменит свой URL адрес, ссылка работать перестанет, так как кусок “URL-адрес-страницы” будет вести на устаревшее место.

Если в качестве идентификатора указать пустое место (href=”#”), то переход по этой ссылке приведет к началу страницы сайта. Так делают самый – переход мгновенный, без анимации, зато легко реализуем.

Наиболее популярные атрибуты HTML ссылок

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

Target – задает целевую страницу для открытия гиперссылки. По умолчанию (если его не прописывать или задать значение _self) ссылка открывается в том же окне браузера. Для открытия в новой вкладке используется _blank:

анкорный текст

Rel – этот атрибут не является видимым для пользователя и не отображается в браузере, но читается поисковыми системами. Его значением определяется отношение исходной страницы к целевой (указанной в href). Значение nofollow рекомендует поисковикам не передавать вес целевой странице. Особенно актуальным было его значение в период, когда ссылки играли важнейшую роль в ранжировании сайтов в результатах поиска.


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


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




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


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


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




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


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


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



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


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




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




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




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


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



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


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




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


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



Здравствуйте уважаемые читатели блога сайт. Сегодня мы поговорим о том как создавать гиперссылки в 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 внутрь тега : .


Рекомендуем почитать

Наверх