<? include 'head.php' ?>
<html><head>
<title> HTML учебник / Добавление стилей в HTML документ  </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<meta name="keywords" content="HTML учебник Добавление стилей в HTML документ ">

<meta name="description" content="HTML учебник:  Добавление стилей в HTML документ  ">
</head>

<body marginheight="0" marginwidth="0" topmargin="0" leftmargin="0" text="#333333" link="#333333" vlink="#333333" bgcolor="#f0f7ef">

 <table width="80%" align="center"><tr><td>
 <!--заголовок--><table width="100%" cellpadding=1 cellspacing=0 border=0 bgcolor=#647062><tr><td><table width="100%" cellpadding=3 cellspacing=0 border=0 bgcolor=#ffffff><tr><td class=r align=middle><A href="index.php">Содержание</a> / Добавление стилей в HTML документ</td></tr></table></td></tr></table><!--//-->
<h2>Добавление стилей в HTML документ</h2>
<P>HTML позволяет использовать различные стили шрифтов для выделения 
текстовой информации в ваших документах. Вот короткий список стилей, 
поддерживаемых большинством броузеров: 
<UL>
  <LI>bold (жирный) 
  <LI>italic (наклонный) 
  <LI>mono spaced (type writer - с использованием фиксированных 
  шрифтов) </LI></UL>
<P>Вы можете комбинировать различные виды стилей, например жирный и 
наклонный. </P>
<TABLE border=1>
  <TBODY>
  <TR align=middle>
    <TD><B><I>Стиль</I></B> </TD>
    <TD><B><I>Элемент или тэг</I></B> </TD>
    <TD><B><I>Результат</I></B> </TD></TR>
  <TR>
    <TD>Bold </TD>
    <TD>&lt;B&gt; Этот текст жирный &lt;/B&gt; </TD>
    <TD><B>Этот текст жирный</B> </TD></TR>
  <TR>
    <TD>Italic </TD>
    <TD>&lt;I&gt; Этот текст наклонный &lt;/I&gt; </TD>
    <TD><I>Этот текст наклонный </I></TD></TR>
  <TR>
    <TD>Mono spaced </TD>
    <TD>&lt;TT&gt; Этот текст с непроп. шрифтом &lt;/TT&gt; </TD>
    <TD><TT>Этот текст с непроп. шрифтом</TT> </TD></TR></TBODY></TABLE>
<P>Комбинирование стилей позволяет вам отображать в одной строке 
несколько элементов различными стилями, например: </P>
<P><TT>&lt;b&gt;Жизнь&lt;/b&gt; - &lt;i&gt;это 
&lt;b&gt;песня!&lt;/b&gt;&lt;/i&gt;</TT> </P><B>
<P>Жизнь</B> - <I>это <B>песня!</B></I> 
<UL>
  <P><B>Внимание! </B>Добавление большого количества стилей и их 
  комбинаций приводит к затруднению чтения текста! </P></UL>
<P>Дополнительные стили: 
<UL>
  <LI>big (юольшой) 
  <LI>small (маленький) 
  <LI>sub (подстрочник) 
  <LI>sup (надстрочник) </LI></UL>
<TABLE border=1>
  <TBODY>
  <TR align=middle>
    <TD><B><I>Стиль</I></B> </TD>
    <TD><B><I>Элемент или тэг</I></B> </TD>
    <TD><B><I>Результат</I></B> </TD></TR>
  <TR>
    <TD>Big </TD>
    <TD>Этот текст &lt;BIG&gt; большой &lt;/BIG&gt; </TD>
    <TD>Этот текст <FONT size=1>большой </FONT></TD></TR>
  <TR>
    <TD>Small </TD>
    <TD>Этот текст &lt;SMALL&gt; маленький &lt;/SMALL&gt; </TD>
    <TD>Этот текст <FONT size=1>маленький </FONT></TD></TR>
  <TR>
    <TD>Sub </TD>
    <TD>Этот текст &lt;SUB&gt; подстрочник &lt;/SUB&gt; </TD>
    <TD>Этот текст <SUB>подстрочник </SUB></TD></TR>
  <TR>
    <TD>Sup </TD>
    <TD>Этот текст &lt;SUP&gt; надстрочник &lt;/SUP&gt; </TD>
    <TD>Этот текст <SUP>надстрочник </SUP></TD></TR></TBODY></TABLE>
<hr align="left" width="50%" size="1" noshade>

<P><b>Размер шрифта &lt;FONT&nbsp;SIZE&gt;</b> </P>
<P>Вы можете изменять размер шрифта при помощи тэга: </P>
<P><TT>&lt;FONT SIZE=+|- n&gt;</TT> </P>
<P>Шрифт может иметь размер от 1 до 7. Вы можете прямо указать 
размер шрифта цифрой, или указать смещение относительно базового 
значения (по умолчанию - 3) в положительную или отрицательную 
сторону. Базовое значение можно изменить при помощи тэга: </P>
<P><TT>&lt;BASEFONT SIZE=n&gt;</TT> </P>
<P>Например: </P>
<P><TT>&lt;p&gt;и <BR>&lt;font SIZE=+1&gt;з&lt;/font&gt;&lt;font 
SIZE=+2&gt;м&lt;/font&gt; <BR>&lt;font 
SIZE=+3&gt;е&lt;/font&gt;&lt;font SIZE=+4&gt;н&lt;/font&gt; 
<BR>&lt;font SIZE=+3&gt;е&lt;/font&gt;&lt;font 
SIZE=+2&gt;н&lt;/font&gt; <BR>&lt;font SIZE=+1&gt;и&lt;/font&gt; 
<BR>е&lt;/p&gt; </TT></P>
<P>и <FONT size=1>зм</FONT><FONT size=2>е</FONT><FONT 
size=3>н</FONT><FONT size=2>е</FONT><FONT size=1>ни</FONT> е </P>
<hr align="left" width="50%" size="1" noshade>

<P><b>Цвет шрифта &lt;FONT&nbsp;SIZE&gt;</b> </P>
<P>Вы можете изменить цвет шрифта при помощи тэга: </P>
<P><TT>&lt;FONT COLOR="#<FONT color=#ff0000>xx</FONT><FONT 
color=#008000>xx</FONT><FONT color=#0000ff>xx</FONT>&gt;</TT> </P>
<P>Цвет указывается в RGB-формате (Red-Green-Blue) посредством 
указания размерности каждой компоненты цвета в шестнадцатиричном 
формате. Например, белый цвет обозначается "000000", черный - 
"FFFFFF", синий - "0000FF" и т.п. </P>
<P><TT>&lt;FONT COLOR="#FF0000"&gt; <BR>Красный &lt;/FONT&gt; 
<BR>&lt;FONT COLOR="#00FF00"&gt; <BR>Зеленый &lt;/FONT&gt; 
<BR>&lt;FONT COLOR="#0000FF"&gt; <BR>Синий &lt;/FONT&gt;</TT> 
<BR></P>
<P><FONT color=#ff0000>Красный</FONT> <FONT 
color=#00ff00>Зеленый</FONT> <FONT color=#0000ff>Синий</FONT> </P>

  </td></tr></table>

 



</body></html>
<? include 'foot.php' ?>