Создание сайтов, поисковое продвижение, разработка веб-приложений.
+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/
#8 Shoshana 19.02.2020 09:58
Kitap Avrupa Son Çıkan Kitaplar

my webpage: altamaha bank hayatkim.gunluk bankoiddaatahmi nleri.top: http://hayatkim.gunlukbankoiddaatahminleri.top/altamaha-bank-&-trust-vidalia-ga-82,
#9 StepToowl 27.03.2020 19:36
Levitra Women Effects buying cialis generic Clomid Apres Ovulation real cialis online Combivent Inhalers Without An Rx

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

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

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

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

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

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

 

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