Урок 2.3: Выделение текста

Жирность текста

Внешний вид текста бывает нескольких видов: светлый текст, нормальный текст, полужирный текст и жирный текст. В языке HTML можно осуществить только нормальный текст и жирный текст. Для этих целей предназначены два тега - <strong> и <b>.

<strong>Сильно выделеный текст</strong> 
<b>Жирный текст</b>

Курсив текста

Курсив - это имитация под рукописный текст. Для этого можно использовать один из двух вариантов тегов курсива: <i> и <em>.

<i>Курсивный текст</i> 
<em>Выделенный курсивный текст</em> 

У Вас может возникнуть вопрос: "А какая разница между этими тегами - <strong> и <b>, <i> и <em>? Разница в том, что теги <b> и <i> - это теги физической разметки, которые меняют внешний вид текста (<b> - жирный, <i> - курсив). А теги <strong> и <em> - теги логической разметки, которые выделяют текст (<strong> - жирный, <em> - курсив). Это необходимо было для придания языку HTML универсальности и независимости от устройств вывода информации. В принципе, если использовать речевой браузер - то текст расположенный между тегами <strong> или <b> будет отображаться по разному. Но современный браузеры отображают одинаково.

<html>   
  <head>     
    <title>Выделение текста</title>   
  </head>   
  <body>     
    <p><em>- Как выделить текст жирным?</em></p>    
    <p><em>- Элементарно,</em> <strong>вот так!</srong></p>   
  </body> 
</html>

Результат:

Выделение текста в HTML

Пример выполнения здесь.

<< Заголовки | Перечень уроков | Индексы >>