Создание сайтов, поисковое продвижение, разработка веб-приложений.
+7 (987) 254-02-67
Email: feedback@goinweb.ru
ул. Новоженова 90/1, офис 419

Раньше сайты создавали с использованием таблиц. Заголовок, текст, картинка, меню располагались в отдельной ячейке. Одна ячейка располагалась в другой и так далее. Огромным минусом такой верстки является большой код. Каждую даже самую маленькую ячейку необходимо обозначить тегами. В результате появляется много ненужного мусора.

В чем преимущество блочной верстки?

oblochya-verstka

При использовании блочной верстки можно обойтись без жесткой конструкции табличной сетки. Каждый элемент страницы называется блоком. Эти блоки как кирпичики располагаются на странице. Особенность блоков состоит в том, что они всегда располагаются один под другим. Это расположение можно подкорректировать. В результате мы избавляемся от ненужного кода.

Что такое блок?

Блок это прямоугольная область, которая имеет определенные свойства: рамка, поля, отступы. Содержимое блока может быть любым.

Основные элементы блока.

Рамка (border) – контур, для которого задаются такие основные характеристики: толщина, цвет, тип.
Поля (padding) – отделяют содержимое блока от рамки.
Отступы (margin) – пустое пространство между блоками.
Тег – конструкция языка html. Например: Таким тегом выделяется абзац.
Тэг div сам по себе нейтральный. Ему все равно, что в нем находится. Он имеет свои атрибуты. Атрибут это описательная характеристика тэга.

Атрибуты тега div используют двух видов.
1.Атрибут id. С его помощью тегу придается уникальное значение. На странице его можно использовать только один раз.
2.Атрибут class. С его помощью можно придать одно и то же значение нескольким элементам.

Качественные cайты c облачной версткой.

Добавить комментарий

Защитный код
Обновить

Бесплатная консультация

Вам нужен сайт, но вы не знаете с чего начать? Оставьте ваши имя и телефон, мы перезвоним и бесплатно проконсультируем Вас.

Бесплатная консультация по телефону:

+7 987 2540267
Ежедневно c 10:00ч до 20:00ч.

 

Услуги | Портфолио | Блог | РБ
Перепечатка информации с сайта www.goinweb.ru, возможна только с указанием активной гиперссылки.
Веб-студия «GOINWEB»: Разработка, продвижение, обслуживание и поддержка веб-сайтов. E-mail:feedback@goinweb.ru
Яндекс.Метрика