Чтобы выделить отдельные слова в предложении жирным начертанием в HTML применяется два элемента:
- <b> — просто делает текст жирным;
- <strong> — говорит, что выделенный текст является важным и отображает текст жирным.
Обратите внимание, что <strong> в первую очередь сообщает о важности выделенного текста и по совместительству делает текст жирным. Поэтому для обычного по важности, но жирного по виду текста, следует использовать <b> (пример 1).
Пример 1. Использование <b>
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>b</title>
</head>
<body>
<p><b>Мой руки</b> после работы и перед едой!</p>
</body>
</html>
Чтобы придать жирное начертание длинному тексту, вроде заголовков, удобнее использовать стили, в частности, свойство font-weight. В качестве значения достаточно указать bold (пример 2).
Пример 2. Использование font-weight
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>font-weight</title>
<style>
.bold { font-weight: bold; }
</style>
</head>
<body>
<p class="bold">Мой руки после работы и перед едой!</p>
</body>
</html>
Результат данного примера показан на рис. 1.
Рис. 1. Жирное начертание