Тарифы Услуги Сим-карты

Как в "ВК" сделать гиперссылку: подробная инструкция. Что такое ссылка и как сделать гиперссылку в HTML

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

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

Гиперссылка на элемент текущего документа

Для начала нужно выбрать объект, который будет являться ссылкой. Если гиперссылка будет указывать на какой-то элемент текущего документа, то необходимо его выделить и создать в этом месте закладку. В Microsoft Word 2007 это сделать нетрудно. Нужно найти вкладку «Вставка », которая находится вверху на панели инструментов, открыть ее, найти группу «Ссылки », а в ней кликнуть по кнопке «Закладка ». Откроется диалоговое окно, в котором необходимо заполнить поле «Имя », и для завершения кликнуть на кнопку «Добавить ». Закладка готова.

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


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

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

  • В текущем документе выделить объект, который будет являться гиперссылкой;
  • Открыть окно «Вставка гиперссылки », кликнув по выделенному объекту правой кнопкой мыши, и выбрать пункт «Гиперссылка ». Или же найти этот пункт в «Ссылках » на вкладке «Вставка »;
  • Далее в колонке под названием «Связать с » выбрать первый пункт с надписью «файлом, веб-страницей »;
  • В поле «Папка » в стандартном окне проводника выбрать нужный элемент файловой системы;
  • В случае если необходимо сослаться на интернет-ресурс, нужно скопировать из строки адреса URL веб-страницы или сайта и вставить его в поле «Адрес »;
  • Для завершения кликнуть «Ок »:


Гиперссылка на элемент другого документа

После чего выполнить следующее:

  • Открыть документ, где будет находиться гиперссылка, и выбрать для нее объект;
  • Открыть окно «Вставка гиперссылки » (следуя по шагам, описанным в предыдущем пункте );
  • Связать с необходимым документом, выбрав «Файлом, веб-страницей »;
  • Кликнуть по кнопке «Закладка …». В открывшемся окне выбрать созданную ранее закладку.
  • Нажать кнопку «Ок ».

После выполнения этих действий, будет создана гиперссылка на определенный раздел другого документа:


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

После чего необходимо сделать следующее:

  • В колонке «Связать с » выбрать пункт «Новым документом »;
  • В поле «Имя нового документа » ввести имя, которое будет присвоено документу после активирования гиперссылки;
  • Указать место на диске, где будет храниться новый документ. Для этого нужно кликнуть по кнопке «Изменить » и выбрать нужный раздел;
  • В поле «Когда вносить правку в новый документ » выбрать «Позже »:


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

Так же, как и ранее, необходимо открыть диалоговое окно «Вставка гиперссылки ». Меняется лишь пункт в разделе «Связать с », в котором необходимо выбрать элемент с надписью «Электронной почтой ». Выполнив это, нужно в поле «Адрес » ввести адрес электронной почты и нажать «Ок »:


Есть еще один способ, как можно вставить в текст документа гиперссылку – необходимо просто набрать его с помощью клавиатуры и нажать Enter . Ссылка будет создана автоматически. Это очень удобно, если гиперссылка не должна быть скрытой.

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

Для того чтобы гиперссылками было удобнее пользоваться, при их создании в окне «Вставка гиперссылки » можно добавлять подсказку, кликнув по кнопке «Подсказка ». Откроется окно под названием «Подсказка для гиперссылки ». В поле «Текст подсказки » необходимо ввести словосочетание, по которому можно легко понять, куда приведет ссылка. Для завершения нужно нажать на кнопку «Ок ». Теперь при наведении курсора на ссылку будет отображаться созданная подсказка.

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

После этого откроется окно «Параметры Word », в котором необходимо выбрать пункт «Дополнительно ». Справа, в подразделе «Параметры правки » нужно снять галочку с пункта «Ctrl + щелчок для выбора гиперссылки ». В результате этих манипуляций ссылка будет открываться после клика по ней.

  • выделяем ссылку,
  • щёлкаем правой кнопкой мыши для появления меню
  • и затем левой кнопкой мыши кликаем в появившемся меню по «Копировать»:

Возвращаемся на Subscribe.ru в группу «Компьютерная грамотность». Здесь в комментариях следует написать текст или вставить ссылку вида http://….., которая в данном случае будет восприниматься как обычный текст. Выделяем этот текст (как показано ниже), при этом значок «цепочки» (на картинке обведен красным) становится «активным»:

Левой кнопкой мышки щёлкаем по значку «цепочки». При этом открывается окно «Добавить/ изменить ссылку». Здесь в окно «Адрес ссылки» надо ввести скопированный ранее адрес ссылки, который уже находится в буфере обмена. Для этого можно щелкнуть правой кнопкой мыши и в выпавшем при этом меню кликнуть по опции «Вставить». В окне «Открыть в …» лучше установить «новом окне».

