Тег <br> - это одинарный тег (т.е нет закрывающегося тега) Он говорит системе о том, что всё, что после него нужно переносить на новую строку.
Тег <hr> - это одинарный тег (т.е нет закрывающегося тега) Он говорит системе о том, что нужно использовать горизонтальную линию сверху или снизу.
Комментарии на html странице необходимы для того чтобы быстро вспомнить что, где находится на странице. Если html кода очень много, бывает трудно вспомнить каждый блок. Поэтому необходимо оставлять комментарии.
Комментарий открывается < ! — — далее пишется текст комментария и затем закрывается с помощью — — >. Но если написать комментарий в теге <title></title> то комментарий будет показан в заголовке страницы. Во всех остальных случаях браузер будет игнорировать этот кусок кода.
Пробуйте всё прописать руками. Тогда вы лучше запомните и будете помнить, где и как их применить.
<html>
<body>
<p>Это <br>пара<br>граф с переносами строк</p>
</body>
</html>
Сохраните файл под именем 5br.html
<html>
<body>
<p>Этот параграф отобразится сверху горизонтальной полосы.</p>
<hr>
<p>Этот параграф отобразится снизу горизонтальной полосы.</p>
</body>
</html>
Сохраните файл под именем 6hr.html
<html>
<body>
Этот текст будет показан в окне браузера.
<!-- Этот текст не будет показан, это комментарий. -->
</body>
</html>
Сохраните файл под именем 7com.html
<body>
<p>
Чтобы выполнить перенос<br>строк<br>в
<br>параграфе,<br>используйте тег br.</p>
</body>
</html>
Сохраните файл под именем 8br.html
<html>
<body>
<p>
В лесу родилась елочка.
В лесу она росла.
Зимой и летом стройная,
Зеленая была.
</p>
<p>Обратите внимание, что браузер просто проигнорировал использованное форматирование!</p>
</body>
</html>
Сохраните файл под именем 9p.html
<body>
<p>Тег <hr> определяет горизонтальную линейку :</p>
<hr>
<p>Это параграф</p>
<hr>
<p>Это параграф</p>
</body>
</html>
Сохраните файл под именем 10hr.html
<body>
<!--Этот комментарий выводиться не будет-->
<p>Это обычный параграф.</p>
</body>
</html>
Сохраните файл под именем 11com.html