Visual Basic 6. Руководство разработчика

       

Структура HTML-документов


HTML-файлы — это файлы, которые содержат текст и команды форматирования. Командами являются строки со специальным синтаксисом, что позволяет броузеру отличить их от текста. Каждый тег HTML заключен в угловые скобки (<>). Тег <I> подключает атрибут курсива, и текст выделяется курсивом, пока не встретится тег </I>. Следующая строка

HTML is <I>the</I> language of the Web.

воспроизводится броузером без тегов, а слово the выделяется курсивом.

HTML is the

language of the Web.

Большинство тегов (обычно они следуют парами) влияет на часть текста. Один тег включает данный атрибут, а другой - отключает его. Примером может служить тег <I>, <В> и <U>, которые включают атрибуты курсив, полужирный и подчеркивание. Тегу, отключающему атрибут, всегда предшествует символ "/". Для отображения части текста полужирным шрифтом ее заключают в теги <В> и </В>.

Теги не чувствительны к шрифтам. Можно ввести теги курсива в виде <i> и </i>. В этой книге и на прилагающемся компакт-диске используются заглавные буквы для HTML-команд (чтобы выделить их из остального текста документа). Большинство WYSIWYG-редакторов HTML вставляют HTML-теги в виде строчных символов.

Примечание

Наличие второго тега — для отключения атрибута — не всегда является обяза­тельным. Например, не нужно использовать пару

<Р> и </Р> для вставки новой строки: это с успехом сделает один тег <Р>.

Структура HTML-документа показана ниже. Если сохранить следующие строки в текстовом файле с расширением htm, а затем открыть его с помощью Internet Explorer, то вы увидите традиционное приветствие.

<HTML>

<HEAD>



<TITLE>Your Title Goes Here </TITLE>

</HEAD>

<BODY>

Hello, World!

</BODY>

</HTML>

Базовый HTML-документ следует начинать тегом

<HTML> и завершать тегом </HTML>. Раздел заголовка документа выделяется тегами <HEAD> и </HEAD>. Обычно в него помещаются следующие элементы:


•  название документа;

• теги МЕТА и BASE;

•  сценарий.

Название документа — это текст в заголовке окна броузера. Он задается тегами <TITLE> и </TITLE>. МЕТА-теги не отображаются на экране, но содержат полезную информацию о содержании документа: описание и ключевые слова, используемые устройством поиска. Например:

<HTML>

<HEAD>

<TITLE>Your Title Goes Here</TITLE>

<META NAME="Keywords" CONTENT= _

"health, nutrition, weight control, _

chronic illness">

</HEAD>

</HTML>

Атрибуты

Многие теги HTML распознают специальные ключевые слова, которые называются атрибутами. Например тег <BODY>, отмечающий начало тела документа, распознает атрибуты BGCOLOR и BACKGROUND, задающие цвет фона и изображение являющееся фоном документа. Можно задать цвет фона документа (если нет фонового изображения) и ею текста используя атрибуты BGCOLOR и TEXT

</HTML>

</HEAD>

<TITLE>Your Title Goes Here</TITLE>

</HEAD>

<BODY BACKGROUND="paper.jpg">

<Hl>Tiled Background</Hl>

<P>The background of this page was created with a small image,

which is tiled vertically and horizontally by the browser.

(Фон страницы создан с помощью небольшого изображения,

воспроизведенного броузером в виде повторяющейся мозаики)

<BR>

The image was designed so that its left edge matches with its

riqht edge and its top edge matches with the bottom edge. Notice

that you can't detect where one instance ends and the next one

begins.

(Верхний срез изображения соответствует нижнему срезу. Заметьте: обнаружить, где оно начинается и кончается, нельзя.)

</BODY>

</HTML>

Мозаика фонового изображение начинается в левом верхнем углу и проходит через весь экран вниз (рис. 19.1). Можно создать привлекательный фон, используя непрерывную мозаику и составить фоновое изображение из мелких и крупных фрагментов. Будьте внимательны, соединяя границы фрагментов изображения, иначе можете увидеть не то, что ожидали. Конечно, в этом примере текст любого цвета будет нечитабельным кроме случая когда он будет достаточно крупным и иметь хорошую контрастность.



Рис. 19.1. Фоновое изображение в виде мозаики


Содержание раздела