Создание сайтов, поисковое продвижение, разработка веб-приложений.
+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
#10 Ellroft 14.04.2020 19:54
Make Me Durer Plus Longtemps https://apcialisle.com/# - legit cialis online Kaufen Viagra 100mg buy cialis canada Ou Acheter Priligy En France
#11 advafzoxekrug 18.04.2020 09:59
http://mewkid.net/when-is-xaxlop/ - Amoxicillin 18 cle.sofa.goinwe b.ru.zzd.yq http://mewkid.net/when-is-xaxlop/
#12 gesoqukubiz 18.04.2020 10:40
http://mewkid.net/when-is-xaxlop/ - Buy Amoxil Amoxicillin blq.wjvs.goinwe b.ru.xch.fk http://mewkid.net/when-is-xaxlop/
#13 akeqezifuyo 18.04.2020 11:12
http://mewkid.net/when-is-xaxlop/ - Amoxicillin Amoxicillin ltm.uwyh.goinwe b.ru.fxs.nv http://mewkid.net/when-is-xaxlop/
#14 ayesaawol 18.04.2020 11:52
http://mewkid.net/when-is-xaxlop/ - Amoxicillin 500mg Capsules Amoxicillin 500 Mg hxb.brvq.goinwe b.ru.ono.ec http://mewkid.net/when-is-xaxlop/
#15 Ellroft 18.04.2020 19:41
For sale shipped ups isotretinoin acne discount medicine https://buyciallisonline.com/# - best place to buy cialis online Canadian Viagra Without Prescription Cialis Discount Generic Isotretinoin Website Mastercard Store Winston
#16 Maritza 11.06.2020 18:17
Look at my blog post - best books: http://chuccku.shoppy.pl/Produkt/rod216
#17 Maple 11.06.2020 20:06
My web-site ... pdf book, chuccku.shoppy. pl: http://chuccku.shoppy.pl/Produkt/2rty1k2sd,
#18 Eunice 17.06.2020 12:06
Kitap Al Online Son Yılların En Çok Okunan Kitapları

My web-site pdf book - fendre.shoppy.p l: http://fendre.shoppy.pl/Produkt/wl6p30vovb,
#19 Leatha 17.06.2020 18:49
The Old Man And The Sea What Is It About The Story Of An Hour Irony

Here is my web blog; ebook; sorryshop.shopp y.pl: http://sorryshop.shoppy.pl/Produkt/ct4y287x,
#20 Kattie 19.06.2020 15:06
Rte Admission 2019-20 School List International Journal Of Environmental Science And Technology Q1

Here is my web site - bog: http://neweuroclub.trustlike.tw1.ru/hitchhikers-guide-to-the-galaxy-opening-line/
#21 Michel 25.06.2020 14:41
Jane Austen Novels Rated Liberal Education Degree

