<! DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 3.2 // EN ">
<HTML>
<HEAD>
<TITLE>
Пример включенной таблицы стилей </TITLE>
</HEAD>
<BODY>
<P style="font: 24pt garamond">
Включенная таблица стилей и атрибут style, включенный в тэг абзаца
</P>
<span style="font: 18pt arial">
Стиль этого раздела был определен комбинацией тэга span и атрибута style
</span>
</BODY>
</HTML>
<! DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 3.2 // EN ">
<HTML>
<HEAD>
<TITLE>
Пример внедренной таблицы стилей</TITLE>
</HEAD>
<STYLE>
BODY {background: #ffffff;color: #000000; margin-top: 120pt; margin-left: 150pt;margin-right: 100pt}
H3 {font: 14pt verdana; color: #0000ff}
P {font: 12pt times;background-color: #00ff00; text-indent: 0.5in}
A {color: #ff0000}
</STYLE>
<BODY>
<H3>Документ с внедренной таблицей стилей </H3>
<P> В этом документе фон белый, шрифт черный ;поля 150 пикселей, 120 и 100;</P>
<P>Все заголовки третьего уровня будут выведены синим шрифтом Verdana высотой 14 пикселей. </P>
<P>Абзацы простого текста оформлены красной строкой в 1/2 дюйма и выведены шрифтом Times высотой 12 пикселей.
<A href="anyfile.htm">Ссылка</A>красного цвета </P>
</BODY>
</HTML>
Пример внешней таблицы стилей
Файл с расширением style.css
BODY {background: #ffffff;color: #000000;margin-top: 120pt; margin-left: 150pt;margin-right: 100pt}
H3 {font: 14pt verdana; color: #0000ff}
P {font: 12pt times;background-color: #00ff00; text-indent: 0.5in}
A {color: #ff0000}
Исходный код страницы
<! DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 3.2 // EN ">
<HTML>
<HEAD>
<TITLE>
Пример внешней таблицы стилей</TITLE>
</HEAD>
<STYLE>
@import URL("style.css");
</STYLE> <BODY>
<H3>Документ с внедренной таблицей стилей </H3>
<P> В этом документе фон белый, шрифт черный; поля 150 пикселей, 120 и 100;</P>
<P>Все заголовки третьего уровня будут выведены синим шрифтом Verdana высотой 14 пикселей. </P>
<P>Абзацы простого текста оформлены красной строкой в 1/2 дюйма и выведены шрифтом Times высотой 12 пикселей.
<A href="anyfile.htm">Ссылка</A>красного цвета </P>
</BODY>
</HTML>
Пример внешней таблицы стилей
Файл с расширением style.css
<STYLE>
BODY {background:#ffffff;color #000000; margin-top: .25in}
H3 {font: 14pt verdana; color: #0000ff}
P {font: 12pt times; text-indent: 0.5in; margin-left: .75in; margin-right: .75in}
A {color:#ff0000} </STYLE>
Исходный код страницы
<! DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 3.2 // EN ">
<HTML>
<HEAD>
<TITLE>
Пример внешней таблицы стилей</TITLE>
<LINK rel=stylesheet href="../2.css" type="text/css">
</HEAD>
<BODY>
<H3>Заголовок 14 пикселей Verdana синий</H3>
<P>Абзац: шрифт 12 пикселей, отступ текста 1/2 дюйма,
выравнивание справа и слева 0,75 дюйма</P>
<A href="anyfile.htm">Ссылка</A>красная
</BODY>
</HTML>