Лістинг 2.19. Файл chap2\styles\embed.htm
<!"DOCTYPE HTML PUBLIC -//W3C//DTD HTML 3.2//EN">
<HTML>
<HEAD>
<ТIТLЕ>Вбудований таблиця стилів</ТIТLЕ>
<STYLE TYPE="text/css">
<!--
H1 { font-size: 24;
font-waigt: 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=#FFFFFR>
<Н1>Заголовок перших рівні</Н1>
<Р>Звичайний текст <Н2>Заголовок другого рівня</Н2>
<Р CLASS=italic>Похилий текст
<Р CLASS=red>Текст червоного кольору
</BODY>
</НТМL>
Зовнішній вигляд цього документа при перегляді в навигаторе Microsoft Internet Explorer аналогічний показаному на мал. 2.18. Навігатор Netscape Navigator, як і в попередньому випадку, ігнорує стильове оформлення.
Зверніть увагу на використання оператора коментаря <!-- … -->. Коли документ переглядається навигатором, що не розпізнає стильового оформлення, такий навігатор проигнорирует як оператор <STYLE>, так і таблицю стилів. Якщо прибрати оператор коментаря, таблиця стилів з'явиться у вікні навигатора, що, очевидно, небажано.
2.9.1.7. Стилі в операторах HTML
Вказівкою в операторах оформлення тексту параметра CLASS можливо безпосередньо задавати параметри стильового оформлення. Відповідний приклад документа HTML приведений в лістинг 2.20.
Дата добавления: 2015-04-19; просмотров: 533;