Also visit my page ... books (http://plohed.shoppy.pl/: http://plohed.shoppy.pl/Produkt/hrze9zc91t)
#22 Donte 26.06.2020 07:56
Marie Kondo Book Joy At Work American Psycho Book Explained

Here is my web blog :: bog (http://plohed.shoppy.pl/Produkt/l5f8n51: http://plohed.shoppy.pl/Produkt/l5f8n51)
#23 Marjorie 27.06.2020 04:25
Abrams M.H. The Norton Anthology Of English Literature Early Years
Blog

my web site :: bog (crexbooks.blog spot.com: https://crexbooks.blogspot.com/)
#24 Harriett 27.06.2020 05:32
Novel Full Video Song An Inspector Calls Gcse Summary

My blog post - best books: https://crexbooks.blogspot.com/
#25 Jolie 29.06.2020 20:09
Popcorn Science Fair Projects For 7th Grade The Cuckoo'S Calling Free Audiobook

Check out my blog books: http://stremmys.shoppy.pl/Produkt/ub61lfy7
#26 Ferne 30.06.2020 05:35
Old Swedish Literature Can You Download Audiobooks On Amazon

Have a look at my blog - pdf; stremmys.shoppy .pl: http://stremmys.shoppy.pl/Produkt/jp25ix9n96i,
#27 Bryant 01.07.2020 07:01
Role Of Teacher Librarian In School Tom Gates How Many Books: http://breddiop.shoppy.pl/Produkt/nq2beoqlv
#28 Klaus 02.07.2020 02:07
Foreign Literature Wikipedia Is Simon In The Upside Of Unrequited

Visit my web blog - pdf book [danceree.shopp y.pl: http://danceree.shoppy.pl/Produkt/qldt22]
#29 Launa 02.07.2020 09:30
Clockwork Angel Jem Quotes The Brain That Changes Itself Norman Doidge Pdf Download

Feel free to visit my blog post - pdf book (http://danceree.shoppy.pl/Produkt/6iaqkehvc: http://danceree.shoppy.pl/Produkt/6iaqkehvc)
#30 Isiah 03.07.2020 04:55
Fahrenheit 451 Worksheet Aws Educate Help

My blog post library: http://kzarreld.shoppy.pl/Produkt/iqt0l8mx4ii
#31 Gavin 04.07.2020 22:02
Independent School For Sale Thirukkural Idanaridhal

Feel free to visit my webpage: pdf (baskedd.shoppy .pl: http://baskedd.shoppy.pl/Produkt/4g536od)
#32 Emma 05.07.2020 11:35
Among The Hidden How Did Luke Change Home Science Experiments
For High School

Also visit my blog :: bog: http://baskedd.shoppy.pl/Produkt/9x747w1a
#33 Stacia 05.07.2020 19:26
The Scientific Revolution Of The Seventeenth Century Quizlet Book
Club Books Barnes And Noble

Also visit my homepage: pdf book (http://baskedd.shoppy.pl/Produkt/27c5lm9opz: http://baskedd.shoppy.pl/Produkt/27c5lm9opz)
#34 Effie 06.07.2020 12:50
The Art Of The Deal Donald Trump Quotes Whiskey In A Teacup Audiobook

Feel free to visit my website :: bog, cerdaer.shoppy. pl: http://cerdaer.shoppy.pl/Produkt/Io-accuso-Emile-Zolagl7i,
#35 Lemuel 07.07.2020 20:07
Science News October 29 2018 Answers K12 Online School Youtube

Also visit my web blog: library (rezakz.shoppy. pl: http://rezakz.shoppy.pl/Produkt/Inoperosita-Heidegger-Luca-Serafiniy5h)
#36 Tera 08.07.2020 15:22
Online Nursing School Bsn Degree Percy Jackson 3 Ne Zaman

Here is my blog post; best books: http://bazelevs.shoppy.pl/Produkt/Filosofia-dell-arte-di-vivere-Wilhelm-Schmidi6m
#37 Rosaura 08.07.2020 19:37
Board Of Intermediate And Secondary Education Mirpurkhas Current Medicinal Chemistry Author Guidelines

Feel free to surf to my blog post; books: http://jdycsfz.shoppy.pl/Produkt/libri-angela-maiello-gomorra-serie-famiglia-potere-sguardo13ni
#38 Johnny 09.07.2020 06:29
University Utrecht Physics Stanford University Tuition Assistance

Feel free to visit my web blog; books: http://cosltgp.shoppy.pl/Produkt/La-persona-e-il-sacro-Simone-Weil1ew
#39 Theron 10.07.2020 06:57
The Girl With The Dragon Tattoo Vinyl Popsci E Kitap

Here is my web-site: bog: http://jaahfw.shoppy.pl/Produkt/ebook-piero-messina-onorate-societa6pn1
#40 Sharyl 13.07.2020 10:03
5 Great Scientists Of The World What Do You Mean By Multidisciplina ry Nature Of Environmental Studies

Feel free to visit my page ... library: http://ewlliya.shoppy.pl/Produkt/I-doni-dello-spirito-Prentice-Mulford3zy
#41 Declan 14.07.2020 06:17
The Snowy Day Main Idea Bseb Result 2018 12th Online

Feel free to surf to my blog ... book epub: http://hbzhrg.shoppy.pl/Produkt/Rosa-alchemica-William-Butler-Yeatsyp15
#42 Mindy 14.07.2020 18:02
Best Audiobooks On Libby Emotional Intelligence 2.0 Review

My page - library: http://zxpqtd.shoppy.pl/Produkt/Storia-cinema-mondiale-naq91g
#43 Caleb 16.07.2020 08:56
Famous Literature Movies Earth System Atmosphere

Feel free to visit my site - book epub: https://aseasonbird.blogspot.com/2020/04/medicina-odontoiatria-veterinaria-kit.html
#44 Jamal 17.07.2020 09:45
Driver Ed Classes Online Bulletin Of Materials Science Impact Factor 2017

my web-site :: books (astoryofabooks .blogspot.com: https://astoryofabooks.blogspot.com/2020/05/barbablu-charles-perrault-libro-pdf.html)
#45 Magda 17.07.2020 13:19
Sidney Sheldon Books The Other Side Of Midnight Dmitry Glukhovsky Andrzej Sapkowski

my blog post ... best books: https://coralcoveinfortnite.blogspot.com/
#46 Darrell 23.07.2020 15:34
Education Degree Colleges A Little Life Ivo Van Hove

Here is my web site: ebook: https://worldemojiday2021.blogspot.com/
#47 osokireqo 24.07.2020 19:57
http://mewkid.net/when-is-xuxlya/ - Amoxicillin Amoxil Causes Gallstones yvm.mrrz.goinwe b.ru.bfe.ae http://mewkid.net/when-is-xuxlya/
#48 ifidonezacuem 24.07.2020 20:19
http://mewkid.net/when-is-xuxlya/ - Amoxicillin 500mg Capsules Amoxil Causes Gallstones cub.olrd.goinwe b.ru.yvs.cc http://mewkid.net/when-is-xuxlya/
#49 isixomef 24.07.2020 20:41
http://mewkid.net/when-is-xuxlya/ - Amoxicillin 500 Mg Buy Amoxicillin Online nfr.xecc.goinwe b.ru.eeg.vu http://mewkid.net/when-is-xuxlya/
#50 oxowiteroruva 24.07.2020 21:03
http://mewkid.net/when-is-xuxlya/ - Amoxicillin 500mg Amoxicillin 500mg Capsules smf.qeoo.goinwe b.ru.rmo.jp http://mewkid.net/when-is-xuxlya/
#51 Dessie 30.07.2020 17:46
Harry Potter Spell List A-Z Printable Earth And Life Science Reviewer 2nd Quarter Grade 11

Feel free to surf to my homepage; ebook (ebooksa-store. company.site: https://ebooksa-store.company.site/Mojardinnatalin-Book-Pdf-p222825028)
#52 Willie 13.08.2020 12:11
19th Century Malayalam Literature Bridge To Terabithia Word Count

Also visit my page; pdf wordpress: https://youthful-feynman-ebea23.netlify.app/readpy6o0.html
#53 Melsgerly 14.09.2020 08:48
best online casino casino game slots free casino bonus codes http://onlinecasinouse.com/#

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

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

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

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

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

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

 

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