Тег <b> используется для того, чтобы выделить жирным шрифтом фрагмент текста, который мы хотим сделать более заметным для пользователя. Тег <b> только выделяет фрагмент текста, он не имеет смысловой нагрузки (в том числе для поисковых систем). Для того, чтобы отметить важность текста используется тег <strong>

В HTML5 тег <b> рекомендуется использовать только в крайнем случае, когда нет возможности использовать другие теги.

Синтакис

Для выделения отрезка текста жирным шрифтом, необходимо поместить его между открывающим <b> и закрывающим тегом </b>.

Пример

<!DOCTYPE html>
<html>
   <head>
       <title>Заголовок окна веб-страницы</title> 
   </head>
   <body>
       <p><b>Этот отрезок текста </b> мы выделили жирным шрифтом.</p>
   </body>
</html>

Результат

<b> тег

Внешний вид содержимого контейнера <b> задается по умолчанию, но жирное начертание текста можно изменить при помощи CSS.

Вы также можете использовать свойство CSS font-weight для выделения текста жирным шрифтом.

Пример

<!DOCTYPE html>
<html>
  <head>
    <title>Заголовок окна веб-страницы</title>
    <style>
      .bold-text {
      font-weight: 700;
      }
    </style>
  </head>
  <body>
    <p><span class="bold-text">Этот отрезок текста</span> мы выделили жирным шрифтом.</p>
  </body>
</html>

Результат

<b> тег

Атрибуты

Тег <b> поддерживает глобальные атрибуты и атрибуты событий.

Как добавить стиль к тегу <b> ?

Распространенные свойства для изменения визуальной насыщенности/выделения/размера текста внутри тега <b>:

Цвет текста внутри тега <b>:

Стили форматирования текста для тега <b>:

Другие свойства для тега <b>:

Поддержка браузера

chrome edge firefox safari opera

Практикуйте свои знания

Какие утверждения об HTML-теге <b> являются верными?
Считаете ли это полезным?