Раньше сайты создавали с использованием таблиц. Заголовок, текст, картинка, меню располагались в отдельной ячейке. Одна ячейка располагалась в другой и так далее. Огромным минусом такой верстки является большой код. Каждую даже самую маленькую ячейку необходимо обозначить тегами. В результате появляется много ненужного мусора.
В чем преимущество блочной верстки?
При использовании блочной верстки можно обойтись без жесткой конструкции табличной сетки. Каждый элемент страницы называется блоком. Эти блоки как кирпичики располагаются на странице. Особенность блоков состоит в том, что они всегда располагаются один под другим. Это расположение можно подкорректировать. В результате мы избавляемся от ненужного кода.
Что такое блок?
Блок это прямоугольная область, которая имеет определенные свойства: рамка, поля, отступы. Содержимое блока может быть любым.
Основные элементы блока.
Рамка (border) – контур, для которого задаются такие основные характеристики: толщина, цвет, тип.
Поля (padding) – отделяют содержимое блока от рамки.
Отступы (margin) – пустое пространство между блоками.
Тег – конструкция языка html. Например: Таким тегом выделяется абзац.
Тэг div сам по себе нейтральный. Ему все равно, что в нем находится. Он имеет свои атрибуты. Атрибут это описательная характеристика тэга.
Атрибуты тега div используют двух видов.
1.Атрибут id. С его помощью тегу придается уникальное значение. На странице его можно использовать только один раз.
2.Атрибут class. С его помощью можно придать одно и то же значение нескольким элементам.
Качественные cайты c облачной версткой.
Бесплатная консультация по телефону:
Комментарии
12 Top Ways To Spend Your Money Upvc Windows Repair: https://www.diggerslist.com/662858209a48b/about
repairs: https://baird-hansson-2.thoughtlanes.net/can-remote-key-repair-be-the-next-supreme-ruler-of-the-world/
Budget 4 wheel Enclosed mobility Scooter: http://web018.dmonster.kr/bbs/board.php?bo_table=b0601&wr_id=1678270
Should Know demo slot gates of aztec - Armand: https://sciencewiki.science/wiki/Solutions_To_Issues_With_Slot_Demo_Gratis,
best
robot vacuum and mop Self empty: http://fpcom.co.kr/bbs/board.php?bo_table=free&wr_id=1298142
Fiat 500X With Key: http://extension.unimagdalena.edu.co/extension/Lists/Contactenos/DispForm.aspx?ID=1251163
Should Be Aware Of mobile auto locksmiths near me (Cathleen: https://telegra.ph/Ask-Me-Anything-10-Answers-To-Your-Questions-About-Auto-Key-Locksmith-09-17)
Mood Mobile automotive locksmith near me: https://newell-berman-2.technetbloggers.de/this-weeks-most-popular-stories-concerning-auto-key-locksmith/
Of All Time Could Have Been Prevented Double glazing
Repairs near me: https://te.legra.ph/3-Ways-That-The-Double-Glazed-Window-Ealing-Influences-Your-Life-08-11
mesothelioma legal (Https://www.plantsg.com.sg:443/bbs/board.php?bo_table=mainboard&wr_id=7631617: https://www.plantsg.com.sg:443/bbs/board.php?bo_table=mainboard&wr_id=7631617)
2022 ford key
fob replacement: https://kelleher-bank.mdwrite.net/the-secret-secrets-of-ford-key-replacement-near-me-1711902718/
Me? 10 Sources Of Inspiration That'll Bring Back Your Passion double glazing repairs near me: http://adrestyt.ru/user/iconeagle49/
fold away treadmill (Http://www.softjoin.co.kr/: http://www.softjoin.co.kr/gnu5/bbs/board.php?bo_table=qa&wr_id=1758537)
Firm: http://en.easypanme.com/board/bbs/board.php?bo_table=master&wr_id=1495570
Load: https://minecraftcommand.science/profile/beetleporch9
Rewriter Ai: https://hussain-dominguez.federatedjournals.com/seven-reasons-to-explain-why-text-rewrite-is-important/
Could Be True replacement double glazed units (Julieta: https://hassan-agerskov.thoughtlanes.net/a-new-trend-in-glazing-repair-near-me-1707647008/)
Window Repair
Near me: http://shinhwaspodium.com/bbs/board.php?bo_table=free&wr_id=1721598
- Bill: http://extension.unimagdalena.edu.co/extension/Lists/Contactenos/DispForm.aspx?ID=1363366,
Repairs Near Me upvc Door repairs near
me: https://tinted-canna-fbk1x0.mystrikingly.com/blog/the-top-patio-doors-aylesbury-gurus-are-doing-three-things
double glazing Near me: https://rentry.co/vtd633up
Ago product: https://gurye.multiiq.com/bbs/board.php?bo_table=free&wr_id=775641
Me double glazing near me (Martha: https://minecraftcommand.science/profile/clerkclick3)
Near Me (Agriexpert.Kz: http://agriexpert.kz/user/monthcornet4/)
cerebral palsy law Firms: http://0522445518.ussoft.kr/g5-5.0.13/bbs/board.php?bo_table=board01&wr_id=924211
my key - Zachary: https://mintreport2.bravejournal.net/this-is-what-ford-focus-replacement-key-cost-uk-will-look-in-10-years-time -
Designer Handbags Brown: http://m.042-527-9574.1004114.co.kr/bbs/board.php?bo_table=41&wr_id=32534
Secrets Bmw Spare Key: https://images.google.as/url?q=http://chernousovajazz.ru/user/lawyersyria9/
Electric Fireplace Wall: http://www.healthndream.com/gnuboard5/bbs/board.php?bo_table=qna_heartsine&wr_id=1698207
fitters: https://stuart-hinton.blogbright.net/what-freud-can-teach-us-about-local-double-glazing-repair-1707589517/
sofa Sale promotions: https://www.dermandar.com/user/napkindinner1/
Steve Jobs Of The Boat Accident Compensation Industry Boat Accident
Law Firm: http://www.springmall.net/bbs/board.php?bo_table=03_01&wr_id=172170
Now What? Double glazing
Repair near me: https://star-ton.com/user/geesereward8/
Online Shopping Uk: http://www.encoskr.com/bbs/bbs/board.php?bo_table=free&wr_id=1433029
Key Trick Every Person Should Be Able To volvo Digger key: https://pattern-wiki.win/wiki/The_Best_Volvo_V50_Key_Fob_Tips_To_Change_Your_Life
To Use: https://byers-braswell-3.technetbloggers.de/the-three-greatest-moments-in-avon-skin-so-soft-dry-oil-spray-original-history-1696254355/
Prada Handbags pink: http://gwwa.yodev.net/bbs/board.php?bo_table=notice&wr_id=2951591
bunks: https://articlement.com/author/nightlinen03-95487/
Buy Should Know best mobility scooters For sale near Me: https://articlement.com/author/flamedancer53-95450/
[Sarah: http://test.gitaransk.ru/user/airbusplough24/]
accident (https://www.highclassps.Com: https://www.highclassps.com:14015/bbs/board.php?bo_table=free&wr_id=1147261)