Lecke HTML. Cellaegyesítéskor

A táblázatok a HTML - egy nagyon hasznos elem. Velük bármire képes. Természetesen a fő cél - elhelyezése információt egy táblában. De a fejlesztők a helyszínek is tovább ment. Egy időben ez igen népszerű volt, hogy egy asztalra, hogy létrehozzon egy olyan honlapot keretet. Most a szakemberek igyekeznek, hogy ne erre.

Asztalok találtak a széles körű alkalmazását, mert a nagyszámú attribútumokat. Például egy nagyon hasznos tulajdonság fordult kombinálásával sorok vagy oszlopok.

Bevezetés a Theory

A HTML-ben az unió sejtek útján történik két attribútuma van: colspan és rowspan. Ezek esetében meghatározott td tag.

Nézzük először elemzi a szerkezetét az asztalra, mielőtt ásni a témában. Minden tábla van egy vonal, és ez - sejt. Ne feledje, hogy kezdetben az összes táblát kell tartalmaznia azonos sejtek száma.

A fenti ábrán feltüntetett két sorban és három egymásra sejtek. Ez egy közös asztalra. Ha bármilyen mezőbe írja be a kisebb számú sejtet, a táblázat „kiköltözik”, az összes nem jelenik meg helyesen.

HTML-táblázat: cellákat egyesíteni, függőlegesen és vízszintesen

Megadásához kisebb számú sejtet vagy húrok csak akkor használható, ha van valami egyesíteni. De ahelyett, hogy a törölt elem a legközelebbi szomszéd az elejére meg kell adnunk egy további attribútumot. Ha össze az oszlopokat, majd a colspan, ha a húrok, akkor rowspan. Az attribútum értékének jelzi a tételek számát, hogy egyesíteni kívánt.

Felhívjuk figyelmét, hogy meg kell adni azt a legközelebbi elem a csúcsra. Például a fenti ábra, ha akarta, hogy összekapcsolják a sejt az 1. és 2., meg kell adnia a cellában 1 colspan attribútum értéke kettő. És törölje a pozíció száma 2 vagy 3, ez nem számít.

A lényeg az, hogy azt mondja a sejt, hogy mennyi helyet vesz igénybe. Az alapértelmezett érték 1.

Cellák egyesítése függőleges HTML-táblázat zajlik az elvet. Egyszerűen lakótérbe kell tekinteni, mint függőlegesen. Lásd az alábbi ábrát.

Itt a cella száma 43 kettőn szálakat. Ehhez meg kell adni a tulajdonság rowspan. Csak így emlékezett:

• Sor - sorban.
• Col - oszlop / oszlop.
• Span - Egyesület.

Az alkotók megpróbálták, hogy a nyelv a lehető emberi, úgy, hogy még nem tud róla, valahogy megérteni.

A HTML-ben az unió sejtek lehet tenni a két irányban: vízszintesen és függőlegesen. Ahhoz, hogy ezt elérjük, adja meg mindkét attribútumot.

A fenti ábra csak az, hogy, és kijelentette, hogy a szövetség tehet: sorok, oszlopok, vagy mindkettő sorok és oszlopok.

HTML: cellákat egyesíteni. példák

Nézzük bonyolultabb példák mérföldkő nagy asztal. Az alábbiakban a bal oldalon állítsa az eredeti változata a rendszeres asztalra. A jobb - egy változata egy kombinációját két sejt a második sorban. Így világosabb és könnyebben össze a HTML-kódot.

Azt is össze a három a sejt közepébe. Az első esetben colspan attribútum meghatározza a sejt №1. Itt, az első változatlan marad, és a második adtunk a colspan, egyenlő három.

Ha szeretné egyesíteni az összes sejt egy sorban, hogy egy egységes, majd távolítsa el a négy td első jelzik colspan = „5”.

Mint látható, sőt, minden egyszerű. Semmi bonyolult. A legfontosabb, hogy óvatosan, az első alkalom, hogy megértsék a buktatókat a táblák, és akkor nem probléma nem merül fel.

Táblázat helyként keret

A HTML-ben az unió a sejtek nem mindig használják rendszeres táblázatok az információ (Word vagy Excel). Weboldal tervezők gyakran, de még mielőtt a közvélemény-kutatások használják őket az elrendezés oldalakon.

Vegyük például az elrendezés a helyszínen. Ez a kialakítás - nagyon egyszerű és primitív. De meg tudja mutatni a használatát szövetség kifejezetten.

Volt eredetileg egy asztal három sor két rekeszes. Ezután helyezze a logó a helyén, a két sejt az első sorban kerültek összevonásra. A lényeg az, hogy nem ugyanaz, hogy igazodjon a „pince”.

Mivel a helyére lehet elhelyezni elemein, és semmi nem fogja elhagyni a határait. Ez egy nagyon kényelmes és egyszerű. Ezért volt annyira népszerű. Most, ajánlott, hogy hozzon létre egy div tag blokkokat.

következtetés

És ne feledjük, hogy a HTML táblázat cella összevonása, azt csinálsz, amit akarsz. Minden attól függ, mit akar, és hogyan szeretné rendezni azt. Fontos megjegyezni, hogy nem összezavarodnak. Ha azt szeretnénk, hogy hozzon létre egy nagy asztal a nagy számú egyesületek, érdemes felhívni az egészet egy darab papír vagy a festék. Imposer kezdők könnyebb lesz.

Amikor tapasztalatot szereznek, ezeket a műveleteket végezhet a fejedben könnyen.