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

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

Устанавливает жирное начертание шрифта. Допустимо использовать этот тег совместно с другими тегами, которые определяют начертание текста.

Синтаксис

Текст

Закрывающий тег

Атрибуты

Аналог CSS

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

HTML5 IE Cr Op Sa Fx

      
Lorem ipsum dolor sit amet
 
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.





  

Результат данного примера показан на рис. 1.

Рис. 1. Вид жирного начертания шрифта в тексте

Примечание

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

Статьи по теме

• Начертание
• Форматирование текста

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

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

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

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

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

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

См. также

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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





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

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

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

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

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

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

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

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

Синтаксис

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

Тег в HTML5

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

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

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

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

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

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

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

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

by Lebedev

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