В этом уроке рассказывается о блочной модели верстки. Существуют два подхода к верстке веб-страниц — блочная верстка и табличная верстка. Табличная верста уже не пользуется высокой популярностью, она достаточно неудобна. Блочная верстка сайтов очень удобна, гибкая и понятная. Основной элемент верстки — тег . У блоков есть основные параметры — ширина и высота. Также в этом уроке разбираются такие понятия как внешний (margin) и внутренний (padding) отступы. Во время урока у меня не получилось отцентровать ссылку, сделав ее блочным элементом...

Сегодня рассмотрим такую важную тему, как блочная верстка. Ее суть заключается в разбиении веб-страницы на блоки с информацией. Это делается для удобства разработки и ознакомления с контентом. В самом начале сайта рекомендуется разместить тэг <header>. В нем будет вся шапка вашего сайта с дескрипшоном и прочими фичами. Далее следуют секции (тэги <section>). Если ваш сайт одностраничный, рекомендуется делать навигацию по секциям в шапке. Об этом в следующей статье. Тэги <section> в свою очередь разделяются на блоки <div>, а те - на блоки <span>...