Глобальные сети компьютеров. Практическое введение в Internet

         

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


Продолжая аналогию с оформлением обычного текста при помощи текстовых процессоров, мы расскажем вам о так называемом стилевом оформлении параграфов.

Что это такое?

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

Каждому стилю можно присвоить свое имя. В процессе оформления документа вы можете указать, что данный параграф оформлен, например, при помощи стиля Heading и потому будет иметь внешний вид заголовка.

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

В языке HTML определены шесть стилей для оформления заголовков различного уровня. Для того чтобы оформить параграф с использованием этих стилей, вы должны вместо команды <P> использовать команды <H1>, <H2>, …, <H6> . Перечисленные команды используются в паре с командами </H1>, </H2>, …, </H6> .

Ниже мы привели текст страницы WWW, на которой демонстрируется использование всех шести стилей заголовков и обычного текста:

<HTML > <HEAD> <TITLE>Untitled</TITLE> <META NAME="GENERATOR" CONTENT="Internet Assistant for Microsoft Word 2.0z"> </HEAD> <BODY>

<H1><FONT SIZE=6 COLOR=#FF0000>Heading 1</FONT></H1> <P> <FONT FACE="Times New Roman">Normal text</FONT> <H2><FONT SIZE=5 COLOR=#000080>Heading 2</FONT></H2> <H3><FONT SIZE=4 COLOR=#008000>Heading 3</FONT></H3> <H4>Heading 4</H4> <H5>Heading 5</H5> <H6>Heading 6</H6>

</BODY> </HTML >

Внешний вид этой страницы при ее просмотре с помощью навигатора Microsoft Internet Explorer показан на рис. 4.2.




Рис. 4.2. Использование стилей заголовков при оформлении страниц WWW

Строго говоря, навигатор вправе сам выбирать параметры для отображения параграфов, так как в документе задано только имя стиля. Однако стиль более высокого уровня отображается более крупным шрифтом и это будет справедливо в любом случае.

Изучая исходный текст документа, обратите внимание, что тексты заголовков первого, второго и третьего уровня отображаются с использованием разных цветов. Указанные в примере цвета были установлены редактором Microsoft Internet Assistant for Microsoft Word. Если вы подготавливаете документ простым текстовым редактором, то можете либо не указывать параметр COLOR, либо задать другие цвета по своему усмотрению.



Редактор Microsoft Internet Assistant устанавливается как расширение для текстового процессора Microsoft Word for Windows, поэтому стилевое оформление вы можете задавать с использованием списка стилей, расположенным в левой части соответствующей инструмнтальной линейки текстового процессора. Это очень удобно, особенно если вы привыкли работать с приложением Microsoft Word for Windows.

На рис. 4.3 и 4.4 мы показали соновные стили, которые можно использовать при работе в редакторе Microsoft Internet Assistant for Microsoft Word.



Рис. 4.3. Использование стилей при создании документа в среде Microsoft Internet Assistant for Microsoft Word



Рис. 4.4. Использование стилей при создании документа в среде Microsoft Internet Assistant for Microsoft Word (продолжение)

Исходный текст, соответствующий странице, которая изображена на этих рисунках, приведен ниже:

<HTML > <HEAD> <TITLE>Untitled</TITLE> <META NAME="GENERATOR" CONTENT="Internet Assistant for Microsoft Word 2.0z"> </HEAD> <BODY> <BLOCKQUOTE> Blockquote </BLOCKQUOTE>

<P> Default <DL COMPACT> <DT> <FONT FACE="Times New Roman">Definition Compact </FONT> </DL>

<DL> <DT> <FONT FACE="Times New Roman">Definition List</FONT> <DT> <FONT FACE="Times New Roman">Definition Term </FONT> </DL>



<DIR> <LI> Directory </DIR>

<PRE WIDTH=132> <FONT SIZE=2 FACE="Courier New Cyr">PRE WIDE Perforatted</FONT> </PRE>

<P> <SAMP><FONT FACE="Courier New Cyr">Sample</FONT></SAMP> <P> <CODE><FONT FACE="Courier New Cyr">CODE</FONT></CODE> <P> <STRIKE> Strikethrough</STRIKE> <P> <STRONG>Strong</STRONG> <P> <TT> <FONT FACE="Courier New Cyr">Typewriter</FONT></TT> <P> <CITE>CITE</CITE> <DL> <DT> <DFN> Definition</DFN> </DL>

<ADDRESS> Address </ADDRESS>

<P> <VAR><FONT FACE="Times New Roman">Variable</FONT></VAR> </BODY> </HTML >

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

Команда Описание
<BLOCKQUOTE> , </BLOCKQUOTE> Это стилевое оформление используется для цитирования
<DL COMPACT> , </DL> Этот стиль используется для формирования списка терминов и их описания
<DT> Используется вместе с командами <DL…> и <DD> для выделения определяемого термина
<DIR> , </DIR> Используется для формирования списка
<TT> , </TT> Текст, оформленный с использованием этой команды, будет отображаться на экране шрифтом с фиксированной шириной символов
<DFN> , </DFN> Этот стиль используется для оформления впервые упоминающегося термина
<ADDRESS> , </ADDRESS> Этот стиль применяется для оформления авторской подписи под страницей, адресов и т. п.
Редактор страниц WWW, встроенный в навигатор Netscape Navigator Gold , также позволяет легко задавать стилевое оформление параграфов, выбирая названия стилей из меню, как это показано на рис. 4.5.



Рис. 4.5. Список стилей оформления параграфов, доступных в редакторе Netscape Navigator Gold версии 2.0


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