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

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

Виды ссылок

Путь бывает абсолютным и относительным. Абсолютный путь состоит из 4 частей:

  1. часть - протокол, т.е. способ передачи файлов по сети. Их существует довольно много, но за весь курс нам будут нужны только 3 протокола - HTTP, mailto и FTP. Первый служит для отображения данных, второй - для отправки сообщений по электронной почте, третий - для загрузки данных на сервер. Поскольку мы создаем ссылки для отображения страниц, файлов, нас интересует только HTTP. Первая часть ссылки пишется так: http://
  2. часть - домен, т.е. сетевое имя. Это имя дается сайту и в так называется папка на сервере, где и хранится весь сайт. Домен может иметь такие виды: www.***.com, www.***.ru, ru.***.org. Как правило, настоящие домены имеют в своем составе три слова, разделенных точками. Если одно из слов - www(org), а второе - сокращенное название языка(или com), то это - просто домен..е. содержит только язык, то это называется субдоменом.
  3. часть - путь к файлу. На сайте может быть несколько папок, вложенные папки также допускаются. Например, на этом сайте все изображения хранятся в папке images. Если путь содержит несколько вложенных папок, то они отделяются прямым слэшем.
  4. часть - имя файла и его расширение. Если файл имеет допустимое для браузера расширение, он его откроет. В противном случае, попытается сохранить. К сожалению, некоторые браузеры пытаются открыть такие форматы, как exe или djvu.

Итак давайте сложим все вместе. В качестве примера возьмем изображение lesson1.jpg, хранящееся в папки images нашего сайта. Путь будет таким:

http:// сайт/images/ lesson1.jpg

Для удобства разные части пути были по разному выделены. Теперь добавим путь к файлу в ссылку:

lesson1

Если Вы пишете ссылку на главную страницу какого либо сайта, последние 2 части опускают; точнее 3 части тогда не существует, т.к. главная страница располагается непосредственно на самом сайте, а не в его папках. Имя главной страницы стандартаризированно - это index.html(или др. расширение), либо default.html.

Второй тип пути к файлу - относительный. Он показывает путь к файлу относительно файла, с которого делается ссылка. Протокол и домен никогда не присутствуют в пути к файлу в этом случае.

Возможно несколько случаев:

  • Файл, на который ссылаются, расположен в той же папке, что и файл, с которого ссылаются. Этот вариант самый простой, т.к. тогда нужно указать только имя файла и его расширение.
  • Допустим, у Вас в одной папке есть файл index.html и папка things, в которой есть файл dog.html. Если Вам нужно сделать ссылку с файла index.html на dog.html, то в пути к файлу нужно приписать название папки. Это будет так: things/dog.html
  • Возьмем предыдущий случай, но теперь будем ссылаться из файла dog.html на файл index.html. В этом случае Вам не нужно указывать имя папки, но нужно указать то, что файл находится в более "высокой" папке. Для этого в путь файла пишем ../ (две точки прямой слэш). Тогда ссылка будет выглядеть так: ../index.html. Для поднятия на каждый уровень выше пишем по одной такой конструкции последовательно, друг за другом. Например, в папке things есть также папка items, содержащая файл books.html. Тогда ссылка на файл index.html из файла books.html будет выглядеть так: ../../index.html. В свою очередь, ссылка на файл books.html из index.html выглядит так: things/items/books.html
  • Вы можете комбинировать эти способы, если у Вас есть много вложенных папок. Например, на сайте есть две одноуровневые папки: icons и images. В первой папке есть файл icons.html, во второй - images.html. Ссылка с первого файла на второй будет выглядеть так: ../images/images.html, со второго на первый: ../icons/icons.html

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

Если вы хотите, чтобы пользователи писали на ваш ящик электронной почты, вам не нужно убеждать открыть их свою программу отсылки сообщений(типа Outlook), или сайт типа Mail.ru. Достаточно вставить ссылку на адрес электронной почты с вашим адресом. Когда пользователь щелкнет по этой ссылке, она сама откроет ему либо его любимый почтовый редактор, либо сайт отправки сообщений.

Вторая часть - Ваш адрес электронной почты, включая почтовый сервис (Например mail.ru, yandex.ru). Все вместе выглядит так:

Отправьте мне письмо

У тега есть также атрибут title, его назначение такое же, как у атрибута title тега - отображать подсказку. Текст подсказки и является значением атрибута.

Внутренние ссылки

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

