Как сделать жирный шрифт в HTML?
В этой статье представлены способы, позволяющие использовать полужирный шрифт в HTML.
Обновлено: 2021-02-11 09:33:08 Валентин Сейидов автор материала
Как сделать полужирный шрифт при помощи 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 »
font-weight
Устанавливает насыщенность шрифта. Значение устанавливается от 100 до 900 с шагом 100. Сверхсветлое начертание, которое может отобразить браузер, имеет значение 100, а сверхжирное — 900. Нормальное начертание шрифта (которое установлено по умолчанию) эквивалентно 400, стандартный полужирный текст — значению 700.
Синтаксис
Значения
Насыщенность шрифта задаётся с помощью ключевых слов: bold — полужирное начертание, normal — нормальное начертание. Также допустимо использовать условные единицы от 100 до 900. Значения bolder и lighter изменяют жирность относительно насыщенности родителя, соответственно, в большую и меньшую сторону.
HTML5 CSS2.1 IE Cr Op Sa Fx
font-weight Duis te feugifacilisi
, 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. Применение свойства font-weight
Объектная модель
[window.]document.getElementById(» elementID «).style.fontWeight
Браузеры
Браузеры обычно не могут адекватно показать требуемую насыщенность шрифта, поэтому переключаются между значениями bold , normal и lighter . На практике же начертание в браузерах обычно ограничено всего двумя вариантами: нормальное начертание и жирное начертание.
HTML b и strong
HTML теги и преобразуют текст в полужирный:
| Теги, преобразующие текст в полужирный. Теги, преобразующие текст в полужирный. |
Теги, преобразующие текст в полужирный.
Теги, преобразующие текст в полужирный.
В XHTML также присутствуют HTML теги и .
Информационные технологии стоят дорого
Возможно ли счастье в современном Мире? А вы знаете, что есть современный Мир?
Телекоммуникационная революция началась в середине 70-х годов и слилась с компьютерной. Она связана с созданием и развитием оптико-волоконных и спутниковых технологий. Слияние компьютерной и телекоммуникационной технологии привело к появлению на рынке нового вида товаров и услуг. Информационная и телекоммуникационная индустрия сегодня превратились в ключевой сектор экономики развитых государств. Информационные технологии стоят достаточно дорого, что обеспечивает мировым информационным лидерам высокий жизненный стандарт. Кроме этого, лидирование в сфере информационных технологии дает им возможность претендовать на лидерство в политике.
Автор проекта — Вася Митин | Дата публикации: Февраль 2010 | Обновление: Ноябрь 2018
HTML 5 теги 
HTML , 
Теги
© 2009 — 2023 | При использовании материала, ссылайтесь на мой сайт!
По всем вопросам обращайтесь: go@ab-w.net | HTML b и strong? – Не вопрос!
— жирное выделение текста
HTML-элемент является частью текста стилистически отличающейся от нормального текста, не носящий какого-либо специального значения или важности, и как правило выделен жирным шрифтом.
| Content categories (en-US) | Flow content (en-US) , phrasing content (en-US) , palpable content. |
|---|---|
| Разрешённый контент | Phrasing content (en-US) . |
| Tag omission | Нет, открывающий и закрывающий теги обязательны. |
| Permitted parents | Any element that accepts phrasing content (en-US) . |
| Permitted ARIA roles | Any |
| DOM interface | HTMLElement Up to Gecko 1.9.2 (Firefox 4) inclusive, Firefox implements the HTMLSpanElement interface for this element. |
Атрибуты
Указания по применению
- Используйте в таких случаях, как ключевые слова в кратком содержании, имена продуктов в отзыве, или других частях текста, которые обычно выделяют жирным.
- Не путать элемент с , , или элементами. Элемент представляет собой текст определённой важности, делает некий акцент на тексте, и элемент представляет собой текст определённой значимости. Элемент не содержит специальной семантической информации, используйте его только в том случае, если другие не подошли.
- Также не помечайте заглавия и заголовки элементом . Для этих целей используйте элементы с (en-US) до (en-US) . К тому же CSS может изменять стандартный вид этих элементов, в результате чего они не всегда будут выделены жирным текстом.
- Хорошей практикой является использование атрибута class на элементе для того, чтобы передать дополнительную семантическую информацию (например, для первого предложения в абзаце). Это упрощает разработку различных стилизаций веб-документа без надобности менять его HTML-код.
- Исторически, элемент был задуман для выделения текста жирным шрифтом. Информация о стилизации устарела, начиная с HTML4, значение элемента было изменено.
- Если нет семантической причины использовать элемент , использование css свойства font-weight (en-US) со значением bold будет более грамотным выбором для изменения толщины текста.
Пример
.keywords color: red; >
p> В этой статье описывается элемент для форматирования b class="keywords">текстаb>. Она объясняет его использование в документе b class="keywords">HTMLb>. p>
Ключевые слова с тегом , отображаемые со стилем, выделены жирным шрифтом.
Спецификации
| Specification |
|---|
| HTML Standard # the-b-element |
Совместимость с браузерами
BCD tables only load in the browser