HTML. Стили шрифта.

     Существуют два стиля шрифта: физический и логический.

Физические стили.

     Под физическом стилем; понимают прямое указание браузеру на модификацию текущего шрифта. Рассмотрим основные теги:
     <B> ... </B>
     Все, что написано между тегами <B> ... </B>, будет выделено жирным шрифтом.

     <I> ... </I>
     Текст, между тегами <I> ... </I>, будет написан наклонным шрифтом.

     <U> ... </U>
     Текст, заключенный между этими тегами, будет выглядеть; подчеркнутым.

     <S> ... </S>
     Текст, заключенный между этими тегами, будет выглядеть перечеркнутым.

     <TT> ... </TT>
     Текст, размещенный между этими тегами, будет написан моноширинным шрифтом, т.е. шрифтом, имитирующим пишущую машинку.
     Также этим шрифтом отображается текст заключенный в тэге <pre>....</pre>. Кстати, очень полезный тег, т.к. текст, заключенный в него, выводится с точностью до пробела и может пригодиться при написании стихотворений.
     Также, к одному фрагменту текста, может применяться сразу несколько разных тэгов: <B><U><TT> ... </TT></U></B>

Пример:

<html>
<head>
<title>Заголовок документа</title>
</head>
<body>
Формат 1 <br>
<B>жирный шрифт</B> <br>
Формат 2  <br>
<I>наклонный шрифт</I> <br>
Фомат3 <br>
<U> подчеркнутый текст </U> <br>
Формат4 <br>
<S> перечеркнутый текст </S> <br>
Формат5<br>
<TT> моноширинный шрифт  </TT> <br>
Формат6 <br>
<pre>с        точностью
до                    пробела </pre>
Формат7 <br>
<B><U><TT>сразу несколько тэгов </TT></U></B>
</body>
</html>
 

Результат:

Формат 1
жирный шрифт
Формат 2
наклонный шрифт
Фомат3
подчеркнутый текст
Формат4
перечеркнутый текст
Формат5
моноширинный шрифт
Формат6
с        точностью
 до                    пробела 
Формат7
сразу несколько тэгов
 

Логические стили.

     При использовании логических стилей мы не знаем, что увидим на экране, т.к. каждый браузер, по своему толкует логические стили, а некоторые и вовсе игнорирует. Рассмотрим самые распространенные:
     <DFN>... </DFN>- применяется для описания определений.
     <EM>... </EM >- применяется для выделения слов.
     <KBD>... </KBD>- применяется для приглашения пользователя к вводу с клавиатуры.
     <CITE>... </CITE>- применяется для выделения заголовков.
     <CODE>... </CODE>- применяется для выдлеления программных кодов, текстов программ и т.д.
     <VAR>... </VAR>- применяется для символьных переменных.
     <SAMP>... </SAMP>- применяется для машинных сообщений.
     <STRONG>... </STRONG>- применяется для особого выделения слов.

Пример:


<head>
<title>Заголовок документа</title>
</head>
<body>
Формат 1 <br>
<DFN>определение </DFN> <br>
Формат 2  <br>
  <EM > выделенное  </EM >  слово <br>
Фомат3 <br>
Введите <KBD> password </KBD> <br>
Формат4 <br>
<CITE> Цитата </CITE> <br>
Формат5 <br>
Этот докумен <STRONG> очень </STRONG> важный  <br>
</body>
</html>

 

Результат:

Формат 1
определение
Формат 2
выделенное слово
Фомат3
Введите password
Формат4
Цитата
Формат5
Этот докумен очень важный

 

 Смотрите также:
     Аббревиатура и описание.
     Выделение цитаты.
     Учимся писать формулы.
Загрузка...