Che cos'è un gruppo di intestazioni di tabella?
Nei CSS, il ' Gruppo intestazione tabella ' viene utilizzato per visualizzare l'intestazione della tabella tramite il '
Esempio
L'intestazione di una tabella ha una formattazione diversa dal resto delle voci nella tabella per distinguerla visivamente. Questi sono generalmente rappresentati da dimensioni del carattere in grassetto o testo in scala superiore. Quando elenchiamo i nomi di 'Uomini' e 'Donne', possiamo assegnarli come Intestazioni in una riga separata, come mostrato nell'esempio seguente:
< tavolo >
< testa >
< tr >
< th > Uomini < / th >
< th > Donne < / th >
< / tr >
< / testa >
< tbody >
< tr >
< td > Giacomo < / td >
< td > Jessica < / td >
< / tr >
< tr >
< td > Davide < / td >
< td > Laura < / td >
< / tr >
< tr >
< td > Giacobbe < / td >
< td > Rebecca < / td >
< / tr >
< / tbody >
< / tavolo >
I seguenti passaggi spiegano come creare un'intestazione di tabella:
- Aggiungi il '
” tag per creare una tabella. - Nel passaggio successivo, specificare il '
” tag che fa riferimento all'intestazione della tabella. - Aggiungi i valori dell'intestazione come una riga tramite il tag '
' e chiudi l'intestazione tramite il tag ''. - Ora, includi il '
” tag per iniziare il corpo della tabella. - Inserisci i dati per ciascuna delle righe utilizzando il tag '
'. - Concludere il corpo della tabella e la tabella tramite il ' ' E ' ” tag, rispettivamente.
Produzione
Che cos'è un gruppo a piè di pagina?
IL ' Gruppo piè di pagina tabella ' viene utilizzato per visualizzare il piè di pagina di una tabella in CSS con l'aiuto del '
etichetta '. Il piè di pagina fornisce anche informazioni sul contenuto della tabella che possono aiutare il lettore a comprendere i dati in modo più chiaro. Utilizzando lo stesso esempio della parte precedente, aggiungi il piè di pagina che fornisce il numero totale di voci in ogni colonna per 'Uomini' e 'Donne' nella tabella.
Esempio
< tavolo >
Panoramica del seguente esempio che spiega il concetto discusso:
< testa >
< tr >
< th >Uomini< / th >
< th >Donne< / th >
< / tr >
< / testa >
< tbody >
< tr >
< td >Giacomo< / td >
< td >Jessica< / td >
< / tr >
< tr >
< td >Davide< / td >
< td >Lauro< / td >
< / tr >
< tr >
< td >Giacobbe< / td >
< td >Rebecca< / td >
< / tr >
< / tbody >
< piede >
< tr >
< td classe = 'bg-grigio-200' >Totale 03< / td >
< td classe = 'bg-grigio-200' >Totale 03< / td >
< / tr >
< / piede >
< / tavolo >I seguenti passaggi spiegano i passaggi per creare un piè di pagina tabella:
- Simile all'esempio precedente, aggiungi '
” tag per creare/includere una tabella. - Includi il '
” tag per specificare l'intestazione della tabella. - Ora, allo stesso modo, aggiungi i titoli dell'intestazione come una riga e chiudi l'intestazione tramite il ' etichetta '.
- Ricorda gli approcci discussi per specificare il corpo della tabella e includere i dati in esso.
- Ora, aggiungi il '
” per iniziare il piè di pagina della tabella. - Aggiungi i dati per il piè di pagina della tabella come una riga e chiudi il piè di pagina utilizzando ' etichetta '.
- Infine, concludi la tabella utilizzando il “ etichetta '.
Produzione
Il codice sopra scritto genera il seguente risultato:
Conclusione
L'intestazione e il piè di pagina in una tabella nei CSS aiutano ad aggiungere più informazioni rispettivamente in cima e in fondo a una tabella. Queste informazioni aiutano a determinare di cosa tratta la tabella e forniscono maggiori dettagli contenuti nei valori inseriti nella tabella. Insieme, questi due inquadrano perfettamente i dati incapsulati all'interno della tabella.
- Ora, includi il '