Перенос строки в HTML: примеры и правила

Перенос строки в HTML достигается с помощью использования тега "br". Вот примеры кода, показывающие различные способы использования этого тега:

1. Простой перенос строки:

<p>Первая строка<br>Вторая строка</p>

В результате получим:

Первая строка
Вторая строка

2. Множественные переносы строки:

<p>Текст первой строки<br><br><br>Текст второй строки</p>

Результат:

Текст первой строки

Текст второй строки

3. Перенос строки в списке:

<ul>
  <li>Первый пункт списка</li>
  <li>Второй пункт списка<br>Текст новой строки</li>
  <li>Третий пункт списка</li>
</ul>

Результат:

• Первый пункт списка
• Второй пункт списка
  Текст новой строки
• Третий пункт списка

4. Использование переноса строки в заголовке:

<h2>Заголовок с переносом<br>строки</h2>

Результат:

Заголовок с переносом
строки

5. Перенос строки в абзаце с помощью стилей CSS:

<p style="white-space: pre;">Первая строка
Вторая строка</p>

Результат будет таким же, как в первом примере.

Важно отметить, что использование тега "br" следует соблюдать с осторожностью и использовать его только для обозначения переноса строки. Вместо этого, для создания разных абзацев или блоков текста, лучше использовать соответствующие теги, такие как "p" или "div".

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