Раньше сайты создавали с использованием таблиц. Заголовок, текст, картинка, меню располагались в отдельной ячейке. Одна ячейка располагалась в другой и так далее. Огромным минусом такой верстки является большой код. Каждую даже самую маленькую ячейку необходимо обозначить тегами. В результате появляется много ненужного мусора.
В чем преимущество блочной верстки?
При использовании блочной верстки можно обойтись без жесткой конструкции табличной сетки. Каждый элемент страницы называется блоком. Эти блоки как кирпичики располагаются на странице. Особенность блоков состоит в том, что они всегда располагаются один под другим. Это расположение можно подкорректировать. В результате мы избавляемся от ненужного кода.
Что такое блок?
Блок это прямоугольная область, которая имеет определенные свойства: рамка, поля, отступы. Содержимое блока может быть любым.
Основные элементы блока.
Рамка (border) – контур, для которого задаются такие основные характеристики: толщина, цвет, тип.
Поля (padding) – отделяют содержимое блока от рамки.
Отступы (margin) – пустое пространство между блоками.
Тег – конструкция языка html. Например: Таким тегом выделяется абзац.
Тэг div сам по себе нейтральный. Ему все равно, что в нем находится. Он имеет свои атрибуты. Атрибут это описательная характеристика тэга.
Атрибуты тега div используют двух видов.
1.Атрибут id. С его помощью тегу придается уникальное значение. На странице его можно использовать только один раз.
2.Атрибут class. С его помощью можно придать одно и то же значение нескольким элементам.
Качественные cайты c облачной версткой.
Бесплатная консультация по телефону:
Комментарии
sex: http://lloyd.Lunncineteck.net/phpinfo/?a%5B%5D=hookup+near+me+%28%3Ca+href%3Dhttp%3A%2F%2Fdrumsticksapp.com%2F__media__%2Fjs%2Fnetsoltrademark.php%3Fd%3Dfacebookofsex.yaforia.com%3Eclick+through+the+following+website+page%3C%2Fa%3E%29%3Cmeta+http-equiv%3Drefresh+content%3D0%3Burl%3Dhttp%3A%2F%2Fbigislandbreeze.com%2F__media__%2Fjs%2Fnetsoltrademark.php%3Fd%3Dfacebookofsex.yaforia.com+%2F%3E
The Steps To Mobile Automobile Locksmith Mobile Automobile Locksmith: https://meincke-healy.blogbright.net/its-history-of-milton-keynes-car-keys/
You In Obtaining Birth Injury Litigation Birth Injury Law Firm: http://www.healthndream.com/gnuboard5/bbs/board.php?bo_table=qna_heartsine&wr_id=1698160
Volvo Replacement Key volvo
keys made near me: https://funsilo.date/wiki/Are_You_Tired_Of_Key_Fob_Volvo_10_Sources_Of_Inspiration_Thatll_Invigorate_Your_Love
slots: http://www.encoskr.com/bbs/bbs/board.php?bo_table=free&wr_id=1534060
Your site provided us with valuable informatoon to worek on. Youu
have done an impressive activity and our whole group can be grateful to you.
My page ... kierowca ce kontenery: https://hub.docker.com/u/michal11a
Avon Glimmerstick Eyeliner avon saturn grey glimmerstick (web018.dmonste r.kr: http://web018.dmonster.kr/bbs/board.php?bo_table=b0601&wr_id=1514400)
door repairs: https://www.metooo.es/u/6619b90ab9883d0aaa9ebd64
online
jobs Work from home: https://www.google.pt/url?q=https://wikimapia.org/external_link?url=https://www.reps-r-us.co.uk/avon-work-from-home/
Online attorneys: http://www.huenhue.net/bbs/board.php?bo_table=review&wr_id=1239852
near me: https://crabtree-thybo.mdwrite.net/10-healthy-habits-for-keys-programmed/
Used By Everyone Be Able To automobile locksmiths: https://spdbar.com/home.php?mod=space&uid=1052374
firms (Geraldo: http://www.encoskr.com/bbs/bbs/board.php?bo_table=free&wr_id=1572001)
Birth Defect: https://highwave.kr/bbs/board.php?bo_table=faq&wr_id=2084457
In Adults Adhd treatments for adults: https://mcpherson-porterfield-2.federatedjournals.com/ten-treatment-for-adhd-in-adults-related-stumbling-blocks-you-shouldnt-share-on-twitter/
[world-News.wik i: https://world-news.wiki/wiki/15_Amazing_Facts_About_Window_Repair_Leeds_That_You_Didnt_Know_About]
Spa body scrub: https://www.plantsg.com.sg:443/bbs/board.php?bo_table=mainboard&wr_id=7510578
Smith Automotive Lock Smith: https://te.legra.ph/Why-Do-So-Many-People-Would-Like-To-Learn-More-About-Milton-Keynes-Car-Lock-Repair-08-17
About The Other People Local Auto Locksmiths: https://qooh.me/liquorcycle4
accident lawsuits (Colin: https://gokseong.multiiq.com/bbs/board.php?bo_table=free&wr_id=1006346)
Disability Attorney Veterans Disability: http://mspeech.kr/bbs/board.php?bo_table=705&wr_id=244734
sex: https://Try.Cdn.imgeng.in:443/w_400/http://Www.Technitronic.com/info.php?a%5B%5D=%3Ca+href%3Dhttp%3A%2F%2Fcleaningerie.com%2F__media__%2Fjs%2Fnetsoltrademark.php%3Fd%3Dwww.Facebookofsex.yaforia.com%3Esex+near+me%3C%2Fa%3E%3Cmeta+http-equiv%3Drefresh+content%3D0%3Burl%3Dhttp%3A%2F%2Fboweryconcerts.com%2F__media__%2Fjs%2Fnetsoltrademark.php%3Fd%3Dwww.facebookofsex.yaforia.com+%2F%3E
Adults Marketers Medication For Adhd: http://www.stes.tyc.edu.tw/xoops/modules/profile/userinfo.php?uid=1234477
You Can Do About It workers' compensation lawsuit (Merry: http://www.chunwun.com/bbs/board.php?bo_table=qna_ko&wr_id=143314)
Your Life double glazing door repairs [Sheree: https://gm6699.com/home.php?mod=space&uid=2808303]
That Every Person Must Learn adhd in adults symptoms Test [www.stes.tyc.E du.tw: http://www.stes.tyc.edu.tw/xoops/modules/profile/userinfo.php?uid=1211197]
upvc door repairs leeds: https://www.google.co.mz/url?q=https://personguitar80.werite.net/ten-myths-about-upvc-windows-leeds-that-arent-always-true
adhd in adults Symptoms: https://minecraftcommand.science/profile/tunarake6
Every Person Must Learn Veterans Disability: http://0522891255.ussoft.kr/g5-5.0.13/bbs/board.php?bo_table=board_02&wr_id=520544
partners near me: https://98e.fun/home.php?mod=space&uid=7218774&do=profile&from=space
Person Must Know Top Seo Company
In Uk: http://qooh.me/rabbitweapon48
Personal: https://www.highclassps.com:14015/bbs/board.php?bo_table=free&wr_id=1150553
workers' Compensation law
firms: https://gokseong.multiiq.com/bbs/board.php?bo_table=free&wr_id=1020205
marketing agency: https://rosy-hawk-fw9km8.mystrikingly.com/blog/how-to-explain-content-marketing-on-social-media-to-your-grandparents
Once In Your Lifetime double glazed window repairs [Gia: https://www.sheshenjp.com/space-uid-718407.html]
Was? Avon Glimmersticks: https://www.mallangpeach.com:443/bbs/board.php?bo_table=free&wr_id=322020
asbestos compensation: http://mspeech.kr/bbs/board.php?bo_table=705&wr_id=206604
Websites Uk All-In-One Detailer Bugslide: https://vimeo.com/930485570
jobs in london: https://www.google.co.ls/url?q=https://peacock-finch.thoughtlanes.net/everything-you-need-to-be-aware-of-jobs-working-remotely-1710427270
Of The Porsche Macan Key Replacement Cost Industry porsche 987 Key: https://martin-ebsen.hubstack.net/why-do-so-many-people-would-like-to-learn-more-about-porsche-997-key/
uk: https://gokseong.multiiq.com/bbs/board.php?bo_table=free&wr_id=858538
stats (Justin: http://leewhan.com/bbs/board.php?bo_table=free&wr_id=3358439)
Leeds Before Buying It upvc window Hinge repairs leeds: http://extension.unimagdalena.edu.co/extension/Lists/Contactenos/DispForm.aspx?ID=1364255
Marylin: http://www.huenhue.net/bbs/board.php?bo_table=review&wr_id=1251606,
Sound Speaker Combo: https://vimeo.com/932343311
straight lace wig: https://vimeo.com/930972495
(Jorja: http://fpcom.co.kr/bbs/board.php?bo_table=free&wr_id=1196788)
Things Dog Bike Trailer With Suspension: https://vimeo.com/931546766
Online Shopping Sites Like Amazon uk online shopping sites like amazon: http://www.healthndream.com/gnuboard5/bbs/board.php?bo_table=qna_heartsine&wr_id=1590708
upvc door Repair roundhay: https://lovewiki.faith/wiki/Currieburt7725
Shopping Uk 17.3-inch laptop backpack: https://vimeo.com/931250821
In Which Is Best For Online Grocery Shopping High-Definition Binoculars: https://vimeo.com/932271239
- Charmain: https://cotkan.ru/user/periodswiss77/,
Flexible Jobs From Home: http://m.414500.cc/home.php?mod=space&uid=3391866
All Time Could Have Been Avoided Bed For
Kids: https://pridgen-putnam.thoughtlanes.net/14-cartoons-on-kids-double-bunk-bed-thatll-brighten-your-day/
Accident Lawsuits: http://0522565551.ussoft.kr/g5-5.0.13/bbs/board.php?bo_table=board_5552&wr_id=2239090
Mesothelioma: http://www.moaprint.com/bbs/board.php?bo_table=free&wr_id=362197
Everyone Speakin' About It? window hinges leeds (www.metooo.com: https://www.metooo.com/u/6619de02b9883d0aaa9ee012)
Claim: http://0522565551.ussoft.kr/g5-5.0.13/bbs/board.php?bo_table=board_5552&wr_id=2180053
private Adhd assessment cost (genomicdata.ha cettepe.edu.Tr: http://genomicdata.hacettepe.edu.tr:3000/lyrerotate2)
Ease Your Daily Lifethe One Handbags For Women Tommy Hilfiger Trick Every Person Should Know bags for women tommy hilfiger (Http://srv29897.ht-test.ru/: http://srv29897.ht-test.ru/index.php?subaction=userinfo&user=titleracing68)
UK adult adhd assessment private: https://pediascape.science/wiki/The_Best_Advice_Youll_Ever_Receive_About_Private_ADHD_Assessment_Leicester
Lawyers: https://www.longisland.com/profile/yakname2
Folding Mobility Scooters For Sale: https://chessdatabase.science/wiki/What_You_Should_Be_Focusing_On_Improving_Mobility_Scooter_Sales_Near_Me
Glazing leeds double glazing (Silvia: https://www.easyfie.com/vacuumcomic61)
renault clio car key replacement (Denise: http://extension.unimagdalena.edu.co/extension/Lists/Contactenos/DispForm.aspx?ID=771280)
doible bunk bed (Cora: https://www.cheaperseeker.com/u/burncat82)