Как сделать ссылку в документе Word. Гиперссылка в ворде: создание и настройка
Гипертекст представляет собой текст, содержащий ссылки на другой текст. Примером могут служить примечания автора на сложные определения или сноски переводчиков внизу страницы книги, если в ней встречается текст на иностранном языке. Сайты Интернета представляют собой сложную систему гипертекстовых переходов с одной страницы на другую, в пределах самой страницы, а также между несвязанными единой тематикой ресурсами. Такая структура практична, экономит много времени, позволяет посетителю быстро найти необходимую информацию и не растеряться в большом количестве переходов.
Вставка гиперссылки
В HTML для вставки гиперссылки используется дескриптор (тег) , который вставляется в нужное место. Обычно его располагают среди текста, так как гиперссылка сама по себе является текстовой структурой. Но ссылки бывают ещё графическими (иконки, кнопки, картинки); о них будет рассказано дальше. Их расположение на веб-странице не ограничивается текстом, а зависит от дизайнерского решения создателя сайта.
Это пример того, как вставить гиперссылку в HTML-документ, что осуществляется посредством тега . Посетитель сайта увидит подчёркнутый текст, отличный от цвета окружающего текста (цвет HTML-ссылки может быть любым), «главная страница Google», нажав на который, он попадёт на главную страницу поисковой системы «Гугл». Следует отметить, что текст гиперссылки должен содержать информацию о том, куда будет осуществлён переход. Этого принципа следует придерживаться и принять за правило!
Структура тега ...
Можно заметить, что тег - парный: необходим закрывающий тег .
href—атрибут тега, указывает назначение ссылки.
https://google.com/ - значение атрибута , заключающее в себе URL-адрес ресурса, на который осуществится переход. Оно заключается в двойные или одинарные кавычки. Это зависит от структуры вложенности тегов по правилам HTML.
вся эта конструкция называется элементом веб-документа.
По правилам HTML, одни элементы могут содержать другие элементы. Тег не исключение. Если программисту необходимо выделить жирным слово Google, то делается это с помощью тега по общим правилам форматирования текста, соблюдая последовательность вложенности тегов. Веб-мастер должен знать, как создать гиперссылку в HTML без ошибок, иначе они не будут работать. Неработающие ссылки на компьютерном слэнге называют «битыми».
Здесь: элемент
содержит вложенный элемент
Гугл
Абсолютные гиперссылки
протокол://название домена/путь к файлу
Пример адреса распространённого в Америке поисковика: https://aol.com — абсолютный, так как содержит имя домена.com.
Абсолютные гиперссылки используются для переходов на страницы других сайтов или для доступа к ресурсам, расположенным на другом сервере. Переход осуществляется с помощью протоколов Интернета. Протоколы — это не тема данной статьи, но поскольку они участвуют в создании гиперссылок, необходимо хотя бы вкратце о них упомянуть:
- http и https — наиболее часто встречающиеся; по ним осуществляется переход между интернет-страницами разных сайтов;
- ftp — протокол для загрузки файлов на сервер или скачивания пользователем с сайта;
- mailto — почтовый протокол, по которому отправляется электронная почта непосредственно с сайта, не заходя в личную почту.
Существуют ещё несколько протоколов особого назначения (gopher, telnet), встречающихся довольно редко, использование которых требует специальных знаний в программировании или системном администрировании.
Относительные гиперссылки
При относительной адресации использование гиперссылок в HTML служит для переходов внутри ресурса и не ведёт за его пределы. Если страница настолько большая, что работает вертикальная полоса прокрутки, иногда очень длинная, как, например, в словарях, то очень удобно и целесообразно использовать относительные ссылки для быстрого перехода к нужной букве.
Создавая интернет-словарь, программист в начале страницы располагает алфавит, и если бы не применение ссылок, то пользователю пришлось бы очень долго крутить колесо мыши, чтобы добраться до буквы «Я».
где ya называется якорем, а Перейти к букве Я - якорем назначения. Для правильного отображения якорей рекомендуется использование латинских букв и цифр, поэтому не стоит писать «Я», хотя так было бы понятнее.
Теперь, чтобы осуществлялся переход от алфавита в начале страницы к букве «Я», нужно сделать привязку якоря в том месте HTML-документа, в котором начинаются слова на букву «Я»:
перед якорем стоит знак решётки, без которого переход к букве не будет работать.
Относительная адресация при создании сайта
Удобный и самый общепринятый алгоритм создания сайта программистом:
- создание папки в компьютере и расположение её в месте быстрого доступа для удобства;
- создание в этой папке главной ;
- создание второстепенных веб-страниц (index.html/page2);
- и размещение в ней графических файлов;
- создание папки и размещение в ней других объектов (файлы для скачивания, например);
- наполнение сайта контентом;
- размещение файлов сайта на хостинге.
Обязательно придётся использовать ссылки для связи между элементами сайта, и очень кстати будет знать, как вставить гиперссылку в HTML на другую страницу этого же сайта. Если файлы сайта находятся в одной директории, на одном сервере, то нет необходимости использовать абсолютную адресацию. При передаче файлов сайта на хостинг связь между объектами сохранится, потому что они на хостинге также разместятся в одной директории.
Допустим, программист создал главную страницу сайта index.html, на которой имеется ссылка на другую страницу page2.html, украшенную картинкой img.png. Тогда относительный путь к этой картинке будет выглядеть так:
Совет: при изучении этой темы лучше всего использовать простой редактор текста по причине того, что нужно приобрести сноровку в правильном написании адресов перехода и чтобы научиться разбираться в чужом коде. На этом этапе будет хорошим результатом без ошибок прописанная гиперссылка в блокноте, HTML их не прощает и выдаёт ошибки.
Способы переходов по гиперссылкам
По умолчанию новая страница открывается в текущем окне браузера, когда пользователь кликает по гиперссылке. Но веб-программист может изменить значение по умолчанию и заставить открываться страницу, к примеру, в новом окне. Для этого существует атрибут target с определённым своим значением. Нагляднее всего это можно выразить таблицей.
Синтаксис применения атрибута target:
Главная страница «Гугл» откроется в новом окне.
Примечание: для открытия страниц в новой вкладке не существует значений для данного атрибута, а задаётся самим пользователем в настройках браузера.
Цвет гиперссылок
Опытный пользователь Интернета со временем должен был заметить, что гиперссылки отличаются по цвету от окружающего текста, и обычно они синие. Ссылки, по которым он переходил и затем вернулся на прежнюю страницу, становятся сиреневыми. Использование гиперссылок в HTML в нестандартной цветовой гамме немного, но выделяет сайт среди остальных.
Задаются цвета ссылок в теге
с помощью атрибутов и их значений, в которых выступает цвет HTML в системе rgb (#00FF00) или с прямым указанием имени цвета («green»). Существует три вида атрибутов для ссылок:- link — задаёт цвет непосещённой ссылки;
- vlink — задаёт цвет ссылки, по которой пользователь уже переходил;
- alink — задаёт цвет ссылки в момент перехода на другую страницу. Это происходит быстро, поэтому не всегда можно уловить этот эффект.
Пример разметки:
Если применить эти атрибуты в теге
, ссылки данного веб-документа будут тёмно-синими, посещённые - лилового, а активные - оранжево-красного цвета.Графические гиперссылки
Прогресс и развитие веб-дизайна обязывают знать, как вставить гиперссылку в HTML в качестве изображения. Понятно, что картинка должна соответствовать содержимому страницы назначения. Например, главная страница сайта о лекарственных растениях может быть представлена в виде фотографий растений, кликнув по которым, пользователь перейдёт на страницу, на которой описываются лекарственные свойства растения.
Широко применяется способ замены статичных кнопок () на красивые графические, созданные веб-дизайнером в редакторах графики (GIMP, Photoshop).
Для вставки графики в качестве гиперссылок на страницы сайта используется тот же синтаксис, только вместо текста используется тег вставки изображения по правилам HTML:
К точно так же применимы атрибуты задания альтернативного текста, ширины, высоты и другие.
Звонки с сайта
Стандарт html5 расширил функциональные возможности использования Интернета, и теперь совершать звонки можно не только с телефона, но непосредственно с сайта. Для этой цели также можно использовать гиперссылки в HTML документе, и они имеют такой синтаксис:
...абонент ...
Вместо слова «абонент» прописывается понятный звонящему контакт, как в телефонной книге. Также можно разместить графический файл (фотографию абонента).
Чтобы звонки совершались с сайта, необходимо наличие не только ссылки на номер телефона абонента, но и гарнитуры (микрофон, наушники), установленной на компьютере VoIP-программа, скорость интернета должна превышать 0,5 Мб/сек. Оплата за звонки осуществляется расходом траффика. Поэтому, если Интернет безлимитный, то звонки бесплатные.
Этика создания гиперссылок
Размещая сайт в Интернете, веб-мастер должен знать, какие виды гиперссылок существуют в HTML, и не только правильно, профессионально их применять, но и придерживаться следующих положений:
- Гиперссылка должна быть хорошо видна, отличаться от окружающего её текста. Пользователь должен знать, что это - гиперссылка.
- Пользователю должно быть понятно, куда он попадёт, нажав на ссылку. Для этого целесообразно использовать ещё атрибут title, который лаконично описывает страницу перехода. Синтаксис применения атрибута такой:
- Пользователь должен получить правдивую информацию о файле, который будет скачан при переходе по ссылке.
Попав не на ожидаемую страницу или скачав не тот файл, пользователь в 99% случаев тут же покинет сайт и в будущем никогда на него не зайдёт.
Анти-Seo при создании гиперссылок
Кроме технической стороны вопроса о том, как вставить гиперссылку в HTML, следует осветить ещё и нравственный аспект. Существует много сайтов, доступ к которым пользователям блокируется программами безопасности (антивирусом) или даже государством. Это те сайты, которые были созданы нечистыми на руку веб-программистами.
Одна из уловок, к которой они прибегают, - это вставка «невидимых» гиперссылок на веб-страницу. Мошенники знают, как создать гиперссылку в HTML, а при помощи атрибутов убрать подчёркивание ссылки и назначить ей цвет окружающего текста с тем, чтобы рядовой пользователь не увидел её. А при помощи других инструментов веб-технологий (CSS, JavaScript, PHP) можно запрограммировать их поведение. К примеру, событие OnMouseOver языка JavaScript активирует действие элемента веб-страницы. Когда пользователь проводит курсором по невидимой ссылке, он попадает на рекламную страницу другого сайта. Или ещё хуже, когда присутствует невидимая ссылка на файл и на его компьютер начинает скачиваться и устанавливаться ненужное программное обеспечение. Обычно это вирусы, которые меняют домашнюю страницу браузера, захламляют жёсткий диск массой программ и прочее.
Скоро такие сайты попадают в «чёрный список» вирусных баз, систем безопасности и среди самих пользователей Интернет. Такие сайты долго не живут, и им приходится менять свои названия, бесконечно мигрировать по Интернету, меняя хост-провайдеров. Это не способствует раскрутке сайта, к чему всегда стремится его создатель, никогда не сделает его мегапорталом, таким как, например, соцсети. Кроме прочего, такие уловки вызывают много отрицательных эмоций у пострадавших от этих действий людей.
Гиперссылка в социальных сетях - это очень удобная возможность. Ее активно используют на сервисе "ВКонтакте", но не всем ясно, как делаются гиперссылки. Ничего трудного в процессе нет. Главное - освоить процесс и его секреты. Сегодня предстоит разобраться, как в "ВК" сделать гиперссылку на тот или иной объект социальной сети, что должен знать об этом каждый пользователь, и какие секреты и рекомендации помогают воплощать задумку в жизнь.
Гиперссылка - это...
Изначально придется разобраться, о чем идет речь. Что называется гиперссылкой? Зачем она нужна?
Гиперссылка в социальной сети - это надпись, щелкнув по которой, пользователь перенаправляется на иную страницу или перемещается к определенной позиции на сайте. Иногда гиперссылки запускают разнообразные процессы. Но в социальных сетях это обычно объект, выраженный голубоватой надписью или графическим документом, служащий перенаправителем.
Для пользователей
Первый распространенный случай - это работа с гиперссылками и страницами пользователей. На практике изучаемый объект зачастую используется для указания профилей людей в постах. Полезная функция, о которой известно далеко не всем!
- Найти страницу пользователя, которая будет использоваться в виде гиперссылки.
- Скопировать короткий адрес анкеты. Речь идет о надписи idXXXXXXX, где XXXXXXX - это оригинальный номер.
- Во время написания поста или сообщения воспользоваться небольшой схемой, как в "ВК" сделать гиперссылку. Для этого написать в выбранном заранее месте сообщения следующий текст: , где idXXXXXXX - скопированный ранее адрес анкеты пользователя, а "имя" - это то, как будет выглядеть в посте гиперссылка.
Вот и все! Можно продолжить писать сообщение. После его отправки в выбранном месте появится гиперссылка на профиль пользователя с заранее придуманным текстом-директором.
Сторонние страницы
Следующий вопрос - это создание гиперссылки на сторонний сайт. Подобный действия в социальной сети "ВКонтакте" проводятся несколько иначе. Тем не менее, алгоритм того, как в "ВК" сделать гиперссылку с анкором на разнообразные сайты, все равно остается предельно простым и понятным. Для этого вам потребуется:
- Начать писать пост. Следует обратить внимание, что изучаемые составляющие могут быть вставлены лишь в виде заметок.
- Когда основное сообщение готово, кликнуть на "Прикрепить"-"Заметка".
- Набрать текст ссылки.
- Выделить то, что было написано ранее, затем щелкнуть на "Добавить гиперссылку".
- Нажать на "Внешняя гиперссылка". В адрес страницы необходимо набрать веб-сайт, на который будет перенаправлять пользователя.
- Завершить действия путем выбора функции "Сохранить и прикрепить заметку".
На этом работа окончена! Отправив сообщение, пользователь создаст пост, который содержит в себе ссылку на сторонний ресурс. Легко все и просто!
Для групп и сообществ
Но и это еще не все приемы, которые можно использовать в социальной сети. Как в "ВК" сделать гиперссылку в ускоренном режиме, например, на профиль пользователя или группу?
Неплохим приемом является использование специальных комбинаций. Для них не нужны квадратные скобки. Предложенный далее способ того, как сделать гиперссылку в "ВК" на группу или сообщество, помогает воплотить задумку по созданию перенаправляющих ссылок за считанные секунды! Для этого требуется:
- Начать формирование сообщения. Остановиться в подходящем месте.
- Там, где должна быть гиперссылка, набрать @club.
- Вставить адрес той или иной группы. Речь идет об id.
- Далее в круглых скобках написать текст гиперссылки. Например: @clubXXXXXXX(группа). В посте в виде гиперссылки появится слово "группа".
- Продолжить написание сообщения. Отправить его при готовности.
На пост или сообщение
Иногда бывает необходимость создания гиперссылки на пост в социальной сети. На самом деле подобную задумку воплотить в жизнь можно без особого труда. Все проще, чем кажется!
- Открыть нужное сообщение в социальной сети.
- Скопировать адрес поста. Он будет написан в адресной строке браузера.
- Вставить в свое сообщение полученную запись.
Просто, быстро, удобно. Как показывает практика, гиперссылки на посты - это не самые распространенные объекты.
Прочие объекты
Все перечисленные методы используются на практике очень часто. Посты, группы и профили других пользователей - это далеко не все объекты, которые могут быть представлены в виде гиперссылок. Можно, например, сделать перенаправление на видео или картинку.
- - ссылка на тему/обсуждение;
- - гиперссылка на приложение;
- - если планируется перенаправление на видеоролик;
- - гиперссылка на группу через картинку.
Подобные сочетания значительно облегчают жизнь пользователям. Надеемся, теперь вам понятно, как в "ВК" сделать гиперссылку в том или ином случае.
Гиперссылки являются очень удобным инструментом, который позволяет после клика по заданному участку текста или изображению перенаправить читателя к источнику дополнительной информации внутри этого же документа или к различным внешним ресурсам в сети Интернет. Кроме того, переходы по гиперссылкам могут вызывать некоторые специальные действия. Например, скачивание программ о которых идет речь в документе.
Как сделать гиперссылку в ВордеУстанавливаются гиперссылки в текстовом редакторе Ворд очень просто. Запишите адрес страницы в интернете, на которую вы хотите сделать гиперссылку в виде http://adress.ru, установите после нее знак пробела или нажмите клавишу Ввод (Enter) и текстовый редактор сразу же преобразует ее в активную гиперссылку. Это самый простой вариант, но не самый гибкий.
Чтобы воспользоваться всеми возможностями для работы с гиперссылками в Ворде и иметь возможность установить их к участкам текста внутри документа, файлам и веб-страницам, новым документам и электронной почте необходимо обратиться к специально предназначенному для этой цели инструменту.
Для этого перейдите в раздел Вставка и нажмите на кнопку Гиперссылка .
Откроется окно мастера работы с гиперссылками, который поможет вам связать текст в документе с различными источниками дополнительной информации.
- С файлом или веб-страницей.
Для связи с веб станицей в строке Текст
введите информацию, которая будет отображаться в видимой части гиперссылки (например, КакИменно), а в поле Адрес
точную запись ссылки в виде адреса в сети Интернет (например, http://сайт). При установке ссылки на файл выберите его на диске вашего компьютера и также введите текст ссылки.
- С местом в документе.
Гиперссылку в Ворде можно связать со следующими местами в документе: началом документа, заголовками и закладками внутри него. При этом заголовки и закладки должны уже содержатся в документе. Вам остается только выбрать место в документе для установки гиперссылки на него и вписать ее текст.
- С новым документом.
Можно связать гиперссылку с новым документом, являющимся одним из стандартных файлов Office. Для этого достаточно указать полный путь к файлу в компьютере и сам текст ссылки.
- С адресом электронной почты.
В этом случае при нажатии на подобную ссылку будет запущена программа для работы с электронной почтой и создано новое письмо для адресата, указанного в гиперссылке. Останется только набрать текст письма и нажать кнопку для его отправки.
![](https://i1.wp.com/on-line-teaching.com/word/img_q/34-2.jpg)
Или же, кликнув правой кнопкой мышки по выделенному тексту, выбрать пункт меню Гиперссылка .
В появившемся диалоговом окне Вставка гиперссылки , в области Связать с выберите файлом, веб-страницей. В области Папка можете указать путь к файлу. В поле Адрес автоматически будет отображен путь к нужному файлу.
![](https://i2.wp.com/on-line-teaching.com/word/img_q/34-3.jpg)
Чтобы во время наведения курсора мышки на текст гиперссылки выводилась подсказка, то в этом же диалоговом окне Вставка гиперссылки , нажмите на кнопку Подсказка Подсказка для гиперссылки введите текст подсказки.
Мне нужно в презентационное письмо вписать email, но не сам мейл, а типа ссылка на него, чтобы у человека, который кликает на тексте, например, "…. написать письмо", автоматически создавалось сообщение на нужный мне адрес так же, как это делается при клике на адресе почтового ящика вставленного в Ворд. Подскажите, как это сделать?!
Вам нужно создать гиперссылку на пустое сообщение электронной почты. Для этого достаточно выделить необходимый текст (рисунок), который будет гиперссылкой, и перейти с помощью контекстного меню Гиперссылка в диалоговое окно Вставка гиперссылки или на вкладке Вставка в группе Связи кликнуть на кнопку Гиперссылка .
![](https://i2.wp.com/on-line-teaching.com/word/img_q/34-4.jpg)
В области Связать с выберите Электронная почта . В поле Адрес эл. почты введите адрес, на который вы хотите, что бы сообщения отправлялись. В поле Тема введите тему сообщения, которое вам будут присылать.
Нажав на кнопку Подсказка , вы можете написать подсказку к созданной гиперссылке.
Для вставки гиперссылки на текст внутри документа необходимо сначала отметить это место в документе. Для этого, выделите текст, на который должна перенаправлять гиперссылка (можно даже установить курсор в начале текста, если он объемный). На вкладке Вставка в группе Ссылки нажмите кнопку Закладка . В появившемся диалоговом окне Закладка в поле Имя закладки введите ее имя. И нажмите кнопку Добавить .
![](https://i0.wp.com/on-line-teaching.com/word/img_q/34-5.jpg)
Обратите внимание! Имя закладки должно начинаться с буквы, но может содержать и цифры. В имени закладки нельзя ставить пробелы, для этого придется воспользоваться подчеркиванием.
Теперь выделите текст (рисунок), который будет гиперссылкой, и с помощью правой кнопки мыши выберите меню Гиперссылка , или в меню ленты Вставка-Ссылки-Гиперссылка , перейдите в диалоговое окно Вставка гиперссылки . В области Связать с выберите местом в документе . В области Выберите место в документе выберите нужную вам закладку. Как и во время работы с обычной гиперссылкой, вы можете написать всплывающую подсказку, нажав на кнопку Подсказка .
![](https://i1.wp.com/on-line-teaching.com/word/img_q/34-6.jpg)
Как видно с рисунка, вы можете сделать ссылку на целый раздел вашего документа, выбрав вместо Закладки необходимый Заголовок , в диалоговом окне Вставка гиперссылки . Но у вас должны быть проставлены заголовки в документе, с помощью одного из встроенных стилей заголовков Microsoft Word. Для этого достаточно в меню Главная группе Стили выбрать один из имеющихся эксресс-стилей с значением Заголовок .
![](https://i2.wp.com/on-line-teaching.com/word/img_q/34-7.jpg)
Для создания связи с определенным местом в другом документе необходимо сначала, как и в предыдущем примере, с помощью Закладки отметить такое место в документе. В файле, который будет содержать гиперссылку, выделите текст (рисунок), который будет гиперссылкой. С помощью контекстного меню Гиперссылка в диалоговом окне Вставка гиперссылки в области Связать с выберите файлом, веб-страницей . Выберите файл, на который должна перенаправлять ссылка и нажмите на кнопку Закладка . Здесь вы увидите все закладки выбранного документа. Выбрав нужную закладку, нажмите ОК.
![](https://i1.wp.com/on-line-teaching.com/word/img_q/34-8.jpg)
Обратите внимание! Создание ссылки на часть другого документа, можно только ссылаясь на Закладку в документе , ссылка на Заголовок не создается.
Для вставки гиперссылки на определенную часть в документе Microsoft Excel, необходимо сначала присвоить имя этой части документа. Для этого зайдите в документ Microsoft Excel и выделив необходимый диапазон ячеек/начальную ячейку перейдите на вкладку Формулы группы Определенные имена . Нажмите на кнопку Присвоить имя . В открывшемся диалоговом окне Создание имени введите имя области.
![](https://i2.wp.com/on-line-teaching.com/word/img_q/34-9.jpg)
![](https://i1.wp.com/on-line-teaching.com/word/img_q/34-10.jpg)
Имя области должно начинаться с буквы и не должно содержать пробелов. В поле Область необходимо выбрать Книга .
Теперь вернемся к нашему документу Microsoft Word, выделим текст гиперссылки и с помощью контекстного меню Гиперссылка или меню Вставка-Связи-Гиперссылка перейдем в окно Вставка гиперссылки . В области Связать с выберите файлом, веб-страницей . Выберите файл, на который должна перенаправлять ссылка и в конце имени файла в поле Адрес введите знак номера #, а вслед за ним имя нужного вам диапазона.
![](https://i1.wp.com/on-line-teaching.com/word/img_q/34-11.jpg)
Как сделать, что бы для перехода по гиперссылкам в документе не надо было зажимать CTRL?
Чтобы переход по гиперссылке осуществлялся одним щелчком мыши, нажмите на кнопку Office в левом верхнем углу документа Microsoft Word и перейдите в Параметры Word. В открывшемся диалоговом окне нажмите кнопку Дополнительно и в разделе Параметры правки снимите флажок с CTRL + щелчок для выбора гиперссылки.
![](https://i2.wp.com/on-line-teaching.com/word/img_q/34-12.jpg)
Инструкция
Гипертекстовые ссылки предназначены для того, чтобы связывать текст, изображение или другие элементы страниц с другими гипертекстовыми документами. Все элементы страницы сайта, включая ссылки, создаются браузером, который получает подробные инструкции из присылаемого ему сервером кода страницы. Это код на языке 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 и запомнить хотя бы базовые теги. Если сразу работать с редакторами, где присутствует автоподстановка, то процесс запоминания может затянуться. Однако для того, чтобы работа с кодом была более нагляднее, рекомендуется использовать текстовые редакторы с