Урок№2. На данном уроки мы познакомимся с форматированием текста.

---

<h*></h*>

На каждой HTML странице существуют заголовки. Для их создания используются теги <H*></H*>. ( где * - число от 1 до 6 ).

Вот пример всех тегов <H*></H*>

<h6>Пример</h6>

<h5>Пример</h5>

<h4>Пример</h4>

<h3>Пример</h3>

<h2>Пример</h2>

<h1>Пример</h1>

<font></font>

Далее мы рассмотри тег <FONT>. У этого тега есть свои атрибуты. Вот первый из них:

<FONTSIZE="*"></font>, где size="*" - атрибут

С помощью этого атрибута мы можем достигнуть того же результата, что и с тегом <h*>:

 <FONTSIZE="*">Пример</FONT> (где * опять цифра от 1 до 6 ) 

Вот как это выглядит:

<font size="6">Пример</font>

<font size="5">Пример</font>

<font size="4">Пример</font>

<font size="3">Пример</font>

<font size="2">Пример</font>

<font size="1">Пример</font>

Как вы наверное заметили если в теге <h*> - 1 самый больший размер, то в теге <font size="*"> - 6.

Следующий атрибут <font face="*"></font>, где * - стандартное имя шрифта ( например Arial, Times New Roman, и другие ). При выборе шрифта вы должны учитывать, что он должен быть установлен на компьютере пользователя, если его не будет, то компьютер будет использовать шрифт по умолчанию ( обычно Times New Roman )

Вот примеры разных шрифтов:

<FONT FACE="Times New Roman"> Times New Roman </FONT>

<FONT FACE="Arial"> Arial </font>

<FONT FACE="Comic Sans MS, Tahoma"> Comic Sans MS </FONT>

<FONT FACE="System"> System </FONT>

<FONT FACE="Verdana"> Verdana </FONT>

Можно писать несколько шрифтов (они пишутся через запятую )

<FONT FACE="Verdana","System","Arial"> Verdana </font>

Если допустим у пользователя не нашлось шрифта Verdana, то бедт использоваться следующий через запятую шрифт. В данном случае - System. И так далее.

Один из важнейших атрибутов <font color="*">Пример</font>, где * - цвет. ( по умолчанию цвет черный - #000000 )

Цвет текста может быть  представлен в шестнадцатеричном виде - #FF0000 (красный) #0000FF (синий). так и самим  названием, например, red, blue и т.д

Пример:

<FONT COLOR="#FF0000">Красный</FONT>

<FONT COLOR=="red">Красный</FONT>

<FONT COLOR=="#0000FF">Синий</FONT>

Все атрибуты можно использовать одновременно. Нужно писать их через пробел Например

<FONT COLOR="000050" FACE="VERDANA" SIZE="6">Пример</FONT>

<P> и <BR>

Тег <p> </p> служит для создания нового абзаца. Но если нам нужно перейти на следующую строку без создания абзаца можно воспользоваться тегом <br>. ( обратите внимания, что тег br не имеет закрывающего тега )

С помощью атрибута <p align="*"></p>, где * :

• * - CENTER

• * - LEFT

• * - RIGHT

• * - JUSTIFY

Вы можете задать расположение абзаца

<P ALIGN=LEFT> По левому краю </P>

<P ALIGN=CENTER> По центру </P>

<P ALIGN=RIGHT> По правому краю </P>

<P ALIGN=JUSTIFY> Выравнивание по ширине </P>

 

Тексту также можно придать определенное начертание соответствующими тегами:

<B> Жирный текст </B>

<I> Курсив </I>

<U> Подчеркнутый </U>

<STRIKE> Перечеркнутый </STRIKE>

<SUP> ^{Верхний индекс} </SUP>

<SUB> _{Нижний индекс} </SUB>

<TT>Моноширинный шрифт</TT>

<SPAN></SPAN>

Для выделения текста любым цветом используется тег <SPAN STYLE="BACKGROUND-COLOR: * "></SPAN>, где * опять название цвета. Например :

 <SPAN STYLE="BACKGROUND-COLOR: lgreen"> Зеленый </SPAN>

<SPAN STYLE="BACKGROUND-COLOR: yellow"> Желтый </SPAN>

<SPAN STYLE="BACKGROUND-COLOR: blue"> Синий </SPAN>

Использование тегов вместе

Все теги можно использовать совместно. Пример:

<P ALIGN="CENTER"><FONT COLOR="RED" SIZE="5"><B><I>Пример</I></B></FONT></P>

Вот как это выглядит:

Пример

На этом наш второй урок закончен. 

Назад   |   Содержание   |   Далее

Copyright © HostWeb

---