Урок 6 | Форматирование текста II

В этом уроке я хочу вам рассказать о форматирование текста, а именно - изменениe цвета, стиля, размера.

Первым делом разберём с вами заголовки - headings. Обычно размер заголовков больше размера шрифта на странице, но может быть и меньше. Так вот, размер заголовков может быть разным: от 1 (самый большой) до 6 (самый маленький).

Тег заголовков это <h*>, где * обозначает размер заголовка. На пример:

Ну вот с заголовками разобрались, теперь перейдем к эффектам с текстом. Я приведу пример только самых распространённых тегов:

<b>...</b> - жирный текст
<i>...</i> - наклонный текст
<u>...</u> - подчёркнутый
<s>...</s> - зачёркнутый
<big>...</big> - более крупный шрифт, чем основной
<small>...</small> - более мелкий шрифт, чем основной
<tt>...</tt> - шрифт пишущей машинки (моноширинный)
^... - ^{верхний индекс}
_... - _{нижний индекс}

Ещё один очень полезный тег это <center>...</center>. Текст, вставленный между этими тегам, выравнивается по-центру. Как вы заметили, этот тег тоже закрывающийся.

Приступим к изучению тега <font>. Он та и позволит нам изменять шрифт, цвет, размер текста на страничке. Как и большинство тегов, у этого есть закрывающийся тег - </font>.

Вот некоторые примеры управления текстом, которые вы можете сделать:

<font color="#xxxxxx> - цвет текста. Для того, что бы изменить цвет текста, нужно вместо "хххххх" вставить код любого цвета. Такие коды вы можете выбрать в нашей палитре.

<font size="0"> - размер текста (от -2 до 4). Как видите, размер текста можно изменять не только при помощи заголовков...

<font face="Verdana"> - определенный тип шрифта. Здесь можно вписывать несколько шрифтов - если у пользователя не будет первого шрифта из перечисленных, автоматически будет использован второй и т.д.

Следовательно, законченный тег будет выглядеть вот так:

<font color="#xxxxxx font size="0" face="Verdana"> Пишем текст между этими тегами... <font>

Вот и всё! Теперь вполне реально приукрасить текст на ваших страничках :)))