Как сделать жирный текст с попомьщью html и css?

Количество просмотров: 479

Существует несколько способов сделать жирным текст в hmtl документе.

С помощью следующих html тегов:

  • тег <strong>
  • тег <b>

Тег <strong> - логический тег предназанчен для акцентации, т.е. выделения важного в тектсе. Браузеры, выделенное тегом <strong> отображают жирным начертанием.

Пример использования <strong>Какой то супер текст</strong>

Тег <b> - предназначен для выделения текста, без акцентации, т.е. без придания важности выделенному тексту.

Пример использования. <b>Этот текст будет жирным</b>

Внимание! Если для вас важна SEO оптимизация, то не используйте теги <strong> и <b> больше 1-2 раз на страницу. Иначе поисковые системы могут воспринять это как переспам.

Делаем текст Жирным с помощью CSS.

Пропишем inline css стили и сделаем его жирным

<p>Это слово будет <span style="font-weight:600">жирным</p>
или
<p>Это слово будет <span style="font-weight:bold">жирным</p>

CSS свойство font-weight - устанавливает нассыщенность (жирность) шрифта.

Принимает следующие значения - bold|bolder|lighter|normal|100|200|300|400|500|600|700|800|900

normal — нормальное начертание, bold — полужирное. Допустимо использовать условные единицы от 100 до 900. Значения bolder и lighter изменяют жирность относительно насыщенности родителя, в большую и меньшую сторону.

Применяем теже стили для тега span

span{
	font-weight:bold;
}
или делаем отдельный класс что более правильно
.bold{
	font-weight:bold;
}

Теперь любой текст обернутый в тег span или с классом bold будет иметь полужирное начертание.

Также вам может быть интересна статья о том как сделать текст курсивом.

© 2015-2018 Goodweb.me --- Карта сайта --- info@goodweb.me

Наверх