Как сделать полужирный шрифт при помощи CSS-свойства font-weight
Не знаете как сделать текст жирным в CSS? CSS предоставляет нам специальное свойство font-weight, которое позволяет вывести полужирное начертание CSS.
Давайте взглянем на следующий пример:
Пример полужирного текста при помощи CSS… …а также полужирного выделения всего абзаца.
Пример полужирного текста при помощи CSS… …а также полужирного выделения всего абзаца.
С помощью этого свойства также можно указывать плотность текста. К тому же вы сможете определять текст, который не требуется выделять.
В приведенном выше примере используются встроенные стили. Но я настоятельно рекомендую вам использовать внешние файлы и CSS-классы, так как это поможет применять единую стилизацию ко всем страницам сайта одновременно.
Жирный шрифт как способ выделить главное
Наиболее ярко и броско выглядят слова, выделенные с помощью жирного шрифта. Такие слова и фразы сразу бросаются в глаза. Итак, для того чтобы научиться быстро выделять в тексте нужные места, следует запомнить специальный HTML-код. Жирный шрифт выставляется с помощью парного тэга .
Перед словом или фразой, предложением, которые должны быть выделены, ставится открывающий тэг . После последней буквы в тексте, который следует выделить, ставится закрывающий тэг
. Все, что оказывается между этими двумя тэгами, при отображении в браузере имеет жирное начертание.
Делаем текст полужирным используя тег жирного шрифта в html
Большинство людей, знакомых с языком гипертекста, когда видят жирный шрифт HTML, сразу же вспоминают о теге .
Давайте рассмотрим пример того как выделить текст жирным в HTML при помощи тега :
Пример полужирного текста при помощи HTML-тега… …а также полужирного выделения всего абзаца.
Пример полужирного текста при помощи HTML-тега… …а также полужирного выделения всего абзаца.
HTML-тег — самый быстрый способ вывести текст полужирным.
Жирный текст на HTML
Для выделения определенного текста жирным используются специальные HTML теги — и . Например следующий код:
| Обычный текст. Жирный текст . Жирный текст strong. |
Обычный текст.
Жирный текст.
Жирный текст strong.
На выходе дает такую картинку:
Последние два варианта визуально выглядят одинаково, однако они между собой немного отличаются. Тег задает простое стилистическое выделение слова жирным шрифтом, тогда как добавляет при этом некое семантическое «усиленное» (важное) значение. То есть последняя строка — это не просто жирный текст, а какая-то важная информация. В принципе, для поисковиков рекомендуют использовать именно .
Вы также можете встретить прописанный в HTML жирный шрифт с помощью стилей:
| Пример жирного текста. Пример текста с жирным словом. |
Пример жирного текста.
Пример текста с жирным словом.
На сайте это отображается так:
Не смотря на то, что код жирного текста для HTML работает корректно, так делать не следует. Все стили оформления должны быть вынесены в CSS файл. Поэтому в примере выше вы должны были для тегов
и указать соответствующий класс, а затем прописать его оформление в таблице стилей. Такие вот правила оформления кода. Поэтому для жирного шрифта в HTML используйте тег .
,
,
,
и
Как сделать красивый шрифт в html: размеры, цвета, теги шрифтов html
Элемент следует использовать, когда другие элементы выделения не подходят. Если точнее: то элементы от
