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

Самое ценное программное средство HTML – гиперссылки.

Только благодаря ссылкам посетители Web-страниц могут быстро открыть нужную Web-страницу или мгновенно просмотреть отдельные фрагменты емкого HTML‑документа.

У каждой Web-страницы, любого Internet ресурса, файлов есть свой собственный адрес.

Такой адрес называется универсальным указателем информационного ресурса, или URL. (Uniform Resource Location).

Для того чтобы подключиться к Internet-ресурсу (или открыть Web-страницу), в окне Web-браузера в поле со списком Адреса необходимо ввести соответствующий URL.

Гиперссылка – фрагмент текста HTML–документа, с помощью которого осуществляется переход на другую Web-страницу.

Для того чтобы создать гиперссылку, нужно использовать тег <а>.

Тег <а> имеет обязательные атрибуты.

Для того чтобы создать ссылку на заданный элемент внутри Web-страницы, на другую Web-страницу, Internet-ресурс, тег <а> используют с параметром href:

<а href = URL объекта (адрес), на которой надо сделать ссылку>гиперссылка</a>

Если же необходимо сделать закладку (якорь), на которую затем будет сделана ссылка, тег <а> необходимо использовать с параметром name:

<а name = "элемент документа, на который нужно сделать ссылку”> гиперссылка</a>

Тег <a></a>парный.

Все, что находится между начальным и конечным тегом и есть «якорь» или гиперссылка.

Между <a></a> можно вставлять любой текст, состоящий из одного или нескольких абзацев, предложение, слово, отдельные символы или буквы в слове (такие гиперссылки называются текстовыми) или графические объекты, включая рисунки, фотографии и другую графику, добавляемую с помощью тега <IMG>, а также отдельные области внутри рисунка (такие гиперссылки называются графическими). Текстовые гиперссылки выделяются синим цветом и подчеркиванием. Цвет текста меняется на фиолетовый после посещения документа по гиперссылке. Графические гиперссылки выделяются синей рамкой. Указатель при наведении на гиперссылку принимает вид руки.

Рассмотрим пример. Ссылка одной Web-страницы на другую (внешняя гиперссылка).

1. Введем в редакторе первый HTML-документ, сохраним как page1.htm.

<HTML>

Хотите увидеть, как работает гиперссылка? <BR>

Щелкните

<a href="page2.htm"> здесь! </a>

</HTML>

2. Введем в редакторе второй HTML-документ, сохраним как page2. htm.

<HTML>

<H2> Вот так и работает! </H2>

</HTML>

3. Просмотрим в браузере как работает гиперссылка. Откроем файл page1.html, затем подведем указатель мыши к слову здесь! и щелкнем мышкой – в окне браузера отобразится содержимое второй страницы.

Рассмотрим пример. Ссылка в нужную точку в тексте документа (внутренняя гиперссылка).

Для того чтобы организовать переход не только на нужную страницу, но и в нужную точку страницы, используют закладки. Закладки – это некие именованные метки, по которым можно отыскать соответствующую им точку документа. Закладка в тексте, так же как и гиперссылка создается с помощью тега <a></a>, отличие в том, что вместо параметра href устанавливается параметр name. С помощью этого параметра устанавливается имя закладки (это имя может содержать любые латинские буквы, а также цифры). Затем в документе создается гиперссылка, нацеленная на данную закладку. Щелчок по такой гиперссылке приведет не к открытию новой страницы, а прокручиванию текущего документа до указанной закладки.

1. Введем в редакторе следующий HTML-документ:

<HTML>

<P ALIGN=Justify>

Одна из прекрасных дочерей Атласа – ее упорно преследовал Аполлон своими жгучими лучами – воззвала к Зевсу о помощи. Вняв мольбам красавицы, Громовержец превратил ее в <a href ="#m1">фиалку</a> и спрятал в тени небесных кущ. Там цветок остался бы и навечно, если бы Персефону, дочь Зевса и Деметры, однажды не похитил Аид – в то время как Персефона собирала фиалки. И теперь каждую весну они расцветают уже на Земле – как весточка, которую владычица преисподней посылает своей матери, богине плодородия и земледелия…

<a name="m1"><b>Фиалка</b></a>

<P ALIGN=Justify>

С одной стороны - знак траура, с другой – символ оживающей природы. Служила эмблемой города Афины. У галлов она служила символом скоромности, девственности и невинности.

</HTML>

2. Сохраним документ под именем фиалка.

3. Откроем этот документ в окне браузера. Уменьшим размеры окна так, чтобы текст последнего абзаца скрылся из области просмотра. Затем щелкнем по выделенному слову фиалка – в окне браузера текст поднимется и мы должны увидеть тот текст, куда была назначена гиперссылка.

Задание для самостоятельной работы

1. Используя файл предыдущего задания (Наша Брестчина) организовать внутренние гиперссылки в документе (на свое усмотрение).

2. Составить HTML-документ, в котором использованы внешние гиперссылки

   1. На первой страничке перечислить дни недели (в виде списка). Для каждого элемента списка сделать внешнюю гиперссылку на другую страничку, на которой вывести расписание на этот день.

На каждой странице с расписанием сделать гиперссылку на страницу с днями недели

Задания для самостоятельной работы:

Создать HTML-документ с внешними гиперссылками:

Содержимое первого документа:

Распорядительные документы:

Приказ

Распоряжение

Указание

Постановление

Решение

Содержимое второго документа:

Приказ – это правовой акт, издаваемый единолично руководителем учреждения и являющийся формой доведения до исполнителей наиболее важных решений.

Содержимое третьего документа:

Распоряжение – это правовой акт, издаваемый по оперативным вопросам организации (предприятия) единолично заместителем первого руководителя, заместителем главного инженера либо руководителем структурного подразделения.

Содержимое четвертого документа:

Указание – это правовой акт, издаваемый преимущественно по вопросам информационно-методологического характера, а также по вопросам, связанным с организацией выполнения приказов, инструкций и других актов данной организации (предприятия) или вышестоящих органов управления.

Содержимое пятого документа:

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

Содержимое шестого документа:

Решение – это правовой акт, применяемый местными органами власти в коллегиальном порядке в целях разрешения наиболее важных вопросов, находящихся в их компетенции.

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