HTML táblák A táblázat felépítése - SELFHTML-Wiki

Információk erről a szövegről

A asztal a szövegek vagy adatok rendezett összeállítása. A megjelenítendő tartalom vonalakra (vízszintes) és oszlopokra (függőleges) van felosztva, amelyek grafikusan igazodnak egymáshoz.

Jegyzet: A HTML táblák szemantikailag megfelelő struktúra a célhoz táblázatos adatok sorokban és oszlopokban.

Korábban HTML táblákat használtak a teljes elrendezések megvalósításához. Ez azonban végül ellentmond a modern webtervezés alapgondolatának (kulcsszó: a tartalom és az elrendezés szétválasztása), akadálymentességet okozhat a képernyőolvasók számára, és nehéz fenntartani.
Ehhez használja a rács elrendezését.

Tartalomjegyzék

Építkezés

A rácsszerkezet táblázatának felépítéséért több elem felelős. A legegyszerűbb esetben egy táblázat olyan táblasorokból áll, amelyekben vannak tábla cellák.

bemutat egy táblázatot (asztal = Táblázat). új táblasort vezet be (tr = táblázat sora = Táblázat sor). Ezután meghatározzuk a vonatkozó sor celláit (oszlopait). Az asztal sorának végén van egy utolsó nap leírva.

Fejléc és adatcellák

A táblázat sorai tartalmazhatnak fejléccellákat vagy közönséges adatcellákat.

A következő ábra a táblázatot létrehozó HTML elemek hatását mutatja:

html

A példa egy egyszerű, három soros táblázatot mutat, amelyek mindegyikén három cella van definiálva. Az első sor fejléc cellákat tartalmaz (...), a másik két adat cellát ( ... ). Láthatja, hogy a böngésző formátuma fejlécében és az adatcellákban további műveletek nélkül másképp van, de nem jelenítenek meg keretvonalakat.

A táblázat cellái is lehetnek üresek. Ha nem akar adatokat adni egy oszlopba sorban, írjon fel egy egyszerűt. Kérjük, vegye figyelembe, hogy ebben az esetben a webböngésző a cellát "nem elérhető" néven jeleníti meg, mivel ez a viselkedés megfelel a CSS tulajdonság üres cellák alapértelmezett beállításának.

Asztalok fejjel, testtel és lábbal

Magát a táblázatot azonban több szakaszra is fel kell osztania,

legfeljebb egy táblázat fejlécében, legfeljebb egy asztali lábléc tfoot és legalább egy asztaltest tbody .

A táblázat fejléce tartalmazza az egyszerű táblázat azon sorait, amelyek csak a fejléc cellákat tartalmazzák, míg a tábla törzse tartalmazza azokat a sorokat, amelyek kizárólag vagy főleg adatcellákat tartalmaznak. A táblázat lábléce olyan adatokat tartalmaz, amelyek összefoglalják vagy elmagyarázzák a táblázatot.

Ha a nyomat táblázata nagyobb, mint egy oldal, akkor a fej és a láb részei nyomtatáskor megismétlődnek minden oldalon.

A ház A ház B Élettér Kerti terület teljes terület
100 150
50 100
150 250
Minden információ négyzetméterben.

A colspan használatát a Cellák kombinálása című fejezetben ismertetjük.

html

A HTML4-ben a tfoot tábla láblécét a tbody előtt közvetlenül a fej után kellett megjegyezni, ellentétben az ábrázolással, mert a tfoot minden oszlopra vonatkozó információt is tartalmaz. A HTML5-ben azonban a tfoot-ot a tbody után kell elhelyezni a táblázat végén.

Design by CSS

Korábban a táblákat különféle HTML-attribútumokkal formázták. A CSS segítségével azonban jobb és alkalmazkodóbb formázást érhet el.

További információt a 4. fejezetben talál: HTML/Táblázatok/CSS-sel történő tervezés