Тег жирного текста html примеры

Жирный текст html - как сделать шрифт толще в html, тег жирного текста в html, как сделать шрифт жирным через css, либо просто в коде html!

Подробно об увеличении толщины шрифта в html

1. Тег b - жирный текст с помощью тега
2. Тег strong - жирный текст с помощью тега
3. Жирный текст с помощью свойства font-weight и значения bold
4. Жирный текст с помощью свойства font-weight и значения bolder
5. Жирный текст со свойством -> font-weight 100
6. Жирный текст со свойством -> font-weight 200
7. Жирный текст со свойством -> font-weight 300
8. Жирный текст со свойством -> font-weight 400
9. Жирный текст со свойством -> font-weight 500
10. Жирный текст со свойством -> font-weight 600
11. Жирный текст со свойством -> font-weight 700
12. Жирный текст со свойством -> font-weight 800
13. Жирный текст со свойством -> font-weight 900

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

Есть несколько тегов, которые могут сделать "текст жирным html" и один из этих тегов это "тег b".

Поскольку данный тег отвечает за начертание текста жирным, то логично, чтобы он был здесь!

Тег b - жирный текст синтаксис

<b>текст</b>

Для того, чтобы сделать текст жирным с помощью тега b, нам понадобится какое-то предложение с текстом:

Html: <p>Здесь простой текст, стандартной толщины, а здесь <b>текст жирный</b>.</p>

Результат увеличения жирности текст а с помощью тега b:

Здесь простой текст, а здесь жирный.



Тег strong - жирный текст с помощью тега

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

Также не вижу смысла делать отдельную страницу для тега strong - поскольку он выполняет ту же работу, что и предыдущий тег - делает текст жирнее!

Тег strong - жирный текст синтаксис

<strong>текст</strong>

Для иллюстрации работы тега "strong", нам опять понадобится предложение.

Пример жирного текста с помощью тега strong

<p>Здесь простой текст, а здесь, сделанный с помощью тега, strong <strong>жирный</strong>.</p>

Результат увеличения жирности текст а с помощью тега strong :

Здесь простой текст, а здесь, сделанный с помощью тега, strong жирный.



Жирный текст с помощью свойства font-weight и значения bold

Следующим пунктом разберем, как работает " жирный текст" с помощью свойства font-weight и значения bold.

Как вы знаете, что существует "3 способа css" - естественно, что мы не будем использовать все, а рассмотрим применение стилей внутри тега.

font-weight:bold - жирный текст синтаксис

Пример синтаксиса с тегом span

<span style="font-weight:bold">жирный текст</span>

Далее нам опять потребуется предложение с простым текстом и обернутым в тег со свойствами "font-weight:bold":

Html:

Используем в теге свойство "font-weight:bold" и получим <span style="font-weight:bold">жирный текст</span>

Результат увеличения жирности текст а с помощью "font-weight:bold":

Используем в теге свойство "font-weight:bold" и получим жирный текст.



Жирный текст с помощью свойства font-weight и значения bolder

Снова "жирный текст" с помощью того же свойства font-weight но значение bolder.

Опять же будем использовать стили внутри тега

font-weight:bolder - жирный текст синтаксис

Пример синтаксиса с тегом span

<span style="font-weight:bolder">жирный текст</span>

Далее нам опять потребуется предложение с простым текстом и обернутым в тег со свойствами "font-weight:bolder":

Html:

Используем в теге свойство "font-weight:bolder" и получим <span style="font-weight:bolder">жирный текст</span>

Результат увеличения жирности текст а с помощью "font-weight:bolder":

Используем в теге свойство "font-weight:bolder" и получим жирный текст.



Жирный текст со свойством font-weight 100

<div style="font-weight: 100">Жирный текст со свойством 100</div>
Жирный текст со свойством 100



Жирный текст со свойством font-weight 200

<div style="font-weight: 200">Жирный текст со свойством 200</div>
Жирный текст со свойством 200



Жирный текст со свойством font-weight 300

<div style="font-weight: 300">Жирный текст со свойством 300</div>
Жирный текст со свойством 300



Жирный текст со свойством font-weight 400

<div style="font-weight: 400">Жирный текст со свойством 400</div>
Жирный текст со свойством 400



Жирный текст со свойством font-weight 500

<div style="font-weight: 500">Жирный текст со свойством 500</div>
Жирный текст со свойством 500



Жирный текст со свойством font-weight 600

<div style="font-weight: 600">Жирный текст со свойством 600</div>
Жирный текст со свойством 600



Жирный текст со свойством font-weight 700

<div style="font-weight: 700">Жирный текст со свойством 700</div>
Жирный текст со свойством 700



Жирный текст со свойством font-weight 800

<div style="font-weight: 800">Жирный текст со свойством 800</div>
Жирный текст со свойством 800



Жирный текст со свойством font-weight 900

<div style="font-weight: 900">Жирный текст со свойством 900</div>
Жирный текст со свойством 900