Что необходимо знать про блочную верстку

Раньше сайты создавали с использованием таблиц. Заголовок, текст, картинка, меню располагались в отдельной ячейке. Одна ячейка располагалась в другой и так далее. Огромным минусом такой верстки является большой код. Каждую даже самую маленькую ячейку необходимо обозначить тегами. В результате появляется много ненужного мусора.

В чем преимущество блочной верстки?

oblochya-verstka

При использовании блочной верстки можно обойтись без жесткой конструкции табличной сетки. Каждый элемент страницы называется блоком. Эти блоки как кирпичики располагаются на странице. Особенность блоков состоит в том, что они всегда располагаются один под другим. Это расположение можно подкорректировать. В результате мы избавляемся от ненужного кода.

Что такое блок?

Блок это прямоугольная область, которая имеет определенные свойства: рамка, поля, отступы. Содержимое блока может быть любым.

Основные элементы блока.

Рамка (border) – контур, для которого задаются такие основные характеристики: толщина, цвет, тип.
Поля (padding) – отделяют содержимое блока от рамки.
Отступы (margin) – пустое пространство между блоками.
Тег – конструкция языка html. Например: Таким тегом выделяется абзац.
Тэг div сам по себе нейтральный. Ему все равно, что в нем находится. Он имеет свои атрибуты. Атрибут это описательная характеристика тэга.

Атрибуты тега div используют двух видов.
1.Атрибут id. С его помощью тегу придается уникальное значение. На странице его можно использовать только один раз.
2.Атрибут class. С его помощью можно придать одно и то же значение нескольким элементам.

Качественные cайты c облачной версткой.

srv5.cineteck.net/phpinfo/?a%5B%5D=facebook+of+sex+%28%3Ca+href%3Dhttp%3A%2F%2Fkatushkin.ru%2Fgo-out%3Furl%3Dhttps%3A%2F%2FWWW.Facebookofsex.Yaforia.com%3Ekatushkin.ru%3C%2Fa%3E%29%3Cmeta+http-equiv%3Drefresh+content%3D0%3Burl%3Dhttp%3A%2F%2FFami1Yone.com%2F__media__%2Fjs%2Fnetsoltrademark.php%3Fd%3DWww.facebookofsex.yaforia.com+%2F%3E

#26026 Trevor 27.04.2024 07:19

5 Killer Quora Answers To Auto Accident Attorneys auto
Accident attorneys: http://kbphone.co.kr/bbs/board.php?bo_table=free&wr_id=897982

#26027 Autumn 27.04.2024 07:19

Seven Explanations On Why Latest Avon Brochure UK Is So Important avon Brochures uk: http://dnpaint.co.kr/bbs/board.php?bo_table=B31&wr_id=3850932

#26028 Kristan 27.04.2024 07:19

It Is A Fact That Railroad Injuries Litigation Is The Best Thing You Can Get.
Railroad Injuries Litigation Railroad Injuries Lawyers: https://www.highclassps.com:14015/bbs/board.php?bo_table=free&wr_id=1156849

#26029 Dacia 27.04.2024 07:19

My website; facebook for sex: http://k.ob.ejam.esa.le.ngjianf.ei2013

to.m.m.y.bye.1.2

srv5.cineteck.net/phpinfo/?a%5B%5D=%3Ca+href%3Dhttp%3A%2F%2Frisksmanagers.com%2F__media__%2Fjs%2Fnetsoltrademark.php%3Fd%3DWww.Facebookofsex.yaforia.com%3Elocal+hookup+facebook%3C%2Fa%3E%3Cmeta+http-equiv%3Drefresh+content%3D0%3Burl%3Dhttp%3A%2F%2Fspartan-express.com%2F__media__%2Fjs%2Fnetsoltrademark.php%3Fd%3Dfacebookofsex.yaforia.com+%2F%3E

#26030 Monica 27.04.2024 07:19

