Как задать стиль шрифта в тексте

После того, как мы узнали о том, как задавать размер шрифта, рассмотрим как определить стиль шрифта. Сейчас мы узнаем, как выделить текст курсивом, подчеркнуть, перечеркнуть, сделать полужирным, как задавать моноширинный текст, как делать верхний и нижний индексы – все эти тэги, как правило, рассматриваются вместе.

Сначала рассмотрим курсив и полужирный текст. Их можно получить при помощи тегов  <b></b> и <i> </i>

<b> Полужирный текст </b>
<i> Наклонный текст (курсив) </i>

Теперь пара строк о моноширинном шрифте. Что это такое за шрифт? Моноширинный, или непропорциональный — это шрифт, все знаки (точнее, кегельные площадки знаков) которого имеют одинаковую ширину. Этим он отличается от пропорционального шрифта, в котором литеры отличаются по ширине друг от друга.

А тэг для него следующий:

<tt> моноширинный шрифт </tt>

Также моноширинным шрифтом отображается текст заключенный в тэг <pre></pre>:

У тэга <pre> есть одна особенность — текст, заключенный в него, выводится с точностью до пробела так, как был набран в блокноте. Этот тег может быть полезен, допустим, для форматирования стихотворений.

К одному фрагменту текста может применяться сразу несколько тэгов:

<tt><b><i> текст </i></b></tt>

В этом примере текст моноширинный, полужирный, и выделен курсивом.

Еще несколько тэгов, которые необходимо освоить.

Сделать подчеркнутый текст можно при помощи тэга <u>:

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

Тэги <strike> и <s> представляют текст перечеркнутым шрифтом, можете использовать какой вам угодно из них, принципиальной разницы между ними нет:

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

Тэг <big> представляется крупным шрифтом, а <small> малым шрифтом относительно основного текста:

<small> Малый текст </small>
Нормальный текст
<big> Большой текст </big>

Тэги Sup и Sub — определяют верхний и нижний индексы. Sup — верхний, Sub — нижний. Где они могут пригодиться? Ну, например, при написании какой-нибудь формулы — H₂O  или число в степени 10²

Верхний индекс ^{^sup}
Нижний индекс _{_sub}

Вот в принципе вся основная информация о стилях шрифта

Статья была полезной?