Теги заголовков (<h1>, <h2>, ..., <h6>)
- Описание: Теги заголовков используются для обозначения заголовков и подзаголовков на веб-странице. Они помогают структурировать контент и делают его более читаемым.
- Иерархия:
<h1>: Самый важный заголовок, обычно используется для основного заголовка страницы.<h2>: Подзаголовок второго уровня, используется для разделов.<h3>: Подзаголовок третьего уровня, используется для подразделов- и так далее до
<h6>.
Пример
<h1>Заголовок первого уровня</h1>
<h2>Заголовок второго уровня</h2>
<h3>Заголовок третьего уровня</h3>
и т.д.
Тег абзаца (<p>)
- Описание: Тег
<p> используется для создания абзацев текста. Он автоматически добавляет отступы до и после текста, что улучшает читаемость.
Пример
<p>Это первый абзац.</p>
<p>Это второй абзац.</p>
Переносы строк
При создании HTML-документа в текстовом редакторе, таком как Блокнот, переносы на новую строку могут быть важны для структурирования кода и повышения его читаемости. Однако в HTML переносы строк не влияют на отображение текста в браузере.
Браузеры игнорируют лишние пробелы и переносы строк, если они не оформлены специальными тегами.
Если вам нужно сделать перенос строки в самом тексте, используйте тег
<br>. Этот тег создает разрыв строки, и текст после него будет отображаться на новой строке.
Пример
<p>Это первый абзац.<br>Это текст на новой строке.</p>
Для удобства чтения кода всегда используйте переносы строк между тегами.
Пробелы
В HTML количество пробелов также игнорируется. Браузеры обрабатывают последовательные пробелы как один. Тем не менее, есть несколько моментов, которые стоит учитывать:
- используйте пробелы для форматирования кода, что позволит улучшить читаемость.
Пример
<div>
<h2>Подзаголовок</h2>
<p>Текст абзаца.</p>
</div>
- Если нужно вставить несколько пробелов в текст, используйте специальный символ
(неразрывный пробел). Этот символ позволяет браузеру отображать несколько последовательных пробелов.
Пример
<p>Это текст с несколькими пробелами.</p>
