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

В данной статье представлены методы, как шрифты HTML вывести полужирным.

Делаем текст полужирным с помощью CSS-свойства font-weight

CSS предлагает нам специальное свойство font-weight, которое может вывести текст полужирным.

Давайте взглянем на следующий пример:

<p>Пример <span style="font-weight:bold;">полужирного</span> текста с помощью CSS...</p><p style="font-weight:bold;">...а также полужирного выделения всего абзаца.</p>

Пример полужирного текста с помощью CSS… … а также полужирного выделения всего абзаца.

При помощи этого свойства также можно без проблем указывать плотность текста. К тому же вы сможете без проблем определять текст, который не требуется выделять.

В приведенном выше примере используются встроенные стили. Но я настоятельно рекомендую вам использовать внешние файлы и CSS -классы, поскольку это поможет применять единую стилизацию ко всем страницам веб-сайта одновременно.

Делаем текст полужирным с помощью HTML-тега <b>

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

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

<p>Пример <b>полужирного</b> текста с помощью HTML-тега...</p><p><b>...а также полужирного выделения всего абзаца.</b></p>

Пример полужирного текста с помощью HTML-тега… … а также полужирного выделения всего абзаца.

HTML-тег <b> — самый быстрый метод вывести текст полужирным.

Так какой способ уместнее?

HTML предоставляет пару методов выделения текста. И у каждого тега конкретное предназначение.

HTML-тег Когда применяется
<b> Используется для вывода полужирного шрифта HTML, имеющего ключевое значение.
<em> Этот элемент может привлечь внимание при помощи выделения определенного фрагмента текста.
<h1>, <h2>, <h3>, <h4>, <h5> и <h6> Данные теги используются для вывода подзаголовков разных уровней.
<mark> Используйте этот тег, когда хотели бы обратить внимание на определенное слово или фразу в справочных целях.
<strong> Этот элемент отражает важность и ценность обрамленного в него содержимого.

Элемент <b> следует использовать, когда иные элементы выделения не подходят. Если точнее: то элементы от <h1> до <h6> служат для выделения заголовков, акцентирование внимания производится при помощи элемента <em>, важные фрагменты следует выделять элементом <strong>, а текст справки можно без труда отметить тегом <mark>.

Комбинируем выделение текста при помощи CSS и HTML

Будет лучше всего, если вы научитесь комбинировать HTML шрифты и CSS-методы выделения текста в HTML-документах.

HTML-способы хорошо подходят для определения значения выделенного текста, в то время как CSS-стилизация отвечает за внешний вид текста.

Таблицы стилей можно без труда использовать для видоизменения и стилизации таких элементов, как <b> и т. д. Следовательно, нельзя с полной уверенностью сказать, что фрагменты контента, обрамленные тегами <b>, обязательно будут полужирными.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *