Понедельник, 03 Декабрь 2018 02:33

Параграфы и блоки

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

  Начнём с самих тегов, как правило, в вёрстке используется тег 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 /> ~ перенос каретки на следующую строку, а также с добавлением разделительной черты, пример:


Спонсоры: