Точно так же, как книги или журналы, HTML включает в себя ряд различных элементов для определения ролей текстового содержимого, таких как заголовки, абзацы, списки и т. д.
Заголовки
Заголовки используются в качестве названий разделов в HTML-документе. В общем, они должны описывать последующее содержание. Существует шесть уровней заголовков (h1- h6), и их можно использовать иерархически для создания подразделов на нескольких уровнях внутри содержимого. Заголовки являются блочными элементами по умолчанию.
Важно выбирать заголовки исходя из их значения в иерархии документа, а не размера шрифта. Размер шрифта можно изменить с помощью CSS.
Однако h1на странице должен быть только один, и он служит заголовком страницы. Остальные заголовки могут повторяться не раз.
Важно помнить, что хотя заголовки имеют стили по умолчанию, их не следует выбирать на основе внешнего вида (это работа CSS). Вместо этого они обозначают уровень важности текста в виде заголовка или подзаголовка.
Абзацы (<p>) и менее важный текст (<small>)
Абзацы (<p>)
Абзацы используются для блоков текста (так же, как при письме). Абзацы по умолчанию являются блочными элементами.
Менее важный текст (<small>)
Тег <small> представляет менее важный текст, побочный комментарий, информацию об авторских правах или юридическую информацию.
Полужирный (<strong>) и курсив (<em>)
Полужирный (<strong>)
<strong> – встроенный элемент, используемый для добавления важности тексту. По умолчанию и чаще всего он делает текст полужирным.
Курсив (<em>)
<em> – это встроенный элемент, который добавляет акцент к тексту. По умолчанию и чаще всего он выделяет текст курсивом.
Списки
Существует два типа основных списков — ненумерованные и упорядоченные списки. По умолчанию оба являются блочными элементами.
Элемент <li> представляет элемент списка. Если его родительский элемент является элементом <ol> или <ul>, то этот элемент является элементом списка родительского элемента, как определено для этих элементов.
Списки могут быть вложены в списки для создания иерархии подсписков.
Ненумерованные списки (<ul>)
Элемент <ul> представляет собой список элементов, где порядок элементов не важен, т. е. изменение порядка существенно не изменит значение списка. По умолчанию элементы списка в ненумерованных списках обозначаются символом маркера.
Упорядоченные списки (<ol>)
Элемент <ol> представляет собой список, где элементы были намеренно упорядочены, так что изменение порядка изменит значение списка.
Разделение элементов
Хотя сами по себе они не являются текстом, эти самозакрывающиеся элементы указывают на разрывы в потоке текста или информации. Как таковые, каждый из них имеет очень специфическое значение для контента, в который они помещены.
Важно использовать эти элементы только тогда, когда их использование имеет реальное значение для документа. Они не предназначены для использования в декоративных или стилистических целях.
Горизонтальное разделение
Элемент <hr> – разделитель, представляющий собой тематический разрыв на уровне абзаца. Тег <hr> является самозакрывающимся и не требует отдельного закрывающего тега.
Тег не следует использовать в любом месте, где вы хотите провести линию между содержимым (для этого вы должны применить границу с помощью CSS). Скорее важно использовать его только там, где есть сдвиг в темах между элементами основного текста.
Break (<br>)
<br> представляет собой возврат или разрыв новой строки, которая является неотъемлемой частью текстового содержимого. Тег также является самозакрывающимся и не требует отдельного закрывающего тега.
<br> не следует использовать в качестве общего разрыва строки, а только в таком содержании, как поэзия или почтовые адреса, где разрывы строк можно считать частью текстового сообщения.
Вы легко можете повторить то, что написано у меня в коде!