Первый урок   Второй урок   Третий урок   Четвёртый урок   Пятый урок   Шестой урок

Третий урок.

Работаем с текстом.

На каждой HTML странице существуют заголовки. Для их создания используется следующий тег:

<Hn> Пример </Hn>. 

Где n - число от 1 до 6. Заключив между ними текст вы получите заголовки определенных размеров:

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

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

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

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

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

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

Размер шрифта мы также можем указать с помощью тега <FONT>.

<FONT SIZE="Число от 1 до 7"></FONT>

Так как шрифт №7 плохо смотрелся на странице я начал примеры с 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>

Следующим параметром мы сможем задать название шрифта, которым будет отображаться текст на странице:

<FONT FACE="Название шрифта">Пример</FONT>

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

<FONT FACE="Times New Roman"> Пример </FONT>

<FONT FACE="Arial"> Пример </font>

<FONT FACE="Comic Sans MS"> Пример </FONT>

<FONT FACE="System"> Пример </FONT>

<FONT FACE="Verdana"> Пример </FONT>

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

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

Следующим параметром мы можем задать цвет текста:

<FONT COLOR="здесь название цвета фона или его шестнадцатеричный вид">Пример</FONT>

Например:

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

<FONT COLOR=="GREEN">Зеленый</FONT>

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

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

Следующий тег  служит для создания нового абзаца. 

<P>Новый абзац</P>

С помощью параметров тега <p>

•  CENTER

•  LEFT

•  RIGHT

•  JUSTIFY

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

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

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

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

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

Для переходов на новую строку без образования абзацев используется тег:

<BR>За ним следует новая строка

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

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

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

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

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

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

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

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

Для выделения текста любым цветом используется тег:

<SPAN STYLE="BACKGROUND-COLOR: здесь название цвета фона или его шестнадцатеричный вид"></SPAN>

Например :

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

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

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

На этом наш третий урок завершен, если Вы еще не устали, переходим к четвёртому уроку.

назад

 Первый урок   Второй урок   Третий урок   Четвёртый урок   Пятый урок   Шестой урок