Как в html сделать жирный текст

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

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

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

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

Чтобы придать жирное начертание длинному тексту, вроде заголовков, удобнее использовать стили, в частности, свойство font-weight. В качестве значения достаточно указать bold (пример 2).

Пример 2. Использование font-weight

См. также

• font-weight
• Знакомство с HTML
• Насыщенность
• Продвинутая семантика и доступность
• Свойства шрифта в CSS
• Семантика строчных элементов

Тег HTML жирный текст

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

HTML тег относится к тегам физического форматирования и делает текст жирным без логического выделения. Изменения начертания шрифта с помощью тега носят стилистический характер.

Для логического выделение важного участка текста жирным шрифтом используйте тег . Если необходимо акцентировать внимание, «подчеркнуть» фрагмент текста — используйте тег .

Все виды выделения текста описаны в статье: Теги форматирования текста в HTML.

Синтаксис

текст выделенный жирным

Тег в HTML5

По спецификации HTML5 приоритет использования следует отдавать тегам логического форматирования: теги — для выделения заголовков, тег — для важных фрагментов, тег — для акцентирования внимания, тег — для подсветки текста.

Тег следует использовать, когда характер выделения текста не подходит ни под один HTML тег логического форматирования.

Отображение в браузере

Это обычный абзац обычного продающего или не продающего, а, например, художественного текста на одной из страниц совершенно обычного сайта. А вот эта часть, как вы видите, выделена полужирным шрифтом или жирным, как его еще называют. Выделена не по смыслу, как в случае с тегом strong, обычное стилистическое полужирное форматирование.

Пример использования в HTML коде

 
 
 
 
Это обычный абзац обычного продающего или не продающего, а, например, художественного текста 
на одной из страниц совершенно обычного сайта. А вот эта часть, как вы видите, выделена полужирным шрифтом 
или жирным, как его еще называют. Выделена не по смыслу, как в случае с тегом strong, 
обычное стилистическое полужирное форматирование.
 

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

Тег
	Да	Да	Да	Да	Да

by Lebedev

Оцените, насколько полезна эта страница
Эти материалы могут быть вам полезны
Теги форматирования текста в HTMLКак сделать жирный шрифт в HTMLКак правильно писать HTML заголовки для сайтаТеги заголовков — HTML подзаголовкиТег HTML курсив, наклонный текстТег HTML жирный шрифт, логическое выделение текстаТег HTML выделение текста, подсветка фона

Как сделать жирный шрифт в HTML

Существует три способа выделить текст жирным шрифтом на HTML странице, но не спешите сразу использовать любой понравившийся, так как такое выделение может иметь разный смысл и влиять на оптимизацию сайта для поисковой системы.

Жирный шрифт тегом strong

Этот способ подойдет, если вы хотите выделить жирным шрифтом важную часть текста. HTML тег является тегом логического форматирования и его суть: «подчеркнуть» важность выделенного фрагмента.

Другие виды выделения текста описаны в статье: Теги форматирование текста в HTML.

Пример как сделать жирный шрифт HTML тегом :

Обычный текст выделенный важный фрагмент текста. Обычный текст.

Жирный текст с помощью тега b

То есть, если по каким-то причинам вы считаете, что фрагмент будет лучше смотреться, написанный жирным шрифтом, но сам по себе выделенный участок не является более важным, чем текст вокруг — используйте тег .

Обычный текст текст жирным шрифтом. Обычный текст.

Выделение жирным стилями CSS

Жирный текст можно сделать не только с помощью специальных HTML тегов. Добиться вывода жирным шрифтом можно на любом теге задав ему свойство font-weight: bold; (работает не для всех шрифтов).

Такое выделение будет нести стилистический характер, не добавляя выделенному тексту логического веса.

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

Свойство CSS внутри атрибута style:

Текст жирным шрифтом.

 .bold_text 
Текст жирным шрифтом.
 
Текст обычным шрифтом.





 
Текст жирным шрифтом.

Что делать, если выделить текст жирным не получается

Если выделить текст жирным не получается, скорее всего на вашем сайте переопределены CSS стили элементов. В таком случае, вам придется откорректировать эти стили. В большинстве случаев это можно будет сделать через основной файл таблиц стилей CSS. Если вы в этом не разбираетесь, обратиться к веб-мастеру. С большой долей вероятности на решение этой проблемы потребуется не более 5-ти минут работы (хотя, конечно же, могут быть исключения).

Как сделать жирный шрифт в HTML?

В этой статье представлены способы, позволяющие использовать полужирный шрифт в HTML.

Как сделать полужирный шрифт при помощи CSS-свойства font-weight

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

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

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

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

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

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

Делаем текст полужирным используя тег жирного шрифта в html

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

Давайте рассмотрим пример того как выделить текст жирным в HTML при помощи тега :

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

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

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

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

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

HTML-тег	Когда применяется
	Используется для вывода полужирного шрифта HTML , имеющего ключевое значение.
	Этот элемент позволяет привлечь внимание с помощью выделения определенного фрагмента текста.
, , , , и	Эти теги используются для вывода подзаголовков различных уровней.
	Используйте этот тег, когда хотите обратить внимание на определенное слово или фразу в справочных целях.
	Этот элемент отражает важность и ценность обрамленного в него контента.

Элемент следует использовать, когда другие элементы выделения не подходят. Если точнее: то элементы от до служат для выделения заголовков, акцентирование внимания производится с помощью элемента , важные фрагменты следует выделять элементом , а текст справки можно отметить тегом .

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

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

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

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

Валентин Сейидов автор-переводчик статьи « HTML Bold »