2.3. Гиперссылки

Связь между различными HTML-документами или разными частями одного HTML-документа обеспечивают гиперссылки. Для создания гиперссылки используется пара тегов A и /A. Заключенный между ними фрагмент HTML-документа будет отображаться как гиперссылка.

Тег A содержит атрибут HREF. Этот атрибут задает ссылку на документ или фрагмент документа, к которому будет осуществляться переход при щелчке по гиперссылке:

A HREF="url" текст /A

Пример обращения к внешнему ресурсу сети (внешняя гиперссылка):

<A HREF="http://webapp/webdbapp.cgi"> Вызов приложения без передачи параметров по гиперссылке</A>

Фрагмент документа, к которому можно перейти по внутренней гиперссылке, помечается тегом A с атрибутом NAME:

A NAME="имя маркера" начало фрагмента текста/A

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

A HREF="#имя маркера" текст /A

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

2.4. Пример html-страницы

Ниже приведён пример html-страницы, демонстрирующий применение описанных средств. (См. также файл test_l1.htm.) Данный пример можно использовать при разработке собственных html-страниц.

<HTML>

<HEAD>

<TITLE>Стихотворение</TITLE>

</HEAD>

<H2 align=center>Парус</H2>

<CITE>М. Ю. Лермонтов</CITE>

Белеет парус одинокий

В тумане моря голубом!..

Что ищет он в стране далёкой?

Что кинул он в краю родном?..

Играют волны - ветер свищет,

И мачта гнется и скрыпит...

Увы, - он счастия не ищет

И не от счастия бежит!

Под ним струя светлей лазури

Над ним луч солнца золотой...

А он, мятежный, просит бури,

Как будто в бурях есть покой!

1832 год

</BODY>

</HTML>

Лабораторное задание и порядок его выполнения

Ознакомиться с основами технологии разработки html-документов и изучить средства HTML, приведенные в описании лабораторной работы.
С помощью редактора Notepad, написать собственные html-страницы с произвольным текстом, используя все описанные в работе возможности HTML. Варианты заданий приведены ниже.
1. Создать html-страницу с названием «Моя первая HTML-страница», заголовком и форматированным текстом. Продемонстрировать возможности HTML по изменению шрифта, начертания букв, выравнивания текста; сделать разбиение текста на абзацы. Для этого разобраться в структуре текста, приведенного в варианте, и отформатировать его, представив в красивом виде. При выборе формата html-страницы желательно учесть содержание текста и подобрать соответствующие цвета. Сохранить документ в файл page1.htm.
2. Создать html-страницу, содержащую внутренние и внешние гиперссылки. Внешние гиперссылки направить на html-страницу, разработанную в предыдущем задании. В качестве названия внешней гиперссылки использовать заголовок html-страницы из предыдущего задания. Для демонстрации работы внутренних гиперссылок требуется создать достаточно длинную html-страницу. Для этого предлагается использовать один из следующих приёмов: 1) набить длинную последовательность тегов перед заголовком, на который ссылается внутренняя гиперссылка, 2) между тегами <PRE> и </PRE> вставить несколько пустых строк. Сохранить документ в файл page2.htm.
3. Создать html-страницу, демонстрирующую текст, в формате «as is», то есть в его исходном представлении. Обеспечить переход к отдельным главам документа по гиперссылкам и возврат к оглавлению в конце каждой главы. Документ для форматирования находится в файле example.txt. Сохранить документ в файл page3.htm.
Продемонстрировать функционирование разработанных html-страниц преподавателю.
Оформить отчет по результатам выполнения лабораторной работы.
Ответить на вопросы преподавателя.

<<< < Предыдущая 1 23 / 43 4 > Следующая >>>