Зачем платить деньги, если можно создать сайт визитку бесплатно? Обращайтесь на n4.biz!

Курсив

Метки:

текст

Способ начертания текста, при котором имитируется рукописное начертание с небольшим наклоном символов вправо.

На рис. 1 показано различие между начертаниями текста: обычным, курсивным и наклонным.

Рис. 1

Рис. 1. Различные начертания текста

Обратите внимание на букву «т», которая содержится во всех приведенных на рис. 1 начертаниях. Вид этой буквы меняется существенно, в зависимости от того, задан курсив или нет.

Для изменения вида начертания в HTML применяется тег <I> или <EM>. Несмотря на то, что эти теги относятся к разным типам, в браузере они приводят текст к одному виду. В примере 1 показано, как задать курсивный текст с помощью этих тегов.

Пример 1. Использование тегов

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  <title>Курсив</title>
 </head>
 <body>
  <h1><em>Принятие решений</em></h1>
  <p>В жизни каждого человека порой происходят ситуации, когда <i>решение</i> о 
  последующих действиях <i>необходимо принимать быстро</i>. В таких случаях 
  <i>следует полагаться на интуицию</i> и собственный опыт.</p> 
 </body>
</html>

Результат данного примера показан на рис. 2.

Рис. 2

Рис. 2. Курсивное начертание в тексте

С помощью стилей можно задавать не только курсивное, но и наклонное начертание за счет использования атрибута font-style со значением italic или oblique, как показано в примере 2.

Пример 2. Использование стилей

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  <title>Курсив</title>
  <style type="text/css">
   .italic {
    font-style: italic; /* Курсивное начертание */
   }
   .oblique {
    font-style: oblique; /* Наклонное начертание */
   }
  </style>
 </head>
 <body>
  <p>Обычный текст</p> 
  <p class="italic">Курсивный текст</p>
  <p class="oblique">Наклонный текст</p>
 </body>
</html>

Результат данного примера показан на рис. 3.

Рис. 3

Рис. 3. Курсивное и наклонное начертание в браузере

В большинстве случаев браузер не может отобразить наклонное начертание и заменяет его курсивным. Это хорошо заметно на приведенном рисунке.

Термины

Курсив

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