logo

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

стили шрифтов

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

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

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

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

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

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

<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 — нижний. Где они могут пригодиться? Ну, например, при написании какой-нибудь формулы — H2 или число в степени 102

Верхний индекс <sup> sup </sup>
Нижний индекс <sub> sub </sub>

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

Как задать стиль шрифта в тексте обновлено: Август 2, 2016 автором: admin

Оставить комментарий

▲Вверх