Сервер Web своими руками. Язык HTML, приложения CGI и ISAPI

       

Стили в документе HTML


Вы можете встроить таблицу стилей непосредственно в документ HTML, для чего нужно использовать оператор <STYLE>. Этот оператор применяется в паре с закрывающим оператором </STYLE>. Между операторами <STYLE> и </STYLE> находится таблица стилей.

В листинге 2.19 мы привели пример документа HTML, в который встроена таблица стилей.

Листинг 2.19. Файл chap2\styles\embed.htm

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">

<HTML>

  <HEAD>

    <TITLE>Встроенная таблица стилей</TITLE>

    <STYLE TYPE="text/css">

      <!--

      H1 { font-size: 24;

           font-weigt: bold;

           color: red;

           margin-left: 10% }



      H2 { font-size: 20;

           font-weigt: bold;

           color: black;

           font-family: Courier }

      P.italic { font-style: italic }

      P.red { color: red }

      -->

    </STYLE>

  </HEAD>

  <BODY BGCOLOR=#FFFFFF>

    <H1>Заголовок первого уровня</H1>

    <P>Обычный текст

    <H2>Заголовок второго уровня</H2>

    <P CLASS=italic>Наклонный текст

    <P CLASS=red>Текст красного цвета

  </BODY>

</HTML>

Внешний вид этого документа при просмотре в навигаторе Microsoft Internet Explorer аналогичен показанному на рис. 2.18. Навигатор Netscape Navigator, как и в предыдущем случае, игнорирует стилевое оформление.

Обратите внимание на использование оператора комментария <!-- -->. Когда документ просматривается навигатором, не распознающем стилевое оформление, то такой навигатор проигнорирует как оператор <STYLE>, так и таблицу стилей. Если убрать оператор комментария, таблица стилей появится в окне навигатора, чего вы, очевидно, не хотели.



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