Для использования такой ссылки, нужно разместить в определенное место страницы, на которое ссылается ссылка, специальный тег с атрибутом name вместо href (ссылка-якорь). Значение атрибута name - имя раздела, Вы придумываете сами. Однако, значение этого атрибута еще пригодится. На месте, где Вы хотите сделать ссылку, вы пишите обычный тег , в атрибут href пишите путь до страницы; если это ссылка на ту же страницу, то Вы ничего не пишите, затем добавляете # и значение атрибута name того раздела, куда Вы ссылаетесь. Внимание! Все это пишется без пробелов!

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

Все ссылки, кроме якорей, могут иметь атрибут target, показывающий, как будет отображаться открытое окно. Он принимает такие значения: _blanc(страница в новом окне), _self(то же окно), _top(целое окно браузера). Если Вы не будете изучать фреймы , то _top и _self для Вас - одно и то же. Лучше использовать _self. Вы также можете поместить тег между тегами . Этот тег также может иметь атрибут target. Присвоив ему одно из вышеперечисленных значений, Вы можете присвоить этот способ открытия страниц по умолчанию.

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

, каталог , приложение), расположенный на локальном диске или в компьютерной сети , либо на элементы этого объекта.

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

«Битой» ссылкой называют такую гиперссылку, которая ссылается на отсутствующий по каким-либо причинам объект, например, если документ или файл удален или перемещен администратором ресурса, на котором он был расположен, или если сам ресурс недоступен. Обычно в таком случае на странице появляется сообщение с кодом ошибки , но это происходит не всегда.

http://www.domen.ru/test-papka/index.htm

Энциклопедичный YouTube

Гиперссылки HTML-страницы

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

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

Гиперссылка на другую HTML-страницу

Для определения ссылки в HTML используется тег , структура которого имеет вид Текст ссылки , где filename - имя файла или адрес в Интернете, на который необходимо сослаться, а Текст ссылки - текст гипертекстовой ссылки, который будет непосредственно показан в HTML-документе. Также можно использовать аргумент TARGET, который показывает, в каком окне будет открыта ссылка (значения - _blank (новом), _self (текущем)). target="имя окна">.

Почтовая гиперссылка

Для создания ссылки на адрес электронной почты используется URI -схема mailto: , после которой необходимо указать e-mail адресата:

< a href = "mailto:e-mail" > Текст ссылки

Например:

< a href = "mailto:e-mail?subject=Тема&body=Тело письма" > Текст ссылки

Порядок перехода по гиперссылкам

Некоторые браузеры могут поддерживать функцию перехода по гиперссылкам с помощью клавиши Tab. При этом браузер по умолчанию подсвечивает гиперссылки в порядке их следования в тексте страницы. Изменить порядок перехода можно с помощью атрибута TABINDEX тэга . Чтобы включить гиперссылку в перечень, описывающий новый порядок перехода, надо присвоить атрибуту TABINDEX некоторое целое положительное число в диапазоне от 1 до 32767. Чтобы исключить гиперссылку из перечня, надо присвоить атрибуту любое отрицательное число. Когда пользователь нажимает клавишу Tab, курсор перемещается к гиперссылке с наименьшим положительным значением индекса. Если нескольким гиперссылкам присвоено одинаковое значение индекса, первой выбранной окажется та, которая в тексте страницы стоит выше.

Гиперссылка: понятие.

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

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

Состав ссылки.

Абсолютно любая ссылка представляет собой две взаимосвязанные части. Первая называется указателем (anchor) – это видимая часть ссылки, представленная в виде названия. Вторая часть – это URL – адрес, на который переходит браузер после нажатия клавиши мыши. Также у ссылки могут быть дополнительные атрибуты, так как как: target, rel, title, alt и др.

Ссылка в HTML.

Каждая ссылка в html должна быть представлена в определенном виде, то есть с присвоением ей определенных параметров. Непосредственно перед самим названием ссылки в ее структуре должен содержаться тег. Далее присваивается значение «href», которое в свою очередь предполагает адрес перехода по ссылке – URL, который может быть как абсолютным, так и относительным. Если в адресе не указывается сервер или раздел, на который необходимо перейти, то переход по такой гиперссылке будет осуществляться внутри данного сервера или раздела.

Так же перед названием ссылки можно задать параметр подсказки, он задается с помощью значения «title». Создается для удобства пользователей, при наведении курсора мыши на ссылку, будет подсвечиваться подсказка. Данный параметр не обязателен для существования полноценной ссылки.

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

Либо на элементы этого объекта.

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

«Битой» ссылкой называют такую гиперссылку, которая ссылается на отсутствующий по каким-либо причинам объект, например, если документ или файл удален или перемещен администратором ресурса, на котором он был расположен, или если сам ресурс недоступен. Обычно в таком случае на странице появляется сообщение с кодом ошибки , но это происходит не всегда.

