Начнём с самих тегов, как правило, в вёрстке используется тег div:
<div> </div>
Этот тег создаёт «контейнер» содержимое, которого можно перемещать, куда душе вздумается (как мыльный пузырь, кстати, хорошая аналогия, если этот «пузырь» не правильно оформить – то он «лопнет»), делается это, как правило, посредством таблицы стилей CSS.
Но div не единственный тег для блоков, он скорее «общепринятый».
Также есть ещё один тег «контейнер» – span отличия от div никакого.
<span> </span>
От предыдущих двоих отличается только тег параграф p:
<p> </p>
Его отличие заключается в том, что он «по умолчанию» делает отступы, однако посредством CSS это отличие также можно устранить.
Контейнеры можно писать внутри контейнера, пример:
<div align="justify">Пример
<div align="center">Текст примера</div>
<div align="right">Текст примера</div>
</div>
Атрибут «align» – указывает положение содержимого:
left – расположение слева;
right – расположение справа;
center – расположение по центру;
justify – растягивание на всю ширину (при положении слева).
Также хочется уделить немного внимания ещё двум тегам:
<br /> ~ перенос каретки на следующую строку.
<hr /> ~ перенос каретки на следующую строку, а также с добавлением разделительной черты, пример:
