Menu

Создание “жирного” текста в HTML (урок №6)

6 комментариев

HTML тег <b>

Самый распространенный способ привлечение внимания к тексту – это увеличение толщины и яркости букв. Владельцы сайтов привлекают внимание пользователей при помощи “жирного текста”.

 

Жирный текст в HTML

Для создания жирного текста нужен тег <b> 

Пример: <b> Привлекаем внимание </b> к тексту

Результат: Привлекаем внимание к тексту

 

Оптимизация жирности в тексте

Некоторые веб-мастера корректируют жирность текста. Они используют CSS код font-weight для изменения жирности текста.

Жирность имеет мизерное и максимальное значение:

  • Мизерное – 100
  • Максимальное 900

Разберем жирность текста на примере:

Результат:

Жирность текста

 

Как видно из примера выше: нет разницы между 700 и 900 / Также нет разницы между 400 и 700. Современные браузеры не распознают небольшие изменения жирности. По этой причине: текст получается или жирным (примерно от 500 до 900) или обычным (примерно от 100 до 500).

 

Жирный текст в CSS

Веб-мастеру рекомендуется не указывать числовые значения для создания жирности. Веб-мастеру лучше задействовать слова для производства жирности в тексте: bold (полужирный текст)|normal (нормальный текст).

Пример:

Результат:

Таким образом лучше всего делать либо жирный текст, либо обычный текст. Оптимизация жирности не дает ожидаемого эффекта. Важно помнить, что “жирным” следует выделять те участки текста, на которых пользователь должен заострить внимание. Рекомендуется выделять только несколько слов в предложении.



Подпишитесь!

Укажите свой электронный адрес


Производство подчеркиваний на веб-странице (урок №... Читая различные статьи на сайтах начинаешь обращать внимание на подчеркивания, выделения и цветовые колебания в тексте. ...
Создание абзацев в HTML (урок №3)... Абзацы важная составляющая в статье. Каждый крупный информационный ресурс использует абзацы в тексте. Создание аб...
Внедрение фона на веб-страницу (Урок №9)... Любая веб-страница наделена фоном, который является либо картинкой, либо каким-то цветом. Фон создается в CSS. Фоном...
Заголовки в HTML и CSS (урок N2) Веб-страницу трудно представить без заголовков. На миллионах сайтов расположены заголовки, они встречаются перед статьёй...
Позиционирование текста в HTML и CSS (Урок №8)... Позиционирование текста осуществляется с атрибутом align. Именно этот атрибут определяет в какой стороне будет находится...
Строительство маркированных, нумерованных и картин... Перед просмотром данной статьи рекомендуется изучить начальный урок - https://zavlekyxa.ru/sozdanie-pervoj-html-stra...
Курсивные буквы в HTML и CSS (урок №7)... Курсивный текст - это буквы, созданные в наклонном стиле. Пример: Прекрасно! Это Прекрасно! Курсивные буквы созда...
Создание первой HTML страницы на своем компьютере ... Создать веб-страницу реально на компьютере. Созданная страница не будет видна в интернете, она будет отображаться только...
Никогда не ошибается тот, кто ничего не делает. (Теодор Рузвельт)