
- •Лабораторная работа № 1 Технология разработки простых html-страниц
- •Теоретические сведения
- •Сведения о языке html
- •2.1. Форматирование текста
- •2.2. Цвет и спецсимволы
- •2.3. Гиперссылки
- •2.4. Пример html-страницы
- •Лабораторное задание и порядок его выполнения
- •Требования к отчету
- •Варианты текста для задания 2a
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>
Лабораторное задание и порядок его выполнения
Ознакомиться с основами технологии разработки html-документов и изучить средства HTML, приведенные в описании лабораторной работы.
С помощью редактора Notepad, написать собственные html-страницы с произвольным текстом, используя все описанные в работе возможности HTML. Варианты заданий приведены ниже.
Создать html-страницу с названием «Моя первая HTML-страница», заголовком и форматированным текстом. Продемонстрировать возможности HTML по изменению шрифта, начертания букв, выравнивания текста; сделать разбиение текста на абзацы. Для этого разобраться в структуре текста, приведенного в варианте, и отформатировать его, представив в красивом виде. При выборе формата html-страницы желательно учесть содержание текста и подобрать соответствующие цвета. Сохранить документ в файл page1.htm.
Создать html-страницу, содержащую внутренние и внешние гиперссылки. Внешние гиперссылки направить на html-страницу, разработанную в предыдущем задании. В качестве названия внешней гиперссылки использовать заголовок html-страницы из предыдущего задания. Для демонстрации работы внутренних гиперссылок требуется создать достаточно длинную html-страницу. Для этого предлагается использовать один из следующих приёмов: 1) набить длинную последовательность тегов <BR> перед заголовком, на который ссылается внутренняя гиперссылка, 2) между тегами <PRE> и </PRE> вставить несколько пустых строк. Сохранить документ в файл page2.htm.
Создать html-страницу, демонстрирующую текст, в формате «as is», то есть в его исходном представлении. Обеспечить переход к отдельным главам документа по гиперссылкам и возврат к оглавлению в конце каждой главы. Документ для форматирования находится в файле example.txt. Сохранить документ в файл page3.htm.
Продемонстрировать функционирование разработанных html-страниц преподавателю.
Оформить отчет по результатам выполнения лабораторной работы.
Ответить на вопросы преподавателя.