Как вставить гиперссылку в HTML? Создание и использование гиперссылок в HTML. Что такое гиперссылка

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

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

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

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

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

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

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

Мои работы - ссылается на документ my-photo.html в текущей директории, образуя гипертекстовую ссылку в виде слова «Мои работы»;
Мой фотоальбом - ссылается на файл my-photo.html, расположенный в каталоге photo корневой директории и образует ссылку в виде текста «Мой фотоальбом»;
Фото - ссылается на индексный файл текущей директории (в предыдущем примере это было «/photo/»);
Мой сайт - ссылается на ресурс, расположенный на удаленном сервере.
Открыть в новом окне

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

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

Например:

Текст ссылки

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

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

См. также

Напишите отзыв о статье "Гиперссылка"

Ссылки

- MSDN (рус.)
(рус.)
(рус.)
- Ководство (рус.)



Типы интерфейсов

Управление

Ввод/вывод

Отображение

Контейнеры

Навигация

Специальные окна

Игровые

Связанные понятия

Отрывок, характеризующий Гиперссылка

Воззрение это, сильно распространенное в высших сферах армии, находило себе поддержку и в Петербурге, и в канцлере Румянцеве, по другим государственным причинам стоявшем тоже за мир.
Пятые были приверженцы Барклая де Толли, не столько как человека, сколько как военного министра и главнокомандующего. Они говорили: «Какой он ни есть (всегда так начинали), но он честный, дельный человек, и лучше его нет. Дайте ему настоящую власть, потому что война не может идти успешно без единства начальствования, и он покажет то, что он может сделать, как он показал себя в Финляндии. Ежели армия наша устроена и сильна и отступила до Дриссы, не понесши никаких поражений, то мы обязаны этим только Барклаю. Ежели теперь заменят Барклая Бенигсеном, то все погибнет, потому что Бенигсен уже показал свою неспособность в 1807 году», – говорили люди этой партии.
Шестые, бенигсенисты, говорили, напротив, что все таки не было никого дельнее и опытнее Бенигсена, и, как ни вертись, все таки придешь к нему. И люди этой партии доказывали, что все наше отступление до Дриссы было постыднейшее поражение и беспрерывный ряд ошибок. «Чем больше наделают ошибок, – говорили они, – тем лучше: по крайней мере, скорее поймут, что так не может идти. А нужен не какой нибудь Барклай, а человек, как Бенигсен, который показал уже себя в 1807 м году, которому отдал справедливость сам Наполеон, и такой человек, за которым бы охотно признавали власть, – и таковой есть только один Бенигсен».
Седьмые – были лица, которые всегда есть, в особенности при молодых государях, и которых особенно много было при императоре Александре, – лица генералов и флигель адъютантов, страстно преданные государю не как императору, но как человека обожающие его искренно и бескорыстно, как его обожал Ростов в 1805 м году, и видящие в нем не только все добродетели, но и все качества человеческие. Эти лица хотя и восхищались скромностью государя, отказывавшегося от командования войсками, но осуждали эту излишнюю скромность и желали только одного и настаивали на том, чтобы обожаемый государь, оставив излишнее недоверие к себе, объявил открыто, что он становится во главе войска, составил бы при себе штаб квартиру главнокомандующего и, советуясь, где нужно, с опытными теоретиками и практиками, сам бы вел свои войска, которых одно это довело бы до высшего состояния воодушевления.
Восьмая, самая большая группа людей, которая по своему огромному количеству относилась к другим, как 99 к 1 му, состояла из людей, не желавших ни мира, ни войны, ни наступательных движений, ни оборонительного лагеря ни при Дриссе, ни где бы то ни было, ни Барклая, ни государя, ни Пфуля, ни Бенигсена, но желающих только одного, и самого существенного: наибольших для себя выгод и удовольствий. В той мутной воде перекрещивающихся и перепутывающихся интриг, которые кишели при главной квартире государя, в весьма многом можно было успеть в таком, что немыслимо бы было в другое время. Один, не желая только потерять своего выгодного положения, нынче соглашался с Пфулем, завтра с противником его, послезавтра утверждал, что не имеет никакого мнения об известном предмете, только для того, чтобы избежать ответственности и угодить государю. Другой, желающий приобрести выгоды, обращал на себя внимание государя, громко крича то самое, на что намекнул государь накануне, спорил и кричал в совете, ударяя себя в грудь и вызывая несоглашающихся на дуэль и тем показывая, что он готов быть жертвою общей пользы. Третий просто выпрашивал себе, между двух советов и в отсутствие врагов, единовременное пособие за свою верную службу, зная, что теперь некогда будет отказать ему. Четвертый нечаянно все попадался на глаза государю, отягченный работой. Пятый, для того чтобы достигнуть давно желанной цели – обеда у государя, ожесточенно доказывал правоту или неправоту вновь выступившего мнения и для этого приводил более или менее сильные и справедливые доказательства.
Все люди этой партии ловили рубли, кресты, чины и в этом ловлении следили только за направлением флюгера царской милости, и только что замечали, что флюгер обратился в одну сторону, как все это трутневое население армии начинало дуть в ту же сторону, так что государю тем труднее было повернуть его в другую. Среди неопределенности положения, при угрожающей, серьезной опасности, придававшей всему особенно тревожный характер, среди этого вихря интриг, самолюбий, столкновений различных воззрений и чувств, при разноплеменности всех этих лиц, эта восьмая, самая большая партия людей, нанятых личными интересами, придавала большую запутанность и смутность общему делу. Какой бы ни поднимался вопрос, а уж рой этих трутней, не оттрубив еще над прежней темой, перелетал на новую и своим жужжанием заглушал и затемнял искренние, спорящие голоса.

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

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

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

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

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

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

