Què és un grup de capçalera de taula?
En CSS, el ' Grup de capçalera de taula ' s'utilitza per mostrar la capçalera de la taula mitjançant el '
Exemple
La capçalera d'una taula té un format diferent de la resta d'entrades de la taula per diferenciar-la visualment. Normalment es representen amb una mida de lletra en negreta o un text a escala superior. Quan enumerem noms d''Homes' i 'Dones', els podem assignar com a capçaleres en una fila separada, tal com es mostra a l'exemple següent:
< taula >
< el cap >
< tr >
< th > Homes < / th >
< th > Dones < / th >
< / tr >
< / el cap >
< el cos >
< tr >
< td > Jaume < / td >
< td > Jessica < / td >
< / tr >
< tr >
< td > David < / td >
< td > Laura < / td >
< / tr >
< tr >
< td > Jacob < / td >
< td > Rebecca < / td >
< / tr >
< / el cos >
< / taula >
Els passos següents expliquen com crear una capçalera de taula:
- Afegeix el '
” per crear una taula. - Al pas següent, especifiqueu el '
” que fa referència a la capçalera de la taula. - Afegiu els valors de la capçalera com a fila mitjançant l'etiqueta '
' i tanqueu la capçalera mitjançant l'etiqueta ''. - Ara, inclou el ' ” per començar el cos de la taula.
- Inseriu les dades de cadascuna de les files mitjançant l'etiqueta '
' i ' ” etiquetes, respectivament.'. - Conclou el cos de la taula i la taula mitjançant el '
Sortida
Què és un grup de peu de taula?
El ' Grup de peu de taula ' s'utilitza per mostrar el peu de pàgina d'una taula en CSS amb l'ajuda del '
' etiqueta. El peu de pàgina també ofereix informació sobre el contingut de la taula que pot ajudar el lector a comprendre les dades amb més claredat. Utilitzant el mateix exemple de la part anterior, afegiu el peu de pàgina que dóna el nombre total d'entrades a cada columna per a 'Homes' i 'Dones' a la taula.
Exemple
< taula >
Visió general de l'exemple següent que explica el concepte discutit:
< el cap >
< tr >
< th >Homes< / th >
< th >Dones< / th >
< / tr >
< / el cap >
< el cos >
< tr >
< td >James< / td >
< td >Jessica< / td >
< / tr >
< tr >
< td >David< / td >
< td >Laura< / td >
< / tr >
< tr >
< td >Jacob< / td >
< td >Rebecca< / td >
< / tr >
< / el cos >
< tfoot >
< tr >
< td classe = 'bg-gray-200' >Total 03< / td >
< td classe = 'bg-gray-200' >Total 03< / td >
< / tr >
< / tfoot >
< / taula >Els passos següents expliquen els passos per crear un peu de taula:
- De manera similar a l'exemple anterior, afegiu el '
” etiqueta per crear/incloure una taula. - Incloeu el '
” per especificar la capçalera de la taula. - Ara, de la mateixa manera, afegiu els títols de la capçalera com a fila i tanqueu la capçalera mitjançant el ' ' etiqueta.
- Recordeu els enfocaments comentats per especificar el cos de la taula i incloure-hi dades.
- Ara, afegiu el '
” per començar el peu de taula. - Afegiu les dades del peu de taula com a fila i tanqueu el peu de pàgina amb el botó ' ' etiqueta.
- Finalment, conclou la taula utilitzant el ' ' etiqueta.
Sortida
El codi escrit anteriorment genera el resultat següent:
Conclusió
La capçalera i el peu de pàgina d'una taula en CSS ajuden a afegir més informació a la part superior i inferior d'una taula, respectivament. Aquesta informació ajuda a determinar de què tracta la taula i proporciona més detalls continguts als valors inserits a la taula. Junts, aquests dos emmarquen perfectament les dades encapsulades dins de la taula.
- Ara, inclou el ' ” per començar el cos de la taula.