Теперь осталось только щёлкнуть по кнопке «Вставить». Как сказала одна из участниц группы, ссылку удалось «засинить», т.е. она стала гиперссылкой с характерной синей подсветкой.

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

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

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

Для аккаунтов - или [Текст домена|Ваш текст]

Для групп - или [Текст домена|Ваш текст]

Для публичных страниц и встреч - или [Текст домена|Ваш текст]

Где вместо ХХХ нужно вставить ID соответственной страницы или группы.

ВИДЕО. Как создать гиперссылку Вконтакте?

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

Так же гиперссылки используются в презентациях, давайте посмотрим, как их сделать. Мы рассмотрим пример на основе программы Microsoft PowerPoint. Есть два способа, сделать гиперссылку в презентации, и они зависят от цели ссылки, это может быть веб-сайт или же слайд в презентации.

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

2. В открывшемся окне вводим нужный нам сайт в строке «Адрес». Затем нажимаем «ОК».

1. Повторяем действие, что и в прошлом случае. Выделяем нужную информацию - «Вставка» - «Гиперссылка».

2. На этот раз в открытом окне следует сначала выбрать функцию «Местом в документы» (слева в окне). Затем выбираем слайд, на который мы желаем сделать ссылку, и нажимаем «ОК».

Вот такими несложными действиями можно создать гиперссылки в презентации!

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

Microsoft Word - является одним из самых распространенных текстовых редакторов, поэтому гиперссылки в этой программе просто неотъемлемая часть. Создание ссылки в программе Microsoft Word идентичное созданию в Microsoft PowerPoint.

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

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

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

В общем, этот урок сделает твоё представление о создании ссылок законченным и достаточным. Ты поймёшь, как создать гиперссылку в HTML и зачем. И научишься управлять её свойствами.


§ 1. Ссылка на файл, ссылка на сайт, ссылка на страницу

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

Д абы не растекаться мыслью по древу, покажу всё на примере.

В браузере мы увидим вот что:

В браузере мы увидим вот что:

К ак видишь, все типы ссылок создаются абсолютно одинаково. Разница только в адресе объекта, на который нужно сослаться. А теперь перейдём к основной части урока.

§ 2. Создание внешних ссылок

М ежду собой ссылки различаются на внешние и внутренние , а также на текстовые и графические . Внешние ссылки ведут за «пределы» html-страницы, внутренние на различные части этой же страницы. Текстовые ссылки представляют из себя текст (по-умолчанию, он выделен синим цветом и подчёркнут), а графические, в качестве объекта, по которому нужно щелкнуть для перехода, содержат какую-либо картинку. Все эти разновидности ссылок создаются в HTML с помощью тега (сокращение от англ. anchor - якорь). Рассмотрим его поподробнее.

Д ля создания внешней ссылки на сайт, страницу или файл служит атрибут тега - href . В качестве значения этот атрибут принимает URL-адрес сайта, страницы или файла (об этом мы говорили выше). Между тегами и располагается видимая часть ссылки (анкор ссылки), т. е. то, что мы видим на экране браузера. Анкор ссылки может быть как обычным текстом (текстовая ссылка), так и графическим изображением (ссылка-картинка). Ссылка-картинка создаётся вставкой знакомого нам тега между тегами и . В общем, синтаксис создания ссылки выглядит так:

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

http://www.seoded.ru/">Главная страница сайта сайт

В браузере это будет выглядеть так:

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

§ 2.1 Графические ссылки (ссылки-картинки)

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

А браузер покажет:

П о-умолчанию, браузер окружает картинку в графической ссылке рамкой. Если это нежелательно, то атрибуту border тега IMG нужно присвоить значение 0:

border="0">

Главная страница

§ 3. Внутренние ссылки

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

name="имя якоря">текст

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

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

К ак я уже сказал выше, в атрибуте href внутренней ссылки вместо адреса указывается имя нужного якоря с обязательным символом решётки (# ) перед ним. Разберём на примере.

Я создал якорь с именем zagolovok и разместил его рядом с заголовком этого урока («Гиперссылки в HTML»). Код якоря следующий:

name="zagolovok">

href="#zagolovok">К заголовку

А в браузере так:

Е сли ты заметил, то после перехода по внутренней ссылке к заголовку изменился URL-адрес в адресной строке браузера:


К изначальному адресу:

http://www..html

http://www..html#zagolovok

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

§ 4. Абсолютные и относительные ссылки

Главная страница

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

Д опустим нам нужно сослаться на страницу klienty.html , которая лежит в одной папке с главной страницей сайта. Тогда код относительной ссылки примет вид:

/klienty.html">Клиенты

А теперь предположим, что в одной папке с главной страницей лежит папка zakazy и уже в ней лежит страница klienty.html Тогда код относительной ссылки станет таким:

/zakazy/klienty.html">Клиенты

Т еперь рассмотрим создание гиперссылок относительно исходной страницы . Допустим, у нас есть страница price.html (исходная страница) и с неё нужно сослаться на страницу klienty.html Тут бывают следующие типовые варианты:

    1. Страницы price.html и klienty.html находятся в одной папке .

    klienty.html">Клиенты


    2. в корневой папке сайта , страница price.html лежит в папке zakazy на один уровень выше ).

    Код станет таким:

    ../klienty.html">Клиенты

    Две точки показывают, что нужно выйти из текущей папки на уровень выше.


    3. Страница klienty.html и папка zakazy находятся в корневой папке сайта , папка mebel лежит в папке zakazy , страница price.html лежит в папке mebel (т. е. страница klienty.html относительно исходной страницы price.html лежит на два уровня выше ).

    ../../klienty.html">Клиенты

    Т. е. каждый уровень обозначается двумя точками и слешем «/ ».


    4. в корневой папке сайта , страница klienty.html лежит в папке zakazy (т. е. теперь страница klienty.html относительно исходной страницы price.html лежит на один уровень ниже ).

    zakazy/klienty.html">Клиенты

    В этом случае точки и слеши не ставятся.


    5. Страница price.html (исходная страница) и папка zakazy находятся в корневой папке сайта , папка mebel лежит в папке zakazy , страница klienty.html лежит в папке mebel (т. е. теперь страница klienty.html относительно исходной страницы price.html лежит на два уровня ниже ).

    zakazy/mebel/klienty.html">Клиенты


    6. В корневой папке сайта лежат две папки : zakazy и oplata. Страница klienty.html лежит в папке zakazy , исходная страница price.html лежит в папке oplata (т. е. обе страницы лежат в разных папках на уровень ниже от корневой папки сайта).

    ../zakazy/klienty.html">Клиенты

§ 5. Ссылка на электронную почту

Д ля того, чтобы создать ссылку на электронную почту , нужно вместо URL-адреса в значении атрибута href написать адрес электронной почты с указанием протокола (mailto: ). И тогда при щелчке по такой ссылке откроется окно почтовой программы с вписанным в поле «Кому» адресом электронной почты. В HTML-коде это выглядит так:

mailto:[email protected]">Моя почта

А в браузере так:

В теге можно также использовать атрибут title . С его помощью создаётся всплывающая подсказка, которая появляется при наведении мыши на ссылку.

title="Перейти на главную страницу">Главная страница

§ 7. Заключение

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

Р екомендую тебе сейчас ещё раз пробежаться по предыдущим разделам, а затем создать полноценную HTML-страницу, посвященную, например, тебе любимому. По твоему дизайну и сообразно твоим желаниям. После чего выложить её на какой-нибудь (конечно, если у тебя есть , то на него) и уже полноценно полюбоваться на свой первый сайт.

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

И это уже будет первый шаг на пути к превращению личной странички в серьёзный ресурс.


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

Как сделать гиперссылку в Ворде
Устанавливаются гиперссылки в текстовом редакторе Ворд очень просто. Запишите адрес страницы в интернете, на которую вы хотите сделать гиперссылку в виде http://adress.ru, установите после нее знак пробела или нажмите клавишу Ввод (Enter) и текстовый редактор сразу же преобразует ее в активную гиперссылку. Это самый простой вариант, но не самый гибкий.

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

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


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

  1. С файлом или веб-страницей. Для связи с веб станицей в строке Текст введите информацию, которая будет отображаться в видимой части гиперссылки (например, КакИменно), а в поле Адрес точную запись ссылки в виде адреса в сети Интернет (например, http://сайт). При установке ссылки на файл выберите его на диске вашего компьютера и также введите текст ссылки.
  2. С местом в документе. Гиперссылку в Ворде можно связать со следующими местами в документе: началом документа, заголовками и закладками внутри него. При этом заголовки и закладки должны уже содержатся в документе. Вам остается только выбрать место в документе для установки гиперссылки на него и вписать ее текст.
  3. С новым документом. Можно связать гиперссылку с новым документом, являющимся одним из стандартных файлов Office. Для этого достаточно указать полный путь к файлу в компьютере и сам текст ссылки.
  4. С адресом электронной почты. В этом случае при нажатии на подобную ссылку будет запущена программа для работы с электронной почтой и создано новое письмо для адресата, указанного в гиперссылке. Останется только набрать текст письма и нажать кнопку для его отправки.
При необходимости, если что-то вам окажется непонятным при работе с гиперссылками, всегда можно обратиться к справочным данным нажав знак вопроса в окне мастера. Откроется подробная справка, в которой описаны все способы и нюансы создания гиперссылок в Microsoft Word на русском языке.