What's The Current Job Market For Double Glazed Window Repairs Professionals
Like? double
glazed window Repairs: https://www.cheaperseeker.com/u/archmonday4

#26031 Harriett 27.04.2024 07:20

Review my website: everygame poker review: https://22.vaterlines.com/index/download2?diff=0&darken=1&utm_source=og&utm_campaign=2564&utm_content=5D&utm_clickid=qiocdmhuwf55wi7i&aurl=https://33Poker.net/

#26032 Prince 27.04.2024 07:20

20 Up-And-Comers To Follow In The Vauxhall Corsa
Replacement Key Industry repairer: https://cs-upgrade.top/user/tramphat29/

#26033 Ronnie 27.04.2024 07:21

15 Of The Most Popular Pinterest Boards Of All Time About Birth Injury Attorneys Birth Injury
lawsuits: http://0553721256.ussoft.kr/g5-5.0.13/bbs/board.php?bo_table=board01&wr_id=519454

#26034 Dalton 27.04.2024 07:21

5 Things Everyone Gets Wrong About Shopping Online Sites List Vimeo.Com: https://vimeo.com/930397097

#26035 Jarrod 27.04.2024 07:22

My blog ... facebook of sex (Curtis: http://Alumni.Hildred.Ibbott

haedongacademy.org/phpinfo.php?a%5B%5D=%3Ca+href%3Dhttp%3A%2F%2Fhungrymariner.com%2F__media__%2Fjs%2Fnetsoltrademark.php%3Fd%3DWww.Facebookofsex.Yaforia.com%3Elocal+hookups+near+me%3C%2Fa%3E%3Cmeta+http-equiv%3Drefresh+content%3D0%3Burl%3Dhttp%3A%2F%2Faplacefordailydreamgames.com%2F__media__%2Fjs%2Fnetsoltrademark.php%3Fd%3Dfacebookofsex.yaforia.com+%2F%3E)

#26036 Wilma 27.04.2024 07:22

5 Killer Quora Answers On Vauxhall Car Key Replacement vauxhall car key Replacement (https://clicavisos.com.ar: https://clicavisos.com.ar/author/heliumflute9/)

#26037 Noe 27.04.2024 07:23

Here is my site craiglistforsex ; Joanne: http://anadoo.fr

srv5.cineteck.net/phpinfo/?a%5B%5D=%3Ca+href%3Dhttp%3A%2F%2FBrady.Goodman%40ehostingpoint.com%2Finfo.php%3Fa%255B%255D%3D%253Ca%2Bhref%253Dhttps%253A%252F%252Fwww.facebookofsex.yaforia.com%253Elocal%2Bhookups%2Bnear%2Bme%253C%252Fa%253E%253Cmeta%2Bhttp-equiv%253Drefresh%2Bcontent%253D0%253Burl%253Dhttps%253A%252F%252Fwww.facebookofsex.yaforia.com%252F%2B%252F%253E%3Ehookup+near+me%3C%2Fa%3E%3Cmeta+http-equiv%3Drefresh+content%3D0%3Burl%3Dhttp%3A%2F%2Ffarmfoundation.us%2F__media__%2Fjs%2Fnetsoltrademark.php%3Fd%3DFacebookofsex.Yaforia.com+%2F%3E,

#26038 Scotty 27.04.2024 07:23

my web-site; online poker ranking (sunad1.com: http://sunad1.com/white/board/goto.php?url=aHR0cHM6Ly8zM1Bva2VyLm5ldC8&encoded=1&utm_source=partnerize&utm_medium=affiliates&utm_campaign=1011l42821&utm_content=0&clickref=1100lxV4rEvb&utm_term=1100lxV4rEvb)

#26039 Franklin 27.04.2024 07:23

12 Stats About Repair Upvc Window To Make You Think Smarter About Other People upvc Window repair: http://en.easypanme.com/board/bbs/board.php?bo_table=master&wr_id=1496240

«121122123124125126127128129130131

Обновить список комментариев