Лекција на HTML. спојување на клетки

Табелите во HTML - многу корисна ставка. Со нив може да се направи нешто. Се разбира, главната цел - поставување информации во табела. Но на програмерите на сајтовите се качил понатаму. Во еден момент тоа е многу популарна за користење на маса да се создаде рамка сајт. Сега професионалци се обидуваат да го направат тоа.

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

Вовед во теорија

Во HTML, Унијата на клетките се случува со помош на два атрибути: colspan и rowspan. Тие се наведени за таг td.

Ајде прво се анализира структурата на секоја маса, пред да истражувам во темата. Во секоја маса има линија, а во него - клетката. Се сеќавам дека на почетокот, сите табели треба да содржи ист број на клетки.

На сликата погоре е наведено два реда и во секоја од трите клетки. Тоа е заедничка маса. Ако сте во било кутија, тип помал број на клетки, на маса е "се движи надвор", сите нема да се прикаже правилно.

HTML-Табела: Спој ќелии вертикално и хоризонтално

За да наведете помал број на клетки или жици може да се користи само ако имате нешто да се логирате. Но, наместо на избришаниот објект во најблискиот сосед на врвот треба да се определи дополнителен атрибут. Ако се комбинираат колони, тогаш colspan, ако жици, а потоа rowspan. Вредноста на атрибутот укажува на бројот на предмети што сакате да се логирате.

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

Во крајна линија е дека ви кажам на мобилен колку простор ќе биде потребно. Вообичаената вредност е 1.

Спои ќелии вертикално HTML-маса се одвива на истиот принцип. Едноставно окупираниот простор ќе се смета како вертикално. Види слика подолу.

Тука, во ќелијата со број 43 се две жици. Да го направите ова, ќе се определи атрибутот rowspan. Само сети:

• Ред - ред.
• Col - колона / колона.
• Span - асоцијација.

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

Во HTML, Унијата на клетки може да се направи во две насоки: вертикално и хоризонтално. За да го направите ова, ние наведете и атрибут.

На сликата погоре е само тоа и изјави дека Здружението може да се направи: редови, колони или редови и колони.

HTML: спојат клетки. примери

Дозволете ни да се разгледа посложени примери пресвртница на големи маси. Подолу на левата Поставување на оригиналната верзија на редовна маса. Право - варијанта со комбинација на две ќелии во вториот ред. Така појасни и полесно да се споредат HTML-кодот.

Вие исто така може да се комбинираат три во центарот на клетката. Во првиот случај colspan атрибут одредува мобилен №1. Еве, за прв пат ќе биде непроменета, а вториот додадена на colspan, еднаква на три.

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

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

Табела како рамка на сајтот

Во HTML, Унијата на клетки не секогаш се користи за нормални табли со информации (во Word или Excel). Веб дизајнерите често, но пред изборите ги користи за изгледот на сајтови.

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

Таму првично беше на табелата на три реда на две ќелии. Потоа, за да се одржи на логото на сајт, на две ќелии во првиот ред се комбинираат. Крајна линија, е да го стори истото за да се приспособат на "подрум".

Поради своето место што е можно да се постави елементи на дизајн, и ништо нема да ја напушти своите граници. Ова е многу лесен и едноставен. Затоа, тоа е толку популарна. Сега, тоа е препорачливо за да се создаде div таг блокови.

заклучок

И се сеќавам дека спојување на HTML ќелија од табелата, можете да направите се што ќе посакате. Сето тоа зависи од она што го сакате и колку сакате да го организираме. Најважно, не се збунети. Ако сакате да се создаде голема маса со голем број на здруженија, се препорачува да го привлече сите на парче хартија или во боја. Imposer почетници, тоа ќе биде полесно.

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