Отличия `<Br/>` от `<P><P/>` тегов

<br> и <p> делают совершенно не одно и то же.

<p> используется для обозначения параграфа (абзаца) текста, в то время как <br> - для создания отступа между строками/переноса текста на другую строку.

Вообще, в современных реалиях использовать br вообще не рекомендуется (кроме тех случаев, когда вам необходимо разделить текст). Все отступы делаются при помощи стилей. По крайней мере, должны.

Судя по всему, автор вопроса спрашивает про различие пустого <p></p> и <br.

Здесь дело в том, что по умолчанию браузер добавляет тегу p 2 отступа: один размером 1em снизу и один такой же сверху. Если текста внутри тега нет, то остается только один отступ, равный 1em (то есть как раз высоте одной строки текста грубо говоря).

Но br не создает отступа. Он переносит строку.

И тут нетрудно догадаться, что отступ размером в одну строку текста и одна пропущенная строка текста будут одинаковы по высоте (ну или почти). Так что, по сути, пустой p и тег br делают одно и то же, но совершенно разными путями, это да.

Ключевое же отличие у них в семантике: тег p используется для обозначение одного абзаца текста (а отступы - побочный эффект стандартной стилизации, от которого можно избавиться в одну строку CSS кода), а тег br используется именно для переноса строки.

Так что использовать <p></p> для создания отступа не стоит. Если вам нужно отделить одну часть текста от другой, воспользуйтесь br. А если вам нужно отделить друг от друга какой-то визуальный контент, используйте CSS отступы (различные).

<p> 
Здесь идет текст. Тег p используется для того, чтобы обозначить абзац текста.<br> 
Но здесь текст написан в том же абзаце, но уже на новой строке. 
Конечно, можно поставить несколько тегов br:<br><br><br> 
Ставлено 3 тега br: первый перешел на новую строку, второй и третий сделали то же самое, в результате чего было пропущено 2 строки. 
<p></p> 
А выше вставлен пустой тег p, который визуально сделал то же самое, что и один br, но семантически совершенно неверно. Дальше будет вставлен еще один тег p, но отступы у него будут убраны стилями, в результате чего отступа вы не увидите: 
<p style="margin: 0;"></p> 
Текст после тега p с убранными отступами. 
</p>

<br/> - это перенос строки. Тег <p> - создание параграфа(абзаца). таким образом в тег <p> должно содержаться текст с законченной мыслю, а <br /> - служит просто для переноса текста на новую строку.

Размер отступа у них разный. Тег <br/> - он больше годен в использовании внутри тегов таких как <p>, <td>...

Во многих визуальных редакторах новая строка обозначается как <p></p> - для удобности работы визуальных редакторов, а не потому что так правильно