DWWEB.RU
СКРИПТЫ

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

2018/04/17 Марат 670 0 HTML | CSS | FONTS |

Нам требуется сделать текст жирным! Либо весь текст либо часть должна иметь жирное начертание – давайте разберёмся. Как это делается! Есть множество способов сделать текст жирным!

Первое, что сразу приходит на ум и самое простое, это использование тега «b»

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


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

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

    Результат:

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


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

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

    Результат:

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


    Жирный текст с помощью font-weight

  3. Вариант жирности текста - это использование свойств шрифта, мы уже немного касались данной темы , но не говорили о толщине .

    За жирное начертание текста отвечает свойство шрифта - "font-weight"

    Использование:

    p {font-weight: bold} Напоминаю, что можно использовать такие вещи - здесь свойство шрифта, как на отдельной странице, либо на всем сайте используя файл css либо через «style = ""» в любом месте страницы...

    Имя шрифта, кроме как «bold» = полужирный, может быть «bolder» = Жирный, и цифровой «100–900» = 100 — светлый шрифт, 900 — самый жирный

    Пример использования свойств шрифта для отображения жирного текста...

    Тут есть важное замечание. что не все шрифты поддерживают различные свойства - поэтому -нужно смотреть спецификацию шрифта...


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

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


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

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


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

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

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

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


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

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


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

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


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

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


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

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


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

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


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

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


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

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

Не забудь !
Оставить комментарийCOMMENTS+
Сообщений пока нет - Вы можете стать первым
BBcode
нажмите, чтобы загрузить аватар
Загрузить свой аватар(max ширина, высота = 100px) ( как это работает)

Закрыть
+ =
Подписаться
Теги:
как сделать чтобы все теги были жирным в htmlжирный шрифтhtml жирный текст

НАШИ ПРОЕКТЫ : Проекты находятся в разной степени готовности (просто их столько, что времени не хватает…) Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2019