Scopo di Table-Cell
Una cella di tabella è una singola voce all'interno di una tabella composta da un numero di altre celle proprio come se stessa. Lo scopo principale di una cella di tabella è registrare i dati in modo ordinato per una più facile comprensione e comprensione. Indica una posizione particolare all'interno di una tabella in cui è contenuta una voce.
Tipi di celle di tabella
Una tabella in HTML ha principalmente due tipi di celle. Questi sono ' Celle di intestazione ' E ' Celle dati ”. Ulteriori dettagli sulle loro differenze e somiglianze sono forniti di seguito.
Celle di intestazione
Le celle di intestazione sono rappresentate dal simbolo ' La cella di intestazione di una tabella sarà nella parte superiore della colonna e le voci sottostanti saranno le celle di dati. Queste celle hanno anche una formattazione specifica per distinguerle dalle celle di dati che seguono di seguito. Le celle di intestazione sono specificate per avere una dimensione del carattere più grande e lettere in grassetto per aggiungere significato al contenuto nelle celle di dati. Esempio In questo blocco di codice: Produzione Come visto, la cella di intestazione viene visualizzata in grassetto per impostazione predefinita. Le celle di dati sono rappresentate dal simbolo ' Anche le celle dati hanno una formattazione particolare. Questi hanno una dimensione del carattere più piccola rispetto alle celle di intestazione e contengono testo normale o numeri, secondo i requisiti. È tale che le celle di dati sotto la cella di intestazione 'Nome' avranno i nomi delle persone interessate, ad esempio John, David, Michael e James. Esempio I seguenti passaggi spiegano il codice per creare una cella di dati della tabella: ” tag in HTML Tailwind CSS. Questi costituiscono i titoli delle colonne in una tabella. Le intestazioni definiscono quali saranno tutti i valori nella colonna specifica. Esempi di intestazioni sono Nome, Indirizzo e-mail, Numero di contatto, Numero di previdenza sociale, ecc.
Nel codice seguente, abbiamo creato una cella di intestazione della tabella tramite il tag '':
< tavolo >
< testa >
< tr >
< th > Cella di intestazione 01 < / th >
< / tr >
< / testa >
< / tavolo >
'.
” per completare la cella della tabella.' per creare una cella di intestazione della tabella.
” all'interno del tag “ ”.
”, “” e “
Celle dati
” tag in HTML Tailwind CSS. Queste celle contengono tutte le informazioni all'interno di una tabella. Questi sono elencati sotto le celle di intestazione e contengono i dati per tutte le voci per una particolare intestazione. Ad esempio, se la cella di intestazione è intitolata “Nome”, le celle di dati sottostanti conterranno i nomi di tutto il personale per il quale i dati sono registrati.
Il codice per creare una cella di dati della tabella utilizzando il ' ” il tag è riportato di seguito:
< Testa >
< stile >
tavolo {
border-collapse: crollo;
}
td {
confine : 1px nero pieno;
imbottitura: 10px;
}
< / stile >
< / Testa >
< corpo >
< tavolo >
< tr >
< td >Cella tabella< / td >
< / tr >
< / tavolo >