Создание сайтов, поисковое продвижение, разработка веб-приложений.
+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 облачной версткой.

Комментарии  

#1 sad 20.04.2018 07:16
온카지노 http://www.88nat.com 온카지노
온카지노 http://www.88tut.com 온카지노도메인
온카지노 http://www.88qnt.com 온카지노먹튀
온카지노 http://www.99uts.com 온카지노주소
온카지노 http://www.99kmt.com 온카지노사이트
온카지노 http://www.88nat.com 타이샨카지노
온카지노 http://www.88tut.com 온라인카지노
온카지노 http://www.88qnt.com 라이브카지노
온카지노 http://www.88qnt.com 온 카지노
온카지노 http://www.99uts.com On Casino
온카지노 http://www.99kmt.com 온카지노추천
온카지노 http://www.88tut.com 카지노사이트
온카지노 http://www.cnn94.com 온카지노
OK카지노 http://www.efm84.com 오케이카지노
오케이카지노 http://www.efm84.com OK카지노
vic카지노 http://www.btk55.com 빅카지노
빅카지노 http://www.btk55.com vic카지노
먹튀제보 http://www.mtpark.net 먹튀검증
먹튀검증 http://www.mtpark.net 먹튀제보
온카지노 http://www.88nat.com 온카지노
온카지노 http://www.88tut.com 온카지노도메인
온카지노 http://www.88qnt.com 온카지노먹튀
온카지노 http://www.99uts.com 온카지노주소
온카지노 http://www.99kmt.com 온카지노사이트
온카지노 http://www.88nat.com 타이샨카지노
온카지노 http://www.88tut.com 온라인카지노
온카지노 http://www.88qnt.com 라이브카지노
온카지노 http://www.88qnt.com 온 카지노
온카지노 http://www.99uts.com On Casino
온카지노 http://www.99kmt.com 온카지노추천
온카지노 http://www.88tut.com 카지노사이트
온카지노 http://www.cnn94.com 온카지노
OK카지노 http://www.efm84.com 오케이카지노
오케이카지노 http://www.efm84.com OK카지노
vic카지노 http://www.btk55.com 빅카지노
빅카지노 http://www.btk55.com vic카지노
먹튀제보 http://www.mtpark.net 먹튀검증
먹튀검증 http://www.mtpark.net 먹튀제보
#2 profile9266 02.11.2018 16:58
Need cheap hosting? Try webhosting1st, just $10 for an year.

http://zumhexenkessel.de/images/photos/3125/3/15d55450f7400c6a49efe843.jpg
#3 Dexter 27.12.2019 05:12
You've gotten the best online websites.
ricostruzione unghie con semipermanente: http://newtargetgroup.it/ricostruzione-unghie-con-semipermanente/ allungare un vestito con tulle: http://newtargetgroup.it/allungare-un-vestito-con-tulle/ dimensioni pisello: http://nnet.it/dimensioni-pisello/
lunghezza media pene
18 anni: http://nnet.it/lunghezza-media-pene-18-anni/ operazioni pene: http://newtargetgroup.it/operazioni-pene/
#4 Tayla 28.12.2019 07:10
Astonishingly individual friendly site. Tremendous details offered on few clicks.


https://extrawalcz.pl: http://extrawalcz.pl/pl/656_materialy_partnera/3073_co_zrobic_by_spedzic_urlop_bez_nerwow.html https://www.placpigal.pl: http://www.placpigal.pl/blog/jak-zdobyc-umiejetnosci-i-doswiadczenie-na-studiach/ https://www.tvobiektyw.pl: http://www.tvobiektyw.pl/wiadomosci/s/6741,co-w-pracy-najbardziej-nas-stresuje https://www.lubelska.tv: http://www.lubelska.tv/wiadomosci/s/6413,jak-utrzymac-staly-kontakt-z-praca https://www.ta-praca.pl: http://www.ta-praca.pl/spersonalizowac-gotowy-szablon/
#5 Marguerite 28.12.2019 09:36
Awesome Web page, Continue the fantastic work. Thanks a ton!
https://extrawalcz.pl: http://extrawalcz.pl/pl/656_materialy_partnera/3073_co_zrobic_by_spedzic_urlop_bez_nerwow.html https://www.kronikatygodnia.pl: http://www.kronikatygodnia.pl/wiadomosci/s/7496,wypalenie-zawodowe-jak-je-rozpoznac https://www.ta-praca.pl: http://www.ta-praca.pl/poszukiwania-pracy-trwac/ https://www.pewnybiznes.info: http://www.pewnybiznes.info/studiach-szukac-zatrudnienia/ http://naszepiaseczno.pl: http://naszepiaseczno.pl/news/109456/rozmowa-o-prace-jak-opowiedziec-o-sobie
#6 Thalia 31.12.2019 08:51
You're a very practical internet site; couldn't make it without ya!


https://nasz-szczecin.pl: http://nasz-szczecin.pl/doswiadczenia-zawodowego-napisac/ https://lubliniec365.pl: http://lubliniec365.pl/pl/651_materialy_partnera/472_zawody_z_niskim_progiem_wej_cia.html https://www.tvobiektyw.pl: http://www.tvobiektyw.pl/wiadomosci/s/6720,co-zrobic-by-spedzic-urlop-bez-nerwow http://www.gazetamiedzyszkolna.pl: http://www.gazetamiedzyszkolna.pl/2019/08/11/dlaczego-warto-brac-urlop-jesienia/ body mass index: http://www.nowydzwon.pl/2019/11/rozmowa-o-prace-przygotuj-sie-na-to-spotkanie/
#7 Williammed 15.01.2020 16:17
Wow cuz this is excellent job! Congrats and keep it up.

http://es.testosteron.space/

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

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

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

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

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

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

 

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