Как создавать заголовки полужирным и курсивом в HTML

Встраивайте теги разметки стиля курсивом и полужирным шрифтом в свой HTML код заголовка, чтобы выделить ваш список тем.

Заголовки

Теги заголовков - это самый простой способ разделить ваш документ. Если вы думаете о своем сайте как о газете, то заголовки - это заголовки в газете. Основной заголовок - это H1, а последующие заголовки - от H2 до H6.

Используйте следующие коды для создания HTML.

Это заголовок 1


Это заголовок 2


Это заголовок 3


Это заголовок 4


Это заголовок 5

Это заголовок 6

Держите заголовки в логическом порядке - H1 идет перед H2, который идет перед H3, и так далее.

Не беспокойтесь о том, как выглядят заголовки - вы должны использовать CSS для стиль заголовков вместо того, чтобы использовать заголовок не по порядку. Теги заголовков блочные элементы, поэтому они ставят за вас разрывы строк. Не помещайте теги абзацев внутри тегов заголовков.

Жирный и курсив

Есть четыре тега, которые можно использовать для полужирного и курсивного начертания:

  • а также для смелых
  • а также для курсива
instagram viewer

Неважно, что вы используете. Хотя некоторые предпочитают а также , многие люди находят для "жирный" и для "курсива" легче запомнить.

Просто окружите свой текст открывающими и закрывающими тегами, чтобы текст смелый или же курсив:

смелый
курсив

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

Например:

Этот текст выделен жирным шрифтом

Этот текст выделен жирным шрифтом

Этот текст выделен курсивом

Этот текст выделен курсивом

Этот текст выделен жирным шрифтом и курсивом.

Этот текст выделен жирным шрифтом и курсивом.

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

В HTML4 а также Теги считались тегами стиля, которые влияли только на внешний вид текста и ничего не говорили о содержимом тега, и их использование считалось дурным тоном. Затем в HTML5 им было придано семантическое значение, выходящее за рамки внешнего вида текста.

В HTML5 эти теги имеют особое значение:

  • обозначает текст, который не более важен, чем окружающий текст, но типичная типографская презентация - это жирный текст, например ключевые слова в аннотации документа или названия продуктов в обзоре.
  • обозначает текст, который не важнее окружающего текста, но типичное типографское представление - это курсивный текст, такой как название книги, технический термин или фраза на другом языке.
  • обозначает текст, который имеет большую важность по сравнению с окружающим текстом.
  • обозначает текст, в котором есть ударение по сравнению с окружающим текстом.

Курсив в заголовках

Ничто не мешает вам использовать курсивные теги в теге заголовка, хотя некоторые браузеры могут вырезать этот контекст. Обычно лучше использовать CSS, чтобы добиться желаемого визуального результата.

instagram story viewer