Главная Рецепты Как сделать текст жирным?

Как сделать текст жирным?

Чтобы выделить отдельные слова в предложении жирным начертанием в HTML применяется два элемента:

  • <b> — просто делает текст жирным;
  • <strong> — говорит, что выделенный текст является важным и отображает текст жирным.

Обратите внимание, что <strong> в первую очередь сообщает о важности выделенного текста и по совместительству делает текст жирным. Поэтому для обычного по важности, но жирного по виду текста, следует использовать <b> (пример 1).

Пример 1. Использование <b>

<!DOCTYPE html> <html> <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> <head> <meta charset="UTF-8"> <title>font-weight</title> <style> .bold { font-weight: bold; } </style> </head> <body> <p class="bold">Мой руки после работы и перед едой!</p> </body> </html>
Текст

Автор и редакторы

Автор: Влад Мержевич
Последнее изменение: 18.03.2020
Редакторы: Влад Мержевич