Порядок выполнения работы. Раздел 1. Гиперссылки

Раздел 1. Гиперссылки

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

· для перехода на внешние страницы;

· для перехода на другие страницы вашего собственного сайта

· чтобы посредством метки перейти на определенное место достаточно длинной страницы текущего или другого документа.

В первых двух случаях переход задается с помощью метки вида:

<A HREF="[адрес перехода]">выделенный фрагмент текста</A>

В качестве параметра [адрес перехода] может использоваться несколько типов аргументов. Самое простое — это задать имя другого HTML-документа, к которому нужно перейти. Например:

<A HREF="pr.htm">Перейти к оглавлению</A>

Такой фрагмент HTML-текста приведет к появлению в документе выделенного фрагмента Перейти к оглавлению, при нажатии на который в текущее окно будет загружен документ pr.htm. Обратите внимание: если в адресе перехода не указан каталог, переход будет выполнен внутри текущего каталога.

На практике, однако, часто бывает необходимо дать ссылку на документ, находящийся на другом сервере. Например, если Вы хотите дать ссылку на это руководство со своей странички, Вам придется ввести в свой HTML-документ примерно такой фрагмент:

<A HREF="http://www.mstu.edu.ru"> Сайт Мурманского государственного технического университета</A>

Задание 2.1

Наберите в редакторе «блокнот» текст следующего HTML-документа:

Сохраните документ с именем пример2_1.htm, откройте в браузере.

 

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

Локальные ссылки

Чтобы задать переход к определенному месту внутри документа необходимо выполнить следующие действия.

1. Создать в документе, к которому будет задан переход, некоторую опорную точку, или метку.Например, создадим метку с именем ААА.

<A NAME="AAA">Переход закончен</A>

Слова "Переход закончен" при этом никак не будут выделены в тексте документа. Затем в файле в любом другом месте можно определить переход на эту метку:

<A HREF="#AAA">Переход к метке AAA</A>

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

Ссылки на ресурсы

Кроме ссылок на HTML-документы возможны ссылки и на другие виды ресурсов:

1. загрузка файла <A HREF="ftp://server/directory/file.ext">Выгрузить файл</A>

Такая ссылка, если ей воспользоваться, запустит протокол передачи файлов и начнет выгрузку файла file.ext, находящегося в каталоге directory на сервере server, на локальный диск пользователя.

2. ссылка на адрес электронной почты <A HREF="mailto:[email protected]">Послать письмо</A>

Если пользователь совершит переход по такой ссылке, у него на экране откроется окно ввода исходящего сообщения его почтовой программы. В строке To: ("Куда") окна почтовой программы будет указано [email protected]. Разберем все, что мы знаем о связывании, с помощью примера 2_2.

Задание 2.2

Наберите в редакторе «блокнот» текст следующего HTML-документа:

 

Сохраните документ с именем пример2_2.htm, откройте в браузере.

Аналогично можно добавить переход к метке другого документа:

<A HREF="[имя файла]#[имя метки]">[комментарий]</A>

 

Внесите в файл пример2_1.htm коррективы, обеспечивающие переход на Главу3 в файле пример2_2.htm, сохраните изменения, просмотрите файл в браузере.

Для создания ссылки на графический файл достаточно прописать следующую строчку:

<A HREF="[имя файла с рисунком]">[комментарий]</A><br>

 

Внесите в файл пример2_1.htm коррективы, обеспечивающие переход на какой-либо графический файл, сохраните изменения, просмотрите файл в браузере.