Приветствую Вас Гость | Регистрация | Вход

Разметка HTML страницы сайта на основе блоков div и CSS свойства float

В этом видео уроке рассказывается о том, как выполняется разметка HTML страницы сайта на основе блоков div и CSS свойства float. Для того чтобы сделать каркас сайта на основе плавающих элементов нам понадобятся несколько блоков div, которые будут играть роль шапки сайта, сайдбаров (боковые части), основного блока с контентом, и нижней части сайта. Далее, при помощи стилей CSS и свойства float мы будем определять внешний вид этих блоков, их размеры и положение на HTML странице. Каждому тегу div необходимо присвоить идентификаторы через атрибут id. Это нужно для того, чтобы была возможность задавать определенные свойства конкретным блокам HTML страницы через стили CSS. В нашем случае получилось четыре блока div с идентификаторами header, sidebar, content и footer. Также для удобства можно обернуть все блоки в ещё один тег div и идентификатором wrapper. Ширину сайта и расположение по центру страницы можно сразу определить при помощи CSS свойств для блока wrapper, указав свойство width и margin с требуемыми значениями Видео урок «Разметка HTML страницы сайта на основе блоков div и CSS свойства float» вы можете смотреть онлайн в любое время совершенно бесплатно. Удачи Вам!




Если у Вас есть качественные видео уроки, которых нет на нашем сайте, то Вы можете добавить их в нашу коллекцию. Для этого Вам необходимо загрузить их на видеохостинг (например, YouTube) и добавить код видео в форму добавления уроков. Возможность добавлять свои материалы доступна только для зарегистрированных пользователей.