Лекција о ХТМЛ. spajanje ћелија

Табеле у ХТМЛ - веома корисна ставка. Са њима можеш ништа. Наравно, главни циљ - пласирања информација у табели. Али програмери сајтова су отишли даље. У једном тренутку је било веома популарно користити табелу за креирање оквира сите. Сада стручњаци покушавају да то не учини.

Табеле су нашли широку примену због великог броја атрибута. На пример, веома корисна особина је комбиновањем редове или колоне.

Увод у теорију

У ХТМЛ, јединство ћелија настаје помоћу два атрибута: цолспан и ровспан. Они су наведени у тд таг.

Хајде да прво анализирати структуру сваког стола, пре него што утонем у теми. У сваком столу постоји граница, и у њој - ћелија. Не заборавите да у почетку, сви столови морају да садрже исти број ћелија.

Бројка изнад наведених два реда и у свакој од три ћелија. То је уобичајена сто. Ако сте у било ком откуцајте мањи број ћелија, сто се "исели", сви неће бити правилно приказана.

ХТМЛ Табела: спајање ћелије вертикално и хоризонтално

Да бисте навели мањи број ћелија или жица може да се користи само ако имате нешто за спајање. Али уместо да обрисани у најближих суседа до врха треба да наведете додатни атрибут. Ако комбинујете колоне, а затим цолспан, ако жице, онда ровспан. Вредност атрибута указује на број ставки које желите да се споје.

Имајте на уму да треба да га наведете у најближем елементу до врха. На пример, на слици горе, ако желите да комбинујете ћелију 1 и 2, потребно је да наведете у ћелије 1 цолспан атрибута у вредности од два. И брисање позиције број 2 или 3, то није битно.

Суштина је да кажете ћелију колико простора ће бити потребно. Подразумевана вредност је 1.

Мерге ћелије вертикално ХТМЛ сто се одвија на истом принципу. Једноставно заузели простор ће се сматрати као вертикално. Види доњу.

Овде, ћелија са бројем 43 има две жице. Да бисте то урадили, одредите атрибута ровспан. Управо сам се сетио:

• Ред - ред.
• Цол - колона / колоне.
• Спан - Удружење.

Креатори су покушали да донесе језик као могуће човеку, тако да чак и не знајући, некако могао да разуме.

У ХТМЛ, синдикат ћелија може да се уради у два правца: вертикално и хоризонтално. Да би то урадили, морамо навести оба атрибута.

Та цифра изнад је управо то и навео да је удружење може да уради: редове, колоне, или оба реда и колоне.

ХТМЛ-: спајати ћелије. примери

Размотримо сложеније примере прекретницу на великим столовима. Испод на левој страни Поставите оригиналну верзију редовног табеле. Право - варијанта са комбинацијом два ћелија у другом реду. Тако јасније и лакше за поређење ХТМЛ-код.

Такође можете да комбинујете три у центру ћелије. У првом случају цолспан атрибут определает ћелију №1. Овде, прва ће бити непромењена, а други <тд> додат у цолспан, једнако три.

Ако желите да спојити све ћелије у реду да један, а затим уклоните четири ТД у првом указују цолспан = '5'.

Као што се види, у ствари, све је једноставно. Ништа компликовано. Оно што је најважније, пажљиво, од првог времена да разуме све замке табеле, а онда не би требало да настану без проблема.

Табела као оквир сајт

У ХТМЛ, јединство ћелија није увек користи за редовне табеле са информацијама (у Ворд или Екцел). Сајт дизајнери често, али пре него што су анкете су их користили за распоред сајтова.

На пример, размотримо распоред сајта. Овај дизајн - врло једноставна и примитивна. Али можете показати употребу удружења експлицитно.

првобитно је постојао један сто од три реда две ћелије сваког. Затим, да поставите лого сајта, две ћелије у првом реду су комбиновани. Суштина је да то исто да се прилагоди "подрум".

Због своје место је могуће поставити елементе дизајна, и ништа неће оставити своје границе. Ово је врло згодан и једноставан. Стога, било је толико популаран. Сада, препоручљиво је да се створи ознаку ДИВ блокова.

закључак

И запамтите да је ХТМЛ табелу ћелија спајање, можете да урадите шта год желите. Све зависи од тога шта желите и како желите да га организује. Оно што је важно, не збуне. Ако желите да направите велику табелу са великим бројем удружења, препоручује се да се све то нацртати на парчету папира или у рекету. Импосер почетници ће бити лакше.

Када стичу искуство, ове операције можете лако извршити у твојој глави.