Tabelle HTML
Come vengono create le tabelle
L'HTML supporta un lungo elenco di elementi che aiutano a svolgere vari compiti. I blocchi di base delle tabelle HTML sono
: noto come tavolo e può essere usato dove si desidera un elemento di intestazione : noto come dati della tabella e occupa una cella in una tabella : una riga completa è definita usando questo elemento - : definisce la didascalia della tabella
- : Le colonne possono essere raggruppate per applicare una formattazione specifica
- : la proprietà di una colonna è specificata usando questo elemento
- : usato per raggruppare le celle di intestazione
- : crea un gruppo di cellule per definire il piè di pagina
- : comprende varie colonne/righe. Viene usato dopo l'elemento e prima dell'elemento.
Come creare tabelle HTML
I tag descritti nella sezione sopra sono le principali parti interessate nella creazione di tabelle HTML. Questa sezione esercita quei tag in vari scenari per definire le tabelle HTML:
Esempio 1: Il codice scritto di seguito utilizza
, , E Tag per definire una tabella HTML. Tabelle HTML Nome Designazione Esperienza Sam Manager 1 anno Kane Autore 6 mesi
Nel codice sopra,
- UN
Il tag è definito
- Un tag della fila da tavolo
viene utilizzato per definire le celle della testa - l'altro
I tag vengono utilizzati per inserire i dati utilizzando elemento - Inoltre, abbiamo applicato proprietà in stile bordo
,
, E Nel tag di stile. Produzione:
Esempio 2: Contrariamente all'esempio sopra, abbiamo usato alcuni tag extra come, e .
Tabelle HTML Linuxhint Nome Designazione Età Esperienza Sam Manager 20y Due mesi Kane Autore 30 anni 1 anno
Il codice sopra è descritto come,
- L'elemento viene utilizzato per praticare gli attributi come lo span e lo stile. L'ampata si unisce al numero di colonne specificate dall'utente (come nel nostro caso è 2).
- Il colore di sfondo della prima e della seconda colonna è rispettivamente "beige" e "Luceeagreen", mentre le colonne 3a e 4 ° avrebbero lo sfondo "Lightgreen"
- L'elemento definisce il testo della didascalia della tabella ed è impostato qui
- Due righe vengono dichiarate utilizzate
tag e ogni riga contiene quattro celle. , , e accanto ai tag essenziali i.e.,Produzione:
L'output sopra mostra che lo "stile col" viene applicato su tutte le colonne mentre la "span del col" è praticata sulla 3a e 4a colonne.
Esempio 3: Qui abbiamo praticato i tag
, E . Tabelle HTML Linuxhint Sr. NO Nome Designazione 1 Sam Manager 2 Kane Autore FINE
Il codice è descritto come,
- lo stile di confine di
, , E è impostato su solido
- Il tag viene utilizzato per racchiudere la prima riga come testa
- Successivamente, i dati della tabella vengono inseriti etichetta
- Infine, è definito la sezione del piè di pagina del tavolo
- La didascalia della tabella è fornita utilizzando il tag
Produzione:
La didascalia del tavolo è nella parte superiore della tabella di ,
, ed è mostrato nell'output.Dagli esempi sopra indicati, avresti imparato a creare una tabella HTML.
Conclusione
Le tabelle HTML consentono di organizzare i dati in modo presentabile. Per lavorare con le tabelle HTML, devi imparare la funzionalità di vari tag HTML. Abbiamo compilato questa guida per fornire le informazioni di base sulle tabelle HTML e fornito l'elenco dei tag che aiutano nella creazione di tabelle HTML.
- lo stile di confine di
- Un tag della fila da tavolo