Questo articolo ti fornirà una conoscenza dettagliata e completa delle tabelle HTML. I vari tag e la formattazione che è possibile eseguire.
Sin dall'inizio della tecnologia, una tabella è un modo comune di memorizzare e visualizzare i dati. Viene utilizzato in quasi tutti i campi per presentare informazioni di testo e dati numerici in cui è possibile confrontare facilmente due o più elementi. In questo articolo, parlerò Tabelle nel seguente ordine:
In parole semplici, una tabella è una raccolta di dati correlati composta da righe e colonne. Ora, come sappiamo, l'HTML è un linguaggio di markup standard per la creazione di pagine web e la visualizzazione in un browser web. Quindi, creare e lavorare con le tabelle diventa un'importante abilità secondaria per padroneggiare l'HTML. In questo blog impareremo come lavorare con le tabelle in HTML.
Per definire una tabella HTML, usiamo
etichetta. Dentro
tag, devi prima definire le righe della tabella con
etichetta. Successivamente, definisci le intestazioni di tabella in
etichetta. I dati o la cella nella tabella vengono definiti utilizzando
etichetta.
Tag tabella HTML
Esaminiamo prima l'elenco dei tag HTML utilizzati per creare tabelle. Successivamente, andando avanti in questo blog, impareremo come usarli con l'aiuto di esempi.
: Utilizzato per definire una tabella
: Utilizzato per definire una cella di intestazione in una tabella
: Utilizzato per definire una riga in una tabella
: Utilizzato per definire una cella in una tabella
:Utilizzato per definire la didascalia di una tabella
:Utilizzato per specificare un gruppo di una o più colonne in una tabella per la formattazione
: Utilizzato per specificare le proprietà della colonna per ogni colonna all'interno di un elemento
:Utilizzato per raggruppare il contenuto dell'intestazione in una tabella
: Utilizzato per raggruppare il contenuto del corpo in una tabella
: Utilizzato per raggruppare il contenuto del piè di pagina in una tabella
Ora diamo un'occhiata al codice HTML di esempio per creare una tabella.
Nome
Età
Abhishek
18
Bob
2. 3
Produzione:
Variazioni della tabella HTML
Attributi di cellpadding e cellspacing
Ci sono due attributi chiamati cellpadding e cellspacing che puoi usare per regolare lo spazio bianco nelle celle della tabella. L'attributo cellspacing definisce lo spazio tra le celle della tabella, mentre il cellpadding rappresenta la distanza tra i bordi delle celle e il contenuto all'interno di una cella.
Cellspacing e Cellpadding
Nome
Età
Abhishek
quindici
Bob
2. 3
Attributi Colspan e Rowspan
L'attributo Colspan viene utilizzato per unire due o più colonne, mentre le aree delle righe vengono utilizzate per unire due o più righe.
HTML ti dà la leva per regolare l'altezza e la larghezza della tabella. L'attributo di larghezza e l'attributo di altezza vengono utilizzati per impostare rispettivamente la larghezza e l'altezza della tabella. È possibile specificarlo in termini di percentuale di area disponibile sullo schermo o in termini di pixel.
Larghezza e altezza della tabella HTML
Abhishek
quindici
Bob
2. 3
Intestazione, corpo e piè di pagina della tabella
Una tabella può essere suddivisa in tre sezioni, ovvero un'intestazione, un corpo e un piè di pagina. Intestazione e piè di pagina sono simili all'intestazione e al piè di pagina in un documento di Word che rimane comune per ogni pagina, mentre il corpo contiene il contenuto principale.
tag crea un'intestazione della tabella separata, mentre il tag Where crea un piè di pagina separato della tabella. i tag contengono il corpo della tabella.
Tabella HTML con intestazione, piè di pagina e corpo
Intestazione tabella
Piè di pagina della tabella
Nome
Età
Marks
Sfondi e didascalia della tabella
Puoi anche impostare uno sfondo per la tabella. Bgcolor l'attributo imposta il colore di sfondo per l'intera tabella così come per una cella, mentre l'attributo background imposta un'immagine di sfondo per l'intera tabella e solo per una cella.
Il tag della didascalia serve come titolo o spiegazione per la tabella che viene visualizzata nella parte superiore della tabella.
Sfondo tabella HTML
Didascalia
Colonna 1
Colonna 2
Colonna 3
Riga 1 Cella 1
Riga 1 Cella 2
Riga 1 cella 3
Riga 2 Cella 2
Riga 2 Cella 3
Riga 3 Cella 1
Con questo arriviamo alla fine di questo articolo. Ora, dopo aver eseguito gli snippet precedenti, avresti capito come creare tabelle in HTML. Spero che questo blog sia informativo e un valore aggiunto per te.
Controlla ilda Edureka, una società di formazione online affidabile con una rete di oltre 250.000 studenti soddisfatti sparsi in tutto il mondo.Il corso di formazione sulla certificazione per lo sviluppo web ti aiuterà a imparare come creare siti web straordinari utilizzando HTML5, CSS3, Twitter Bootstrap 3, jQuery e API di Google e a distribuirli su Amazon Simple Storage Service (S3).
Hai domande per noi? Per favore menzionalo nella sezione commenti di questo articolo e ti risponderemo.