Раньше сайты создавали с использованием таблиц. Заголовок, текст, картинка, меню располагались в отдельной ячейке. Одна ячейка располагалась в другой и так далее. Огромным минусом такой верстки является большой код. Каждую даже самую маленькую ячейку необходимо обозначить тегами. В результате появляется много ненужного мусора.
В чем преимущество блочной верстки?
При использовании блочной верстки можно обойтись без жесткой конструкции табличной сетки. Каждый элемент страницы называется блоком. Эти блоки как кирпичики располагаются на странице. Особенность блоков состоит в том, что они всегда располагаются один под другим. Это расположение можно подкорректировать. В результате мы избавляемся от ненужного кода.
Что такое блок?
Блок это прямоугольная область, которая имеет определенные свойства: рамка, поля, отступы. Содержимое блока может быть любым.
Основные элементы блока.
Рамка (border) – контур, для которого задаются такие основные характеристики: толщина, цвет, тип.
Поля (padding) – отделяют содержимое блока от рамки.
Отступы (margin) – пустое пространство между блоками.
Тег – конструкция языка html. Например: Таким тегом выделяется абзац.
Тэг div сам по себе нейтральный. Ему все равно, что в нем находится. Он имеет свои атрибуты. Атрибут это описательная характеристика тэга.
Атрибуты тега div используют двух видов.
1.Атрибут id. С его помощью тегу придается уникальное значение. На странице его можно использовать только один раз.
2.Атрибут class. С его помощью можно придать одно и то же значение нескольким элементам.
Качественные cайты c облачной версткой.
Бесплатная консультация по телефону:
Комментарии
It appears as if some of the text in your content are running off the screen. Can someone else please provide feedback and let
me know if this is happening to them too? This might be a issue with my internet browser because
I've had this happen previously. Cheers
My web blog; trucking accident settlement (https://cse.google.ps/url?sa=t&url=https%3A%2F%2Fvimeo.com%2F782487848: https://cse.google.ps/url?sa=t&url=https%3A%2F%2Fvimeo.com%2F782487848)
users, due to it's nice articles
Look into my web-site; Psychiatric help near me (spacebohemian. Com: http://spacebohemian.com/front/bbs/board.php?bo_table=free&wr_id=169805)
Amazing .. I will bookmark your blog and take the feeds
also? I'm glad to seek out so many useful info right here within the publish, we'd like work out more strategies on this regard, thank you for sharing.
. . . . .
Here is my web site; mobile Auto locksmith near me: http://unisca.kr/en/bbs/board.php?bo_table=52_en&wr_id=13345
(from what I've read) Is that what you're using on your blog?
Feel free to visit my web page ... london psychiatry clinic: http://xn--ob0b782a3jcssn.info/bbs/board.php?bo_table=71&wr_id=132088
My blog :: door lock repair (Charity: http://slimup2.homefree.kr/bbs/board.php?bo_table=qa&wr_id=66317)
My homepage; Avon Online Brochure Uk - Http://Hyunchemical.Com/Bbs/Board.Php?Bo_Table=Qna&Wr_Id=38617: http://hyunchemical.com/bbs/board.php?bo_table=qna&wr_id=38617,
Also visit my site :: coupons uk (shoiler.co.kr: http://shoiler.co.kr/bbs/board.php?bo_table=63_mo_slider&wr_id=102276)
Also visit my website Remote
Car Key Programming Houghton Regis: http://daeok.247realmedia.kr/bbs/board.php?bo_table=free&wr_id=146260
My web site :: Window Repair Southend (Wsinvest24.Ru: http://wsinvest24.ru/2023/01/26/how-much-do-southend-door-and-window-experts-earn/)
chance (trébucher). Je l'ai sauvegardé pour plus tard!
Voici ma page d'accueil; Valorie: http://dino-farm.kr/bbs/board.php?bo_table=gallery&wr_id=922165
Here is my page - Double Glazing door repairs: http://en.posceramics.co.kr/bbs/board.php?bo_table=customer_01&wr_id=202345
my page; workers compensation settlement: http://topclasstour.dodocat.com/bbs/board.php?bo_table=0603&wr_id=24302
concerning from this post.
Here is my page; psychiatrist Nhs (modoobiz-shop. co.kr: http://modoobiz-shop.co.kr/bbs/board.php?bo_table=free&wr_id=366187)
blogger. I've joined your feed and sit up for seeking extra of your great post.
Also, I've shared your web site in my social networks
Feel free to surf to my web-site - consultants: http://xn--2j1b34h35a69fb5fcyu.com/bbs/board.php?bo_table=41&wr_id=33789
my homepage - mesothelioma case (Viola: https://forum.emteria.com/home/leaving?target=https%3a%2f%2fvimeo.com%2F776049320)
Also visit my page ... window restoration Dukinfield [Tobias: http://xn--i42bz4swyag5s6oeea.kr/bbs/board.php?bo_table=free&wr_id=77950]
My site :: duvet 7.5 Tog single (양구벌꿀.kr: http://xn--2e0b57b12s35i.kr/bbs/board.php?bo_table=free&wr_id=65920)
Look into my blog post; Uk
special Offers: http://eimall.web3.newwaynet.co.kr/bbs/board.php?bo_table=free&wr_id=204938
My website: Uk Voucher: http://dhpaint.acus.kr/bbs/board.php?bo_table=g_dhpaint_1&wr_id=58302
My blog post ... malpractice lawyers: https://letmefind.in/how-do-i-explain-malpractice-lawsuit-to-a-5-year-old/
Here is my web blog :: Auto accident Lawyers: http://ttlink.com/zitahockin/all
my web-site ... Truck accident settlement: https://www.africainsocial.online/blog/37944/10-tell-tale-signs-you-need-to-get-a-new-truck-accident-lawsuit/
didn't took place in advance! I bookmarked it.
Feel free to visit my website ... psychiatric assessment berkshire (Jude: http://modoo-biz.co.kr/bbs/board.php?bo_table=free&wr_id=373102)
Here is my website malpractice attorney: http://sullem.kr/2015/bbs/board.php?bo_table=request&wr_id=1467
Feel free to visit my web-site; upvc window repair near
Me [Mall.hicomtech .co.kr: https://mall.hicomtech.co.kr:443/bbs/board.php?bo_table=free&wr_id=219242]
Also visit my website :: trucking accident lawyer Uniontown (maps.google.mn : https://maps.google.mn/url?sa=t&url=https%3A%2F%2Fourclassified.net%2Fuser%2Fprofile%2F5713514)
Also visit my page truck accident attorneys Warm Springs (www2h.Biglobe.ne.jp: http://www2h.biglobe.ne.jp/%7Ehotsand/cgi-bin/board/board.cgi)
My website :: asbestos attorney, Brian: http://inmak.net/cgi-bin/inmakred.cgi?bn=logop.gif&url=vimeo.com%2F779798369,
Also visit my web-site Injury
Attorneys: https://many.fan/anthonymidge
my web-site - jbcra.Com: http://jbcra.com/bbs/board.php?bo_table=free&wr_id=64716
Visit my web site: Attorneys: http://en.clewnco.co.kr/bbs/board.php?bo_table=free&wr_id=904811
Feel free to visit my web-site :: Lambeth
Window repair: http://temp40.xn--ob0bm61cotbfdr55c61d.com/bbs/board.php?bo_table=qa&wr_id=24250
my web-site - Dangerous
Drugs compensation: http://greenlight.thesome.com/bbs/board.php?bo_table=qna&wr_id=88365
Also visit my blog post; personal Injury compensation: http://mobile.1010love.com/bbs/board.php?bo_table=free&wr_id=85007
information you present. It's nice to come across a blog every
once in a while that isn't the same old rehashed material.
Excellent read! I've bookmarked your site and I'm adding your RSS
feeds to my Google account.
Feel free to visit my homepage; Specialist: http://www.xn--989a61jhrk3se9pd9tf.kr/gwbbs/board.php?bo_table=free&wr_id=149509
My site; Become A Rep For A Company: http://spps.dgweb.kr/bbs/board.php?bo_table=free&wr_id=81240
Also visit my web blog auto accident lawyers [http://text01. netpro.co.kr/: http://text01.netpro.co.kr/bbs/board.php?bo_table=free&wr_id=16]
web page conations in fact good funny information too.
my website accident: https://vimeo-com.cdn.ampproject.org/c/s/vimeo.com/783131255
Here is my site ... asbestos Settlement (Novotroick.kol esa-darom.ru: https://novotroick.kolesa-darom.ru/bitrix/redirect.php?event1=&event2=&event3=&goto=https://vimeo.com/776478812)
Also visit my homepage; wireless remote control vibrating panties - Una: https://dev.gene.vision/index.php?title=5_Killer_Quora_Answers_On_Ferri_Lovense,
I've really loved surfing around your blog posts. After all
I'll be subscribing to your feed and I am hoping you write once more soon!
my site :: Psychiatrists uk (balletnmodel.c om: http://balletnmodel.com/bbs/board.php?bo_table=free&wr_id=49580)
My blog post - double glazing windows hillingdon (Larue: http://snailbuying.paylog.kr/bbs/board.php?bo_table=free&wr_id=101718)
Feel free to visit my webpage - car key auto locksmith (Quincy: http://sketchbook.yoonsys.com/www/bbs/board.php?bo_table=bod702&wr_id=93647)
Check out my homepage :: truck accident
attorneys: https://gravesales.com/author/teubeatriz1/
What host are you the usage of? Can I am getting your affiliate hyperlink for your host?
I desire my web site loaded up as quickly as yours lol
Review my web-site ... mental health leicestershire - http://1004mall.kr/: http://1004mall.kr/bbs/board.php?bo_table=free&wr_id=316937,
My website: stores that sell avon Products: https://hamesh.io/10-things-youve-learned-in-kindergarden-which-will-help-you-with-avon-selling/
My blog join avon online: http://gwd-ta.co.kr/g5/bbs/board.php?bo_table=law03&wr_id=29290
Feel free to surf to my web page - adhd Diagnostic assessment leeds: https://211.110.178.122:443/bbs/board.php?bo_table=free&wr_id=1236946
iPad and tested to see if it can survive a 30 foot drop, just so
she can be a youtube sensation. My apple ipad is now destroyed and she
has 83 views. I know this is entirely off topic but I had to
share it with someone!
Feel free to visit my site london adhd diagnosis: http://taepyung.kr/gb5/bbs/board.php?bo_table=qna&wr_id=94605
appreciate your efforts and I am waiting for your next
write ups thank you once again.
Here is my webpage Trucking accident Settlement: https://vimeo-com.cdn.ampproject.org/c/s/vimeo.com/780013771
Look at my web page avon login rep; Antony: http://www.softjoin.co.kr/gnu5/bbs/board.php?bo_table=consulting&wr_id=126873,
is maintained over here.
Have a look at my blog; composite doors near me - Luther: https://db.ntos.co.kr:443/bbs/board.php?bo_table=free&wr_id=1299671,
Have a look at my website ... Upvc Windows Urmston (Malixu.Me.Uk: https://malixu.me.uk/tinyempires/index.php?title=A_Proactive_Rant_About_Urmston_Double_Glazing)
Feel free to surf to my blog - asbestos compensation (28a28.Ru: http://28a28.ru/go/url=https://vimeo.com/775953256)
my homepage uk
Vouchers: http://www.dangnermer.com/bbs/board.php?bo_table=notice&wr_id=17511
Also visit my web site; How To Become
A Sales Rep For A Company: https://meiro.company/community/profile/calvinwisdom170/
up psychiatrist near me for anxiety [http://mcity.i nnobox.co.kr: http://mcity.innobox.co.kr/bbs/board.php?bo_table=freeboard&wr_id=54800] the
excellent info you've got here on this post. I will
be returning to your website for more soon.
My blog - truck accident lawyer McKeesport - Patricia: https://littlespoon.co.kr/bbs/board.php?bo_table=free&wr_id=27842 -
Here is my homepage :: how to
make money selling avon online: http://dent24.co.kr/bbs/board.php?bo_table=notice&wr_id=4833
Check out my web page - Front Door Repair
Near Me: https://anapaspravki.ru/forum/profile/alena28l2871784/
looking for a article writer for your blog. You have some really good posts and I think
I would be a good asset. If you ever want to take some of
the load off, I'd absolutely love to write some content for your blog in exchange for a link back to mine.
Please send me an email if interested. Thanks!
Also visit my web blog loft bed with sofa underneath: http://jjcatering.co.kr/g5/bbs/board.php?bo_table=qna&wr_id=131664
Here is my blog post :: page: https://www.mazafakas.com/user/profile/1911988
Also visit my blog best sim-Only deals uk lycamobile (http://auragarage.Com/auragarage/shop/bbs/board.php?bo_table=free&wr_id=136844: http://auragarage.com/auragarage/shop/bbs/board.php?bo_table=free&wr_id=136844)