как правильно оформить HTML код ?

Как должен выглядеть HTML код ?

Вот пример



1)

<h2>Заголовок</h2><br />
Привет<br />
Привет няшка<br />
Привет милашик<br />

<p style="text-align:center;"><img src="http://dle-faq.ru/templates/newfaq/assets/img/logo_new.png" alt="" title="" /></p><br />
<br />
<b>Привет</b><br />
<br />
Привет милашик няшик как дела ?.<br />
Ваще норм няшь<br />

2)

<h2>Заголовок</h2>
<p><br /> Привет<br /> Привет няшка<br /> Привет милашик</p>
<p style="text-align: center;"><img title="" src="http://dle-faq.ru/templates/newfaq/assets/img/logo_new.png" alt="" /></p>
<p><br /> <br /> <strong>Привет</strong><br /> <br /> Привет милашик няшик как дела ?.<br /> Ваще норм няшь</p>

3)

<h2>Заголовок</h2>
<p><br />Привет<br />Привет няшка<br />Привет милашик</p>
<p>&nbsp;</p>
<p style="text-align: center;"><img title="" src="http://dle-faq.ru/templates/newfaq/assets/img/logo_new.png" alt="" /></p>
<p>&nbsp;</p>
<p><strong>Привет</strong></p>
<p>Привет милашик няшик как дела ?.<br />Ваще норм няшь</p>
<p>&nbsp;</p>

4)

<h2>Заголовок</h2>
<p>Привет</p>
<p>Привет няшка</p>
<p>Привет милашик</p>
<p>&nbsp;</p>
<p style="text-align: center;"><img title="" src="http://dle-faq.ru/templates/newfaq/assets/img/logo_new.png" alt="" /></p>
<p>&nbsp;</p>
<p><strong>Привет </strong></p>
<p>Привет милашик няшик как дела ?.</p>
<p>Ваще норм няшь</p>

Привычнее всего писать для меня 4 вариантом но я посмотрел и так не кто не делает. Некоторые не ставить

<p>&nbsp;</p>

, а для тега

<p>

прописывают свой стиль который разделяет строчки но мне это не походит.
Пожалуйста помогите как писать правильно ?
И каким режимом писать правильный вариант Стандартный (BBCODES) или LiveEditor (WYSIWYG) или TinyMCE (WYSIWYG)

Люди добрые помогите и не судите строго я новенький в этих делах.