Как сделать текст жирным в HTML? - коротко
Для жирного отображения используйте теги <strong>текст</strong> или <b>текст</b>. Тег <strong> добавляет семантическую значимость, а <b> применяется лишь для визуального выделения.
Как сделать текст жирным в HTML? - развернуто
Для выделения текста полужирным шрифтом в HTML предусмотрено несколько подходов, каждый из которых удобен в определённых ситуациях.
Самый простой способ – использовать тег <b>. Он заставит браузер отобразить содержимое жирным, но не несёт смысловой нагрузки. Пример:
<b>Это важный текст</b>Если необходимо подчеркнуть семантическую значимость фрагмента, предпочтительнее применять тег <strong>. Он также выводит текст жирным, однако сообщает поисковикам и вспомогательным технологиям, что данный фрагмент имеет особую важность:
<strong>Это очень важный фрагмент</strong>Для более гибкого управления внешним видом удобно использовать CSS. Наиболее распространённый метод – задать свойство font-weight со значением bold. Это можно сделать непосредственно в элементе через атрибут style:
<span style="font-weight: bold;">Текст в полужирном шрифте</span>Или вынести правило в отдельный стиль, чтобы переиспользовать его в разных местах документа:
<style>
.bold-text { font-weight: bold; }
</style>
<p class="bold-text">Текст, оформленный через класс</p>Если стили задаются во внешнем файле, то правило выглядит так же, только размещается в файле .css:
.bold-text { font-weight: bold; }И в HTML:
<link rel="stylesheet" href="styles.css">
<p class="bold-text">Текст из внешнего CSS</p>Для заголовков (<h1>‑<h6>) жирное начертание является стандартным, поэтому отдельные стили обычно не требуются. Однако при необходимости изменить толщину шрифта у заголовка можно применить тот же CSS‑свойство:
<h2 style="font-weight: normal;">Заголовок без жирного начертания</h2>Список основных методов:
<b>– визуальное выделение без семантики.<strong>– визуальное и смысловое выделение.style="font-weight: bold;"– инлайновый стиль.- CSS‑класс с
font-weight: bold;– переиспользуемый стиль. - Внешний CSS‑файл с тем же правилом – централизованное управление.
Выбор подхода зависит от целей: если важна только визуальная часть, достаточно <b> или инлайнового стиля. Когда требуется подчеркнуть смысловую важность, предпочтительнее <strong> или CSS‑класс, позволяющий поддерживать единый стиль по всему проекту. Использование CSS даёт наибольшую гибкость и упрощает последующее изменение дизайна.