Come inserire l'intestazione della tabella HTML?

Come inserire l'intestazione della tabella HTML?

Esistono diversi metodi per rappresentare dati, come grafici, grafici, tabelle e altro ancora. Ma il metodo più comune, comprensibile e gestibile è l'aggiunta di una tabella su una pagina web. La tabella consente di risparmiare tempo e spazio. Inoltre, organizza i dati in righe e colonne.

Il risultato di apprendimento di questa guida sono:

  • Cosa sono le intestazioni del tavolo?
  • Come creare tabella di intestazione orizzontale in HTML?
  • Come creare la tabella di intestazione verticale in HTML?

Cosa sono le intestazioni del tavolo?

Le intestazioni in una tabella rappresentano il tipo di dati contenuti nella riga o nella colonna. Le intestazioni possono essere impostate in orizzontale o verticalmente in un tavolo. Più specificamente, il ""Il tag aggiunge intestazioni al tavolo.

Come creare tabella di intestazione orizzontale in HTML?

Come sappiamo, una tabella comprende intestazioni, righe e colonne. Allo stesso modo, in HTML, puoi creare tabelle usando il

tag, righe con il tag e colonne con il
etichetta.

Per creare una tabella di intestazione orizzontale nel file HTML:

  • Aggiungere un etichetta.
  • All'interno di questo tag, posizionare un tag per dare/impostare una didascalia sul tavolo.
  • Per creare una riga di tabella per le intestazioni, aggiungi
  • tag all'interno dei quali aggiungi
    Tag per specificare le intestazioni.
  • Allo stesso modo, aggiungi
  • Tag per aggiungere righe di dati.

    Html























    Dettagli del corso degli studenti
    NomeNome del padreCorso
    JohnLegnaFondamenti di Java
    WilliamGiacomoIntroduzione a c++
    BenfabbroSistemi di elaborazione umana

    L'immagine seguente mostra che una tabella viene creata correttamente:

    Applichiamo stili al tavolo sopra creato con CSS.

    Elementi TD di stili, TH, TD

    Table, th, td
    Font-size: 24px;
    Bordo: 4px Solid #379237;
    Margine: auto;
    imbottitura: 4px;
    larghezza: 60%;
    Font-size: 25px;
    Background-color: #38E54D;

    IL

    ,
    , E I tag sono disegnati con le proprietà descritte di seguito:

    • "dimensione del font"La proprietà imposta la dimensione del carattere su 24px.
    • "confine"La proprietà imposta un bordo attorno al tavolo con una larghezza di linea di 4px, stile a linea solida e colore #379237.
    • "margineLa proprietà "è impostata come"auto", Che significa spazi uguali a tutti i lati dell'elemento.
    • "imbottitura"Proprietà con il valore di"4px"Aggiunge spazio di 4px a tutti i lati del contenuto all'interno della tabella.
    • "larghezza"La proprietà imposta la larghezza del 60% della tabella.
    • "dimensione del font"Set di proprietà/regola la dimensione del carattere a 25px.
    • "colore di sfondo"La proprietà applica il colore #38E54D sullo sfondo della tabella.

    Produzione

    Come creare la tabella di intestazione verticale in HTML?

    Innanzitutto, crea una tabella usando il

    etichetta. All'interno di questo tag, includi un tag per l'intestazione. Successivamente, per creare la prima riga, aggiungi un tagg e poi diversi tag e
    Tag per i dati. Allo stesso modo, aggiungi più
    Tag allo stesso modo:





















    Dettagli del corso degli studenti
    NomeJohnWilliamBen
    Nome del padrefabbroLegnaGiacomo
    CorsoFondamenti di JavaIntroduzione a c++Sistemi di elaborazione umana

    Si può vedere che le intestazioni sono nel formato verticale:

    È così che puoi inserire un'intestazione di tavolo HTML in una tabella.

    Conclusione

    Le intestazioni dei dati sono molto necessarie per qualsiasi documento in quanto rappresentano l'argomento dei dati contenuti in una colonna o una riga specifica della tabella. In html, il

    I tag in una tabella sono utilizzati per aggiungere intestazioni alla tabella. Dopo la creazione della pagina HTML, vengono utilizzate diverse proprietà per modellare il tavolo. Questo articolo ha spiegato l'HTML Tag con un esempio.