Лістинг 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; просмотров: 540;


Поиск по сайту:

При помощи поиска вы сможете найти нужную вам информацию.

Поделитесь с друзьями:

Если вам перенёс пользу информационный материал, или помог в учебе – поделитесь этим сайтом с друзьями и знакомыми.
helpiks.org - Хелпикс.Орг - 2014-2024 год. Материал сайта представляется для ознакомительного и учебного использования. | Поддержка
Генерация страницы за: 0.007 сек.