Мои работы - ссылается на документ my-photo.html в текущем каталоге, образуя гипертекстовую ссылку в виде слова «Мои работы»;
Мой фотоальбом - ссылается на файл my-photo.html, расположенный в каталоге photo корневом каталоге и образует ссылку в виде текста «Мой фотоальбом»;
Фото - ссылается на индексный файл текущем каталоге (в предыдущем примере это было «/photo/»);
Мой сайт - ссылается на ресурс, расположенный на удаленном сервере.
Открыть в новом окне

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

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

Например:

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

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

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

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

Виды ссылок

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

часть - протокол, т.е. способ передачи файлов по сети. Их существует довольно много, но за весь курс нам будут нужны только 3 протокола - HTTP, mailto и FTP. Первый служит для отображения данных, второй - для отправки сообщений по электронной почте, третий - для загрузки данных на сервер. Поскольку мы создаем ссылки для отображения страниц, файлов, нас интересует только HTTP. Первая часть ссылки пишется так: http://
часть - домен, т.е. сетевое имя. Это имя дается сайту и в так называется папка на сервере, где и хранится весь сайт. Домен может иметь такие виды: www.***.com, www.***.ru, ru.***.org. Как правило, настоящие домены имеют в своем составе три слова, разделенных точками. Если одно из слов - www(org), а второе - сокращенное название языка(или com), то это - просто домен..е. содержит только язык, то это называется субдоменом.
часть - путь к файлу. На сайте может быть несколько папок, вложенные папки также допускаются. Например, на этом сайте все изображения хранятся в папке images. Если путь содержит несколько вложенных папок, то они отделяются прямым слэшем.
часть - имя файла и его расширение. Если файл имеет допустимое для браузера расширение, он его откроет. В противном случае, попытается сохранить. К сожалению, некоторые браузеры пытаются открыть такие форматы, как 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-документах, гиперссылки выделяются графически. По умолчанию цвет ссылок – синий, но при наведении на них курсора мыши они могут либо поменять цвет, либо выделиться подчеркиванием. Если цвет ссылки изменился, то вероятно эта ссылка уже «посещенная», это сделано специально для удобства пользователей.

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

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

Ссылка в HTML.

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

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

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