Как делать блоки?

almac:

При написании кода HTML у вас есть возможность использовать тег lt;divgt;, который необходимо закрывать (соответствующим тегом lt;/divgt;). Данный тег является условным, то есть браузер никак не реагирует на его присутствие, но очень важно, что созданный при помощи этого тега блок можно настраивать с помощью CSS.

Пример:

lt;divgt;

» » lt;pgt;Здесь ваш текстlt;/pgt;

lt;/divgt;

Это и есть блок, внутри которого расположена информация. Для чего вообще нужен блок (с тегом lt;divgt;)? Дело в том, что удобнее всего всю информацию на странице разбивать на блоки. Например, самый верхний блок (шапка, или header), блок с контентом, блок с меню и т.д. Все эти блоки, как правило, содержатся в основном блоке (контейнере).

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

В дополнение можно сказать, что не существует блочной, либо табличной верстки (верстка — написание HTML-кода и CSS). Те, кто придумал эти стандарты, рекомендуют использовать семантически верный HTML-код; то есть нужно подбирать каждый тег по смыслу: например, если нужно верстать список новостей, то нужно это делать при помощи списков, а таблицы стоит использовать только для верстки табличных данных (к примеру, таблицы с ценами на товары). Также нужно стараться обходиться как можно меньшим количеством блоков с тегом lt;divgt;.