html bemutatója - egyesítése táblázatcellákat

előző ◈ a következő

Nagyon gyakran, ha használja a HTML-táblázatok, szükség van, hogy egyesítse sejtek vízszintesen vagy függőlegesen. Az ilyen szövetség lehetővé teszi, hogy világosabban és kényelmesen strukturált táblázatos adatok, megkönnyítve a felfogás az információkat a felhasználók és a fejlesztők több lehetőséget ad lefordítani elképzeléseiket. És néha nem egyesülő táblázatcellákat egyszerűen nem lehet csinálni.

Mint tudja, a létrehozása HTML-táblázat sejtek felelősek címkék és . ennek megfelelően, hogy van, hogy összekapcsolják az attribútumokat a sejtek. Ez colspan és rowspan.

Cellák vízszintes egyesítése

Egyesítéséhez sejtek vízszintesen, meg kell adnia a címke vagy colspan attribútumot. értéke egy pozitív szám azt jelzi, hogy hány sejt a jelenlegi együttes. Ebben az esetben, a szám (vonal) az asztal legyen kisebb számú sejt a címke, hogy megőrizze a szerkezet a táblázat.

Példa kombinálásával sejtek vízszintesen

Az eredmény a böngészőben

Ötvözi sejtek függőlegesen

Függőleges sejtek egyesület címkék és Ez használ rowspan attribútumot. Ennek értéke egy egész szám számának feltüntetésével az egyesített cellákat, valamint az oszlopban a kisebb számú sejt címkéket.

Példa kombinálásával sejtek függőlegesen

Az eredmény a böngészőben

Ugyanakkor a vertikális és horizontális egyesülési

Természetesen HTML-táblázatcellákat kombinálható vízszintesen és függőlegesen ugyanabban az időben, de van egy nagyon fontos szabály - csak akkor lehet kombinálni egyenértékű cellában. Például, ha van egy cella, amely két vízszintes, függőleges lehet kombinálni csak pontosan ugyanaz.

Az eredmény a böngészőben

Cell 1.1, 1.2 és 2.1, 2.2

Egyesülő Táblázatcellák - meglehetősen bonyolult varázslat, így a feladat kapja csak erre.

  1. Nézd eredményeként a feladatot, és teljesen újra.

Miután házi olyan kicsi, hadd ismét ellenőrizze a elméleti tudás.

  1. Milyen típusú HTML-elemek közé linkeket, képeket, táblázatokat és tag