Mire használható a táblázat-fejléc-csoport és a táblázat-lábléc-csoport a CSS-ben?

Mire Hasznalhato A Tablazat Fejlec Csoport Es A Tablazat Lablec Csoport A Css Ben



A táblázat fejléce és lábléce a táblázat elején és végén elhelyezett szövegblokkok. A táblázattal kapcsolatos további információk nyújtására szolgálnak, és segíthetnek meghatározni egy adott táblán belüli értékeket. A táblázat fejléce elemet a ' ' címke, míg a táblázat láblécet a ' ” címke.

Mi az a táblázatfejléc csoport?

A CSS-ben a „ Táblázat-fejléc csoport ' a táblázat fejlécének megjelenítésére szolgál a ' ” címke. A fejléc egy függőleges oszlop első bejegyzésének felel meg. Megadja a táblabejegyzésekkel kapcsolatos információkat. A fejléc szükség esetén több oszlopra is kiterjedhet. Ezt egy táblázat-oszlop csoport létrehozásával lehet elvégezni a CSS-ben.

Példa
A táblázat fejlécének formázása eltér a táblázat többi bejegyzésétől, hogy vizuálisan elkülönüljön egymástól. Ezeket általában félkövér betűmérettel vagy felső léptékű szöveggel jelöljük. A „Férfiak” és „Nők” nevének felsorolásakor külön sorban fejlécként rendelhetjük őket, az alábbi példában látható módon:







< asztal >
< thead >
< tr >
< th > Férfiak < / th >
< th > Nők < / th >
< / tr >
< / thead >
< tbody >
< tr >
< td > James < / td >
< td > Jessica < / td >
< / tr >
< tr >
< td > David < / td >
< td > Laura < / td >
< / tr >
< tr >
< td > Jákób < / td >
< td > Rebecca < / td >
< / tr >
< / tbody >
< / asztal >

A következő lépések elmagyarázzák, hogyan lehet táblázatfejlécet létrehozni:



  • Add hozzá a ' ” címkét egy táblázat létrehozásához.
  • A következő lépésben adja meg a „ ” címke, amely a táblázat fejlécére utal.
  • Adja hozzá a fejlécértékeket sorként a „” címkén keresztül, és zárja be a fejlécet a „” címkével.
  • Most vegye be a „ ” címkét a táblázat törzsének kezdéséhez.
  • Illessze be az adatokat az egyes sorokhoz a „” címkével.
  • Zárja le a táblázat törzsét és a táblázatot a „ ” és „ ” címkéket, ill.

Kimenet



Mi az a táblázat-lábléc csoport?

A ' Táblázat-lábléc csoport ' a táblázat láblécének megjelenítésére szolgál CSS-ben a ' ” címke. A lábléc a táblázat tartalmáról is ad információt, amely segíthet az olvasónak az adatok pontosabb megértésében. Az előző részből vett példát felhasználva adja hozzá a láblécet, amely megadja a táblázat „Férfiak” és „Nők” oszlopaiban található bejegyzések teljes számát.





Példa
A tárgyalt koncepciót magyarázó következő példa áttekintése:

< asztal >
< thead >
< tr >
< th >Férfiak< / th >
< th >Nők< / th >
< / tr >
< / thead >
< tbody >
< tr >
< td >James< / td >
< td >Jessica< / td >
< / tr >
< tr >
< td >Dávid< / td >
< td >Laura< / td >
< / tr >
< tr >
< td >Jakab< / td >
< td >Rebeka< / td >
< / tr >
< / tbody >
< tláb >
< tr >
< td osztály = 'bg-grey-200' >Összesen 03< / td >
< td osztály = 'bg-grey-200' >Összesen 03< / td >
< / tr >
< / tláb >
< / asztal >

A következő lépések ismertetik a táblázat lábléc létrehozásának lépéseit:



  • Az előző példához hasonlóan adja hozzá a „ ” címke táblázat létrehozásához/befoglalásához.
  • Tartalmazza a ' ” címkét a táblázat fejlécének megadásához.
  • Most ehhez hasonlóan adja hozzá a fejléccímeket sorként, és zárja be a fejlécet a „ ” címke.
  • Emlékezzünk vissza a tárgyalt megközelítésekre a táblatörzs megadására és az adatok belefoglalására.
  • Most adja hozzá a „ ” címkét a táblázat láblécének kezdéséhez.
  • Adja hozzá a táblázat láblécének adatait sorként, és zárja be a láblécet a „ ” címke.
  • Végül fejezze be a táblázatot a „ ” címke.

Kimenet
A fent írt kód a következő eredményt generálja:

Következtetés

A fejléc és lábléc a táblázatban a CSS-ben segít abban, hogy további információkat helyezzen el a táblázat tetején, illetve alján. Ez az információ segít meghatározni, hogy miről szól a táblázat, és további részleteket tartalmaz a táblázatba beillesztett értékeken belül. Ez a kettő együtt tökéletesen keretezi a táblázatba foglalt adatokat.