Как делать ссылки в word: пошаговая инструкция
Содержание:
- Интернет адреса
- Оформление ссылок в квадратных скобках
- Создание ссылки на веб-страницу
- Якоря
- Ссылка на текст в документе
- Дополнительно
- Как удалить все ссылки?
- Гиперссылки в пределах одного документа
- Как вставить гиперссылку в презентацию?
- Что такое гиперссылка
- Быстро создаем гиперссылку на другой файл
- 2 Текстовые и графические гиперссылки
- Внутренние переходы
- Что имеем в итоге?
Интернет адреса
Далее рассмотрим виды интернет-адресов применяемых в атрибуте href. В коде html применяются полные и сокращенные интернет адреса.
Полный адрес содержит содержит интернет-адрес web-сервера, и путь к файлу, который необходимо получить. Например:
Здесь 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, хранящуюся в папке, в которую вложена папка с текущей веб-страницей.
Оформление ссылок в квадратных скобках
Квадратные ссылки в тексте документа Ворд используют чаще всего при форматировании литературных ресурсов. Чтобы копировать квадратные скобки, нужно выделить раздел документа с перечнем литературы, выполняя следующие команды: модуль «Главная» – «Абзац» – «Нумерация» и все источники стали пронумерованными.
Далее нужно проверить, что полученный результат будет отображаться в окне «Перекрестные». Для просмотра следует перейти к разделу «Списки литературы» – Перекрестная ссылка.
Затем выбрать место, где будут значиться квадратные скобки они печатаются от руки или воспользоваться таблицей символов, чтобы добавить их автоматически.
После нажатия по левой клавише мыши появляется окно с различными категориями символов. Установить курсор по нужному, нажать клавишу «Вставить».
Затем поставить указатель между вставленными квадратными скобками, перейдя в раздел «Перекрестные» (Списки литературы – Перекрестные). Открывшееся окно позволяет выбрать номер абзаца. Далее нажимаем по нужному изданию, затем щелкаем по вставке.
Любой пользователь персонального компьютера должен иметь представления, о том, как создать гипертекстовые элементы. Они помогут пользователю переходить к дополнительным ресурсам информации, не тратя время для копирования адреса в браузер.
Создание ссылки на веб-страницу
Для указания в текстовом документе источника, находящегося в интернете ссылку можно сделать анкорной или безанкорной. В первом случае, она будет представлена в виде текста, а во втором в виде адреса. Например, сделаем ссылку на поисковую систему Яндекс.
Создание анкорной ссылки
- Выделяем текст, который будет ссылкой.
- Далее Вставка-Гиперссылка
В открывшемся окне необходимо указать адрес ресурса в сети интернет(выделено красной рамкой), к которому вы отсылаете читателя. Поле текст (выделено зеленой рамкой) содержит текст анкора, который был выделен при создании ссылки.
Если вы хотите, чтобы при наведении курсора на ссылку всплывала пояснительная подсказка, то нажмите кнопку Подсказка и впишите текст, поясняющий адрес перехода. В нашем примере это может быть: «Поисковая система Яндекс».
Создание безанкорной ссылки
Здесь еще проще. Копируете адрес ресурса из браузера или пишите его самостоятельно, вставляете в текст и добавляете пробел после него. Адрес автоматически станет гиперссылкой.
Гиперссылка как картинка
Вставляем нужную картинку, уменьшаем ее до необходимого размера, выделяем ее кликом мыши и выполняем все те же действия, что описаны выше для вставки анкорной ссылки, начиная с пункта 2. Визуально картинка не измениться, но при наведении курсора будет появляться сообщение: «Нажмите CTRL и щелкните ссылку».
Гиперссылка как закладка
В больших текстовых документах может потребоваться быстро перейти к определенному разделу, для этой цели тоже используются ссылки и закладки. Вот почитайте, как создать автоматическое оглавление.
Если в предыдущих вариантах в качестве указателя мы использовали адрес ресурса в сети, то сейчас необходимо поставить маркер в тексте. Он и будет адресом перехода. Такой маркер в ворде называют закладкой.
Расставляем закладки
Переходим в нужный абзац текста, выделяем первое слово (необязательно).
Далее Вставка — Закладка. В появившемся окне пишем название закладки и кликаем кнопку Добавить.
Таким образом расставляем необходимое количество закладок. В окне мы можем проверить правильность установки закладки. Для этого выбираем ее в списке и кликаем кнопку Перейти. Ваш курсор будет перемещен в указаное место в тексте. А если при создании закладки вы выделяли слово, то оно будет выделено.
Создаем ссылки на закладки
Гиперссылки на закладки создаем аналогично варианту анкорной ссылки, только теперь нужно указать Связать С: местом в документе (выделено зеленой рамкой на рисунке ниже).
Укажите закладку и нажмите кнопку ОК.
Якоря
Якорь или метка — это такой вид гиперссылки, которая помечает отдельный фрагмент html-страницы и позволяют перемещаться по содержимому документа.
Возможно, вы уже встречали страницы, где сразу после заголовка шел список названий разделов статьи, щелчок по которым перекидывал вас на интересующий фрагмент записи.
Якоря создают, как и обычные гиперссылки, с помощью парного тега A, только вместо атрибута href в него помещают атрибут name или id, значение которых задает уникальный идентификатор метки. При этом сам тег «A» обычно не имеет никакого содержимого:
Есть второй способ создания якоря, при котором не надо создавать пустые элементы «А». А можно использовать уже имеющиеся в веб-странице элементы, например теги html заголовков и абзацев. Для этого в нужный элемент добавляем универсальный атрибут id:
Далее необходимо сделать ссылку на созданный якорь. Для этого используется обычный тег «А» с обязательным атрибутом href, значение которого формируется из знака решетки (#) и названия метки:
При нажатии по такой ссылке, браузер не открывает новую страницу, а прокручивает текущую до тех пор пока html-элемент с якорем не займет позицию в верху экрана. Соответственно, чтобы все правильно работало, все метки на одной странице имели уникальные имена.
Если при создании ссылки на якорь в значении атрибута href после знака решетки # не поставить никакого значения, то щелчок по такой ссылке прокрутит страницу к началу. Таким образом можно создать простейшую кнопку «Наверх»:
На этом рассказывать о создании гиперссылок я заканчиваю, напомню только основные моменты:
- Для создания ссылок используется парный тег А с обязательным атрибутом href, в значении которого помещается адрес целевой страницы;
- При создании ссылки на почту в атрибуте href перед адресом почты необходимо поставить «mailto:»;
- Если надо создать ссылку изображение, то просто помещаем тег img внутрь тега А.
Ссылка на текст в документе
Данная возможность очень сильно может помочь для грамотного оформления документа. Особенно актуально при больших объемах. Представьте, что в реальной книге вам не придется листать до нужной главы, посмотрев оглавление, а просто можно нажать на нее и вы моментально окажетесь на нужном месте.
Тут то же самое и поэтому мы сейчас рассмотрим эту возможность, чтобы вы потом могли сделать гиперссылку в содержании или на список литературы.
Здесь наши действия будут немного отличаться. Нам потребуется перед добавлением ссылки сделать закладку из того текста, на который потребуется сослаться позже.
Для примера я решил взять предыдущую статью про табуляцию и на ее примере сделать ссылку на заключение. Специально для этого я сделал содержание.
Выделяем текст нужного фрагмента и переходим в меню «закладка». Как туда попасть было рассказано выше.
Пишем любое подходящее имя. Для закладки нужно имя из одного слова, учтите. После этого нажимайте кнопку «Добавить».
Теперь возвращаемся к началу документа, где обычно располагается содержание. Выделяем нужный текст и переходим в меню настроек гиперссылок.
- Выбираем кнопку «Место в документе» в блоке «связать с».
- Выбираем созданную нами закладку.
- Нажимаем ОК
Эти действия позволят нам сделать очень удобное содержание, которое поможет вам и читающему человеку легче читать и ориентироваться по страницам. Удобно и главное красиво! Вот мы и разобрались в вопросе, как сделать гиперссылку в ворде.
Дополнительно
В конце следует сказать еще пару слов о некоторых аспектах работы гиперссылок.
- Гиперссылки не применяются к диаграммам и таблицам. Это относится как к отдельным столбцам или секторам, так и ко всему объекту вообще. Также такие настройки нельзя произвести к текстовым элементам таблиц и диаграмм – например, к тексту названия и легенды.
- Если гиперссылка ссылается на какой-то сторонний файл и презентацию планируется запускать не с компьютера, где ее создавали, могут возникнуть проблемы. По указанному адресу система может не найти нужный файл и просто выдаст ошибку. Так что если планируется делать такие перелинковки, следует закладывать все нужные материалы в папку с документом и ссылку настраивать по соответствующему адресу.
- Если применить к объекту гиперссылку, которая активируется при наведении курсора мыши, и растянуть компонент на весь экран, то действие не будет происходить. По какой-то причине в таких условиях настройки не срабатывают. Можно сколько угодно водить мышью по такому объекту – результата не будет.
- В презентации можно создать гиперссылку, которая будет ссылаться на эту же самую презентацию. Если гиперссылка будет находиться на первом слайде, то при переходе визуально ничего не будет происходить.
- При настройке перемещения на конкретный слайд внутри презентации ссылка идет именно на этот лист, а не на его номер. Таким образом, если после настройки действия изменить положение данного кадра в документе (перенести в другое место или создать перед ним еще слайды), гиперссылка все равно будет работать правильно.
Несмотря на внешнюю простоту настройки, спектр применения и возможности гиперссылок действительно широки. При кропотливой работе можно вместо документа создать целое приложение с функциональным интерфейсом.
Опишите, что у вас не получилось.
Наши специалисты постараются ответить максимально быстро.
Как удалить все ссылки?
Бывает, что в тексте много гиперссылок, а сдать файл нужно без них. Удаление каждой позиции может занять часы в большом документе с сотнями страниц. Разработчики Word предусмотрели такую ситуацию, и упростили жизнь пользователям. Поэтому снять ссылки можно за секунды в несколько кликов. Это делают так:
- Выделяют весь текст. Чтобы не скролить документ от начала до конца, используют сочетание клавиш «Ctrl+A».
Нажимаем одновременно сочетание клавиш «Ctrl+A», чтобы выделить весь текст
- Жмут одновременно на три кнопки «Ctrl+Shift+F9».
Нажимаем одновременно на три кнопки «Ctrl+Shift+F9»
Для удаления одной гиперссылки, делают следующее:
- Отмечают в текстовом файле нужное место со ссылкой. Кликают по нему правой клавишей мыши.
Отмечаем в текстовом файле нужное место со ссылкой, кликаем по нему правой клавишей мыши
- Появляется меню, в котором выбирают позицию «Удалить гиперссылку».
Выбираем позицию «Удалить гиперссылку».
Выделенный текст приобретает обычный цвет, исчезает подчеркивание. При наведении на эту часть текста не возникает всплывающее окно с адресом файла.
Выделенный текст приобретает обычный цвет, исчезает подчеркивание и не всплывает окно с адресом файла
Формировать и удалять гиперссылки несложно. Нужно только зайти в Word, найти нужные функции меню. Через 5 минут даже новичок освоит этот навык и обязательно возьмет себе на вооружение.
Гиперссылки в пределах одного документа
Линки внутри одного текста могут вести в его начало, к заголовкам или закладкам. Они используются для навигации и для того, чтобы упростить поиск информации.
Переход в начало документа
Это самый простой вариант, в котором нужно задать только пункт “А”, то есть текст или картинку, нажав на которую мы окажемся на титульной странице.
Выделяем объект, нажимаем на опцию для создания линков, затем в диалоговом окне выбираем место в файле.
Ссылка должна стать активной и подсветиться синим цветом, значит, все сделано верно. Теперь попробуйте перейти по ней, нажав на фрагмент текста левой кнопкой мыши с клавишей Ctrl. Курсор должен переместиться вверх.
Переход к заголовку
Чтобы выполнить эту задачу, сначала нужно обозначить место назначения (пункт “Б”) как заголовок. Для этого выделите фразу, перейдите в главную панель и выберите уровень подраздела.
Теперь выделяем элемент, который станет гиперссылкой, идем в панель “Вставка”, “Ссылки”. В диалоговом окне выбираем в качестве целевого объекта “Заголовки” и нужный фрагмент.
И снова выбранный элемент должен подсветиться синим, значит, создана кликабельная ссылка. Проверьте, корректно ли она работает.
Переход к закладке
Любой элемент внутри файла можно превратить в закладку. Так можно направлять читателя на страницу в Word или к любой ее части. Давайте для разнообразия сделаем линк не на текст, а на рисунок. Вставьте в Word какую-то картинку, затем нажмите на нее левой кнопкой мыши, в меню выберите опцию.
Напишите имя и сохраните изменения.
Примечание: имя всегда начинается с буквы и пишется без пробелов. Если нужно написать несколько слов, используйте знак тире или подчеркивания.
Теперь выделяем текст, который будет вести к данному изображению, и идем в пункт “Ссылка”. В диалоговом окне выбираем место назначения.
Как вставить гиперссылку в презентацию?
Сделать презентацию получится за несколько минут. Особых сложностей в этом случае не возникнет даже у новичков. Проблемы могут появиться только во время редактирования файла. Например, многие пользователи просто не знают, как вставить в презентацию ссылку и работать с этим объектом в дальнейшем. В PowerPoint можно добавлять представленные элементы самых разных типов.
На сайт
Иногда в презентации необходимо сослаться на какой-либо определенный сайт, подтвердив тем самым указанную на слайде информацию. Сделать гиперссылку в PowerPoint не сложнее, чем нумеровать страницы в Ворде:
Переводим курсор в место на слайде, где нужно разместить ссылку на сторонний ресурс, заходим в меню «Вставка» и нажимаем на кнопку «Гиперссылка».
Выбираем раздел «Файл, веб-страницей», в поле «Текст» вводим название гиперссылки так, как оно будет отображаться в презентации, а в разделе «Адрес» указываем URL страницы и подтверждаем действие.
После этого слайд изменится соответствующим образом. Переход по гиперссылке будет осуществляться через установленный по умолчанию браузер.
На файл
В некоторых случаях пользователям необходимо сделать ссылку не на какой-либо сторонний сайт, а на файл, размещенный на компьютере. Такая потребность возникает в том случае, если создатель презентации не хочет перегружать страницу ненужной информацией. Вставить подобный элемент тоже очень легко:
Ставим курсор в место на слайде, где необходимо разместить ссылку на файл, открываем меню «Вставка» и нажимаем на раздел «Гиперссылка».
Указываем путь файла, выбираем нужный элемент, пишем название будущей ссылки в разделе «Текст» и нажимаем на кнопку OK.
После открытия гиперссылки запустится необходимый пользователю файл.
На место в документе
При составлении больших презентаций в PowerPoint иногда приходится делать ссылки не на какой-либо сторонний ресурс, а на слайд из самого документа. Вставить такие гиперссылки получится с помощью следующего алгоритма действий:
Перемещаем курсор на место, в котором необходимо разместить ссылку, переходим в раздел «Вставка» и нажимаем на кнопку «Гиперссылка».
Открываем раздел «Место в документе», указываем слайд, на который необходимо сделать ссылку, вводим название и подтверждаем действие.
После открытия такой гиперссылки PowerPoint совершит автоматический переход на нужное место в презентации.
На новый документ
Иногда пользователям необходимо сделать ссылку на другую презентацию. Возможности PowerPoint позволяют совершить и это действие:
Перемещаем курсор на нужное место на слайде, переходим в меню «Вставка» и открываем раздел «Гиперссылка».
Нажимаем на кнопку «Новый документ» и выбираем опцию «Изменить».
Выбираем путь файла, левой кнопкой мыши щелкаем на нужную презентацию и подтверждаем действие.
В поле «Текст» вводим название ссылки, затем нажимаем на OK.
После открытия гиперссылки пользователь получит возможность отредактировать указанный объект.
На электронную почту
При необходимости можно настроить переход и на какой-либо почтовый ящик. Это позволит просматривать корреспонденцию указанного адресата во время презентации и вставлять какую-либо информацию в сами слайды. Сделать гиперссылку такого типа не составит никакого труда:
Ставим курсор в место, где необходимо создать ссылку, переходим в меню «Вставка» и нажимаем на кнопку «Гиперссылка».
Переходим в раздел «Электронная почта», вводим нужный адрес, пишем название гиперссылки в поле «Текст» и подтверждаем действие.
Указанная почта будет открываться через установленный по умолчанию браузер.
Что такое гиперссылка
Гиперссылка или просто ссылка — это текст, фотография, иконка или другой элемент по нажатию на который откроется другая веб-страница.
Последнее слово в предыдущем предложении и есть гиперссылка. Обычно на сайтах текстовые ссылки выделяются цветом и подчеркиваются. Ссылками так же могут быть картинки и кнопки.
Чтобы понять, что перед вами ссылка, наведите на нее курсор мыши, если вы за компьютером. Стрелка мыши изменится на руку с вытянутым указательным пальцем, как на картинке ниже.
Если это ссылка, курсор поменяется со стрелки на руку
Чтобы открыть ссылку — нажмите на нее левой кнопкой мыши. Новая страница может открыться в соседней вкладке браузера или в этой же.
Как работает гиперссылка
Чтобы картинка или текст стали ссылкой, им нужно задать адрес. Этот адрес может быть либо адресом веб-страницы в интернете, либо местоположением файла на компьютере.
Гиперссылка нужна для быстрого просмотра файлов (они открываются по одному клику), а так же для комфортной навигации, чтобы удобно было переходить из одного раздела в другой.
Куда еще она может вести в интернете?
Она может вести не только на страницу сайта, на котором мы находимся (внутренняя ссылка), но так же и на другой сайт (внешняя ссылка). Кроме того могут открываться вовсе и не сайты, а изображения, заголовки, текст или выполняться определенные команды, такие, как загрузка файла
Поэтому важно помнить о безопасности в сети и внимательно смотреть, куда нас отправляют
Как узнать куда ведет гиперссылка?
Безопасность в интернете — важное дело
Обращайте внимание, куда ведут ссылки на сайтах, которым Вы не доверяете
Когда мы наводим курсор на часть текста или картинку, являющимися гиперссылкой, то в браузере слева внизу появится строчка с названием адреса:
На него и нужно периодически поглядывать, чтоб знать, куда вас отправляют (например, на другие внутренние страницы этого сайта или на сторонний сайт)
Что такое битая ссылка?
Битая ссылка — это неработающая гиперссылка, адрес которой был изменен (удален или переименован) или его вообще не существует. Информация битых ссылок не может быть найдена и тогда открывается окно с ошибкой 404, возникающая как раз в таких случаях невозможности получения данных. Так выглядит битая ссылка на нашем сайте. Надеемся, что больше она вам не покажется
Быстро создаем гиперссылку на другой файл
Чтобы быстро создать гиперссылку, в том числе и вставить ссылку на сайт в Ворде, отнюдь не обязательно прибегать к помощи диалогового окна “Вставка гиперссылки”, которое упоминалось во всех предыдущих разделах статьи.
Сделать это можно также и с помощью функции drag-and-drop, то есть, путем банального перетаскивания выбранного текстового или графического элемента из документа MS Word, URL-адрес или активную ссылку из некоторых веб-обозревателей.
Кроме этого, можно также просто скопировать предварительно выбранную ячейку или диапазон таковых из таблицы Microsoft Office Excel.
Так, к примеру, вы можете самостоятельно создать гиперссылку на развернутое описание, которое содержится в другом документ. Также можно сослаться и на новость, размещенную на той или иной веб-странице.
Создаем гиперссылку посредством перетаскивания содержимого со стороннего документа
1. Используйте в качестве конечного документа файл, на который требуется создать активную ссылку. Предварительно выполните его сохранение.
2. Откройте документ MS Word, в который требуется добавить гиперссылку.
3. Откройте конечный документ и выделите фрагмент текста, изображение или любой другой объект, к которому и будет вести гиперссылка.
- Совет: Вы можете выделить несколько первых слов раздела, на который будет создаваться активная ссылка.
4. Кликните правой кнопкой мышки по выделенному объекту, перетащите его на панель задач, а затем наведите на документ Ворд, в который и требуется добавить гиперссылку.
5. В контекстном меню, которое перед вами появится, выберите пункт “Создать гиперссылку”.
6. Выделенный вами фрагмент текста, изображение или другой объект станет гиперссылкой и будет ссылаться на созданный вами ранее конечный документ.
- Совет: При наведении курсора на созданную гиперссылку, в качестве подсказки по умолчанию будет отображаться путь к конечному документу. Если же вы кликните левой кнопкой мышки по гиперсслыке, предварительно зажав клавишу “Ctrl”, вы перейдете к месту в конечном документе, на которое гиперссылка ссылается.
Создаем гиперссылку на содержимое веб-страницы посредством его перетаскивания
1. Откройте текстовый документ, в который необходимо добавить активную ссылку.
2. Откройте страницу сайта и кликните правой кнопкой мышки по предварительно выделенному объекту, к которому должна вести гиперссылка.
3. Теперь перетащите выбранный объект на панель задач, а затем наведите на документ, в который необходимо добавить ссылку на него.
4. Отпустите правую кнопку мышки, когда будете находиться внутри документа, и в открывшемся контекстном меню выберите пункт “Создать гиперсслыку”. В документе появится активная ссылка на объект с веб-страницы.
Создаем гиперсслыку на содержимое листа Excel путем копирования и вставки
1. Откройте документ MS Excel и выделите в нем ячейку или диапазон таковых, на которые будет ссылаться гиперссылка.
2. Кликните по выделенному фрагменту правой кнопкой мышки и выберите в контекстном меню пункт “Копировать”.
3. Откройте документ MS Word, в который требуется добавить гиперссылку.
4. Во вкладке “Главная” в группе “Буфер обмена” кликните по стрелке “Вставить”, после чего в развернувшемся меню выберите “Вставить как гиперссылку”.
Гиперссылка на содержимое документа Microsoft Excel будет добавлена в Ворд.
На этом все, теперь вы знаете, как сделать активную ссылку в документе MS Word и знаете, как добавлять разные гиперссылки на разного рода содержимое. Желаем вам продуктивной работы и результативного обучения. Успехов в покорение Майкрософт Ворд.
Опишите, что у вас не получилось.
Наши специалисты постараются ответить максимально быстро.
2 Текстовые и графические гиперссылки
Вторая классификация гиперссылок — по формату. Здесь есть два вида гиперссылок:
- текстовые и
- графические ссылки.
В первом случае речь идет об обычном тексте, в который вставлена ссылка (иначе говоря, URL-редирект или направление пользователя на конкретный URL-адрес).
Во втором случае ссылка вставляется в какой-либо графический файл, к примеру, в картинку, анимацию, баннер, кнопку и т.д. Другими словами, графическая ссылка — это когда кликаешь по картинке и переходишь в указанном направлении. Графические ссылки используют для изготовления кнопочного меню, для размещения рекламы, тизеров, миниатюр статей и т.д. Иногда на сайтах можно встретить так называемую графическую карту. Это совокупность небольших картинок (миниатюр), расположенных в ячейках импровизированной таблицы. В каждую из картинок встроена гиперссылка на определенную страницу сайта.
Как понять, есть гиперссылка или нет?
Чтобы определить, содержит ли какая-либо картинка гиперссылку, нужно подвести курсор мыши к картинке. Если курсор при его наведении на картинку никак не меняется, то это значит, что картинка не содержит гиперссылки.
Если курсор примет, например, вид «пятерни» (или как-то еще изменится), тогда по картинке следует кликнуть, после чего произойдет перенаправление (переход) по гиперссылке.
Точно также можно выяснить, содержит ли гиперссылку текст. Если курсор мыши при его наведении на любую часть текста (например, на слово или на несколько слов подряд) принимает вид «пятерни» (или как-то изменится), то это явный признак, указывающий на наличие гиперссылки.
3 Рабочие и битые ссылки
Третья классификация гиперссылок – по их состоянию. Можно выделить два вида гиперссылок:
- рабочие и
- нерабочие (их еще называют «битыми ссылками»).
Рис. 2 Битая ссылка не позволяет никуда перейти
В первом случае документ, на который указывает ссылка, без проблем открывается и загружается. Во втором случае загрузка документа происходит с ошибками или не происходит вообще. Причин появления нерабочих («битых») ссылок может быть довольно много. Как правило, они связаны с изменением структуры сайта, удалением каких-то страниц или даже целых разделов, сменой стандартных URL на ЧПУ.
Если нерабочие гиперссылки являются внутренними, то администратор сайта сможет их исправить (для этого достаточно лишь подкорректировать URL-адрес). Если же ссылка является внешней (ведет на другой сайт), то здесь редактирование URL поможет далеко не всегда. Отслеживание работоспособности гиперссылок — дело довольно хлопотное, но нужное для владельца сайта. Ведь если их на сайте будет слишком много, то наверняка возникнут проблемы с индексацией страниц — индексирующие роботы просто не смогут переходить с одной страницы на другую.
Внешний вид текстовых гиперссылок меняется от действий пользователя
Текстовая гиперссылка является интерактивным элементом, так как при совершении с ней определенных действий меняется ее состояние. Ниже перечислим основные состояния.
1) Неиспользованная гиперссылка – та, которую не трогали и по которой еще не нажимали (цифра 2 на рис. 3 ниже). Обычно она окрашена в синий цвет (но не всегда). Это позволяет контрастировать с окружающим текстом.
2) Гиперссылка, на которую наведен указатель мыши (до момента нажатия). Как правило, цвет в данном случае меняется с красного на синий. Также появляется нижнее подчеркивание (цифра 1 на рис. 3). Указатель мыши может принимать вид «пятерни». Благодаря этим эффектам пользователь понимает, что имеет дело именно со ссылкой, а не с простым текстом.
Рис. 3 Внешний вид гиперссылок
3) Гиперссылка при нажатии (до тех пор, пока пользователь удерживает левую кнопку мыши). При непосредственном нажатии цвет, например, с красного может меняться на какой-то другой. Также может убираться нижнее подчеркивание.
4) Гиперссылка, по которой ранее уже был сделан переход. Такие ссылки чаще всего окрашиваются в фиолетовый цвет. Таким образом, увидев фиолетовую ссылку, человек поймет, что уже был на данной странице или в данном разделе сайта.
5) Ссылка, относящаяся к пункту меню, в котором человек находится в данный момент. Обычно такая ссылка выделяется жирным шрифтом. Это позволяет пользователю сориентироваться и понять, в каком именно разделе он находится сейчас.
P.S. Как сделать гиперссылку в Ворде, в презентации и не только:
Распечатать статью
Получайте актуальные статьи по компьютерной грамотности прямо на ваш почтовый ящик. Уже более 3.000 подписчиков
.
Важно: необходимо подтвердить свою подписку! В своей почте откройте письмо для активации и кликните по указанной там ссылке. Если письма нет, проверьте папку Спам
Внутренние переходы
Файл в той же папке
- Скачайте архив с примером отсюда. С ним мы будем работать. Внутри будет два html документа и одна папка, где будет храниться картинка. И сразу откройте наш документ с Лукоморьем.
- Видите, что второй файл называется pushkin.html. Вот его запомните. Он нам сейчас понадобится. Теперь в тексте перед словом А.С. Пушкин поставьте тег <a> с атрибутом href. В значении атрибута напишите «pushkin.html». Ну и после слова А.С, Пушкин закройте тег </a>.
- Теперь сохраните документ и запустите в вашем браузере. Посмотрите на слово А.С. Пушкин. Видите? Текст превратился в гиперссылку и если на него нажать, то мы попадем на документ, который мы заказывали, т.е. pushkin.html.
Но такой переход будет работать при условии, если файл, на который вы ссылаетесь будет находится в той же папке, что и файл, в котором вы ставите ссылку. Для других вариантов все немножко по другому.
Файл в другой папке
Если вам надо кинуть ссылку на своём же сайте, но в другой папке, то вам надо будет прописать путь до этого файла относительно того документа, в котором вы находитесь. То есть давайте посмотрим на нашем же примере.
Откройте в Notepad++ файл pushkin.html Теперь найдите слово фото и заключите его в теги
А теперь внимание! В значении атрибута прописываем путь относительно редактируемого файла, то есть самого pushkin.html. У вас должно будет получиться так:
Что мы сейчас сделали? А сделали мы следующее: так как путь к фотографии лежит в отдельной папке img, которая находится в одной папке с файлом pushkin.html, то в значении атрибута нам приходится сначала написать название папки, а потом через слеш (/) полное название документа (в нашем случае фотографии).
А вот теперь сохраните и запустите файл pushkin.html в браузере. Вы увидите, что слово «Фото» стало выделено синим цветом и стало кликабельным, а это значит, что нажав на эту ссылку мы попадем на файл fofo.jpg, который находится в папке img.
Ну как? Всё понятно? Вы в случае чего спрашивайте, не стесняйтесь.
Что имеем в итоге?
Так как статья подходит к концу, самое время сделать какой-то вывод. Сегодня мы с вами хорошо потрудились, изучили простую, но очень полезную функцию в текстовом редакторе Word. Как я уже говорил выше, необязательно быть вебмастером или копирайтером, чтобы её использовать. Можно работать в офисе, учиться в университете, школе и т.д., чтобы гиперссылка пригодилась.
Стремитесь к новым знаниям, тогда вы получите всё, о чём так давно мечтаете!
Мой сегодняшний рассказ закончен. Подпишитесь на мой блог, чтобы быть в курсе новых публикаций, в каждой из которых есть что-то интересное и полезное.
С вами был Андрей Зенков, до скорых встреч, мои любые читатели блога Start Luck!