Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
ЛАБОРАТОРНАЯ РАБОТА опаис.doc
Скачиваний:
30
Добавлен:
26.04.2019
Размер:
1.53 Mб
Скачать

Структура документа

Структура простейшего HTML документа выглядит следующим образом:

<HTML>

<HEAD>

<TITLE>Название документа</TITLE>

</HEAD>

<BODY>

Содержимое документа.

</BODY>

</HTML>

 

Тэги <HTML> и </HTML> ограничивают начало и конец документа. Весь остальной текст документа должен находиться между ними.

В документе можно выделить головную часть (head) и его "тело" (body).

В головной части документа, ограниченной тэгами <HEAD> и </HEAD>, размещается информация, которая не отображается на экране вместе с текстом документа. В частности, в этой части документа может располагаться его название (TITLE) , которое обычно отображается в титульной полосе просмотровой программы.

Например:

<HEAD>

<TITLE> How to write WWW page</TITLE>

</HEAD>

Хотя название не отображается вместе с текстом самого документа, оно все же желательно. Во-первых, названия документов иногда используются различными поисковыми системами для поиска необходимой информации, а во-вторых, это просто удобно для пользователей, т.к. названия обычно отражают содержание документа и в этом случае в них легче ориентироваться.

Тот текст документа, который должен отображаться на экране, размещается в "теле" документа (между тэгами <BODY> и </BODY>).

 

Оформление внешнего вида документа

Использование цвета

HTML предоставляет большие возможности для оформления внешнего вида самих документов.

При создании документа можно установить цвет фона документа и цвет, которым будет отображаться текст документа. Цвет задается последовательностью из трех двузначных чисел, записанных в шестнадцатеричной форме. Первые две цифры задают интенсивность красной составляющей цвета, вторые - зеленой и третьи две цифры - синей. Значение каждой составляющей может изменяться в пределах от 0 до 255 (0-FF в шестнадцатеричной системе счисления). Таким образом, можно задать более 16 миллионов различных цветов.

Например:

FFFFFF - белый цвет; 00FF00 - зеленый цвет;

FF0000 - красный цвет; 0000FF - синий цвет.

Кроме задания цвета через его числовое представление можно использовать также и следующие зарезервированные слова:  

Black (Черный)

 = "#000000"

Green (Зеленый)

 = "#008000"

Silver (Серебро)

= "#C0C0C0"

Lime (Известь) 

= "#00FF00"

Gray (Серый)

= "#808080"

Olive (Оливковый)

 = "#808000"

White (Белый)

= "#FFFFFF"

Yellow (Желтый)

= "#FFFF00"

Maroon (Темно-бордовый)

= "#800000"

Navy (Темно-синий)

 = "#000080"

Red (Красный)

 = "#FF0000"

Blue (Синий)

 = "#0000FF"

Purple (Фиолетовый)

 = "#800080"

Teal (Чирок) 

= "#008080"

Fuchsia (Фуксия)

= "#FF00FF"

Aqua (Аква)

 = "#00FFFF"

Эти цвета были первоначально отобраны, как 16-ти цветный стандарт, поддерживаемый Windows VGA палитрой.

Для установки цветов фона и текста документа используются атрибуты, вставляемые в тэг <BODY>.

Например:

<BODY BGCOLOR=#rrggbb TEXT=#rrggbb LINK=#rrggbb VLINK=#rrggbb ALINK=#rrggbb>,

где:

BGCOLOR=#rrggbb (BackGround COLOR) - задание цвета фона документа;

TEXT=#rrggbb - задание цвета для обычного текста;

LINK=#rrggbb - задание цвета текста, за которым закреплены ссылки на другие документы.

Программы обычно хранят в памяти адреса документов, просмотренных за последнее время. Текст, за которым закреплены ссылки на такие документы, тоже может быть выделен отдельным цветом. Для этого используется атрибут VLINK=#rrggbb (Visited LINK).

Тэг ALINK=#rrggbb (Active LINK) используется для установки цвета текста, за которым закреплена ссылка на другой документ и ссылка является "активной" в данный момент.

Например:

<BODY ALINK=red>.

 

Наложение текстуры

Кроме закрашивания фона документа каким-то одним цветом, HTML позволяет также наложить на него текстуру. Для текстуры можно использовать любой файл с расширением gif или jpg.

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

Для наложения текстуры на фон документа используется атрибут BACKGROUND="URL графического файла".

Например:

<BODY BACKGROUND="/textureure/bricks.jpg">