Мастерство в использовании жирного текста в HTML

Введение

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

Примечание: Вы можете практиковать программирование в index.html и изучить Как писать HTML в Visual Studio Code. Нажмите на кнопку 'Go Live' в нижнем правом углу, чтобы запустить веб-сервис на порту 8080. Затем можно обновить вкладку Web 8080, чтобы просмотреть веб-страницу.

Это Guided Lab, который предоставляет пошаговые инструкции, чтобы помочь вам учиться и практиковаться. Внимательно следуйте инструкциям, чтобы выполнить каждый шаг и получить практический опыт. Исторические данные показывают, что это лабораторная работа уровня начальный с процентом завершения 100%. Он получил 100% положительных отзывов от учащихся.

Настройте HTML-файл

Создайте новый файл под названием index.html в вашем редакторе кода. В теле документа добавьте абзац с некоторым текстом, который вы хотите сделать полужирным.

<body>
  <p>Here is some text that needs to be bold.</p>
</body>

Добавьте тег b

Чтобы сделать текст полужирным, оберните его в теги <b> так:

<body>
  <p>Here is some <b>bold</b> text.</p>
</body>

Стандартный стиль CSS

Стандартный стиль CSS для тега <b> выглядит так:

<style>
  b {
    font-weight: bold;
  }
</style>

Лучшие практики

Избегайте чрезмерного использования тега <b>. Используйте его только для важного текста, требующего акцента.
Для заголовков используйте теги <h1> по <h6> вместо тега <b>.
Для акцентирования текста используйте вместо этого тег <em>. Этот тег также делает текст курсивом, а не полужирным.
Для важного текста используйте тег <strong>. Этот тег сделает текст полужирным и покажет его важность для поисковых систем.

Резюме

Вот и все! Теперь вы знаете, как использовать HTML-тег <b> для создания полужирного текста на вашей веб-странице. Не забудьте использовать этот тег правильно и следовать лучшим практикам для получения оптимальной разметки.

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