Tutto ciò che devi sapere sulle tabelle HTML

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:

Cos'è una tabella HTML?

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.





HTML5
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 i tag contengono il corpo della tabella.

Tabella HTML con intestazione, piè di pagina e corpo
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 riga 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.

     
    : Utilizzato per definire una cella di intestazione 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
  • 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.

    come convertire double in int java
    Colspan e Rowspan
    Lotto Nome Età
    Informatica Abhishek quindici
    Bob 2. 3
    Rompere

    • Altezza e larghezza del tavolo

    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.

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 HTMLDidascalia
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 il da 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.

c ++ unire il codice di ordinamento