Добавил:
Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
лабы / Lab1 / ИТСлаб1.doc
Скачиваний:
17
Добавлен:
16.04.2013
Размер:
180.74 Кб
Скачать

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>

<BODY bgcolor=aqua text=blue>

<FONT color=red>

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

</FONT>

<FONT color=black>

<P align=right>

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

</P>

</FONT>

<P>

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

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

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

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

</P>

<P>

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

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

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

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

</P>

<P>

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

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

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

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

</P>

<HR align=left width=100>

<SMALL>1832 год</SMALL>

</BODY>

</HTML>

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

  1. Ознакомиться с основами технологии разработки html-документов и изучить средства HTML, приведенные в описании лабораторной работы.

  2. С помощью редактора Notepad, написать собственные html-страницы с произвольным текстом, используя все описанные в работе возможности HTML. Варианты заданий приведены ниже.

    1. Создать html-страницу с названием «Моя первая HTML-страница», заголовком и форматированным текстом. Продемонстрировать возможности HTML по изменению шрифта, начертания букв, выравнивания текста; сделать разбиение текста на абзацы. Для этого разобраться в структуре текста, приведенного в варианте, и отформатировать его, представив в красивом виде. При выборе формата html-страницы желательно учесть содержание текста и подобрать соответствующие цвета. Сохранить документ в файл page1.htm.

    2. Создать html-страницу, содержащую внутренние и внешние гиперссылки. Внешние гиперссылки направить на html-страницу, разработанную в предыдущем задании. В качестве названия внешней гиперссылки использовать заголовок html-страницы из предыдущего задания. Для демонстрации работы внутренних гиперссылок требуется создать достаточно длинную html-страницу. Для этого предлагается использовать один из следующих приёмов: 1) набить длинную последовательность тегов <BR> перед заголовком, на который ссылается внутренняя гиперссылка, 2) между тегами <PRE> и </PRE> вставить несколько пустых строк. Сохранить документ в файл page2.htm.

    3. Создать html-страницу, демонстрирующую текст, в формате «as is», то есть в его исходном представлении. Обеспечить переход к отдельным главам документа по гиперссылкам и возврат к оглавлению в конце каждой главы. Документ для форматирования находится в файле example.txt. Сохранить документ в файл page3.htm.

  3. Продемонстрировать функционирование разработанных html-страниц преподавателю.

  4. Оформить отчет по результатам выполнения лабораторной работы.

  5. Ответить на вопросы преподавателя.

Тут вы можете оставить комментарий к выбранному абзацу или сообщить об ошибке.

Оставленные комментарии видны всем.