Гиперссылки HTML-страницы

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

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

Гиперссылка на другую HTML-страницу

Для определения ссылки в HTML используется тег , структура которого имеет вид Текст ссылки , где filename - имя файла или адрес в Интернете, на который необходимо сослаться, а Текст ссылки - текст гипертекстовой ссылки, который будет непосредственно показан в HTML-документе.

  • Мои работы - ссылается на документ my_work.html, образуя гипертекстовую ссылку в виде слова «Мои работы»;
  • Мой фотоальбом - ссылается на файл my_photo.html, расположенный в каталоге photo корневой директории, и образует ссылку в виде текста «Мой фотоальбом»;
  • - ссылается на ресурс, расположенный на удаленном сервере.

См. также


Wikimedia Foundation . 2010 .

Синонимы :

Смотреть что такое "Гиперссылка" в других словарях:

Книги

  • Гиперссылка в реальность , Владимир Саньков. Alchemist -талантливый хакер, способный развалить циничные планы крупного дельца от власти, не выходя из дома. Но есть хакер и покруче. Alchemist ловко выдает черное за белое. Но ему только…

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

Чем отличается гиперссылка от простой ссылки

сайт/tekstovyj-redaktor-word/kak-sdelat-giperssylku-v-word

  1. выделить ссылку в адресной строке браузера (то есть, “закрасить синим цветом” адрес ссылки, например, закрасить такой адрес – www.сайт/tekstovyj-redaktor-word/kak-sdelat-giperssylku-v-word),
  2. скопировать ссылку в компьютера (точнее, в буфер обмена):
  • нажав для этого горячие клавиши Ctrl+C,
  • либо кликнуть по выделенной ссылке ПРАВОЙ кнопкой мыши, а в появившемся при этом контекстном меню кликнуть по вкладке «Копировать»,
  1. открыть новую вкладку в браузере,
  2. кликнуть мышкой в верхнюю строку браузера (это адресная строка браузера) , там появится курсор,
  3. вставить ссылку из оперативной памяти компьютера в адресную строку ссылку:
  • для этого нажать Ctrl+V,
  • либо кликнуть в пустой адресной строке браузера ПРАВОЙ кнопкой мыши, а в появившемся при этом контекстном меню кликнуть по вкладке «Вставить».

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

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

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

Теперь поговорим о трех классификациях гиперссылок:

  1. внешние и внутренние гиперссылки,
  2. текстовые и графические,
  3. рабочие и битые.

Первая классификация связана с делением ссылок по зоне их действия:

  1. на внешние и
  2. внутренние.

Что касается внешних ссылок , то они ведут на страницу, относящуюся к другому сайту или к другому документу.

2 Текстовые и графические гиперссылки

Вторая классификация гиперссылок – по формату. Здесь есть два вида гиперссылок:

  1. текстовые и
  2. графические ссылки.

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

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

Как понять, есть гиперссылка или нет?

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

Если курсор примет, например, вид «пятерни» (или как-то еще изменится), тогда по картинке следует кликнуть, после чего произойдет перенаправление (переход) по гиперссылке.

Точно также можно выяснить, содержит ли гиперссылку текст. Если курсор мыши при его наведении на любую часть текста (например, на слово или на несколько слов подряд) принимает вид «пятерни» (или как-то изменится), то это явный признак, указывающий на наличие гиперссылки.

3 Рабочие и битые ссылки

Третья классификация гиперссылок – по их состоянию. Можно выделить два вида гиперссылок:

  1. рабочие и
  2. нерабочие (их еще называют «битыми ссылками»).

В первом случае документ, на который указывает ссылка, без проблем открывается и загружается. Во втором случае загрузка документа происходит с ошибками или не происходит вообще. Причин появления нерабочих («битых») ссылок может быть довольно много. Как правило, они связаны с изменением структуры сайта, удалением каких-то страниц или даже целых разделов, сменой стандартных URL на ЧПУ.

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

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

2) Гиперссылка, на которую наведен указатель мыши (до момента нажатия). Как правило, цвет в данном случае меняется с красного на синий. Также появляется нижнее подчеркивание (цифра 1 на рис. 3). Указатель мыши может принимать вид «пятерни». Благодаря этим эффектам пользователь понимает, что имеет дело именно со ссылкой, а не с простым текстом.

Рис. 3 Внешний вид гиперссылок

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

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

.
Уже более 3.000 подписчиков .