Tabelle HTML

Le tabelle sono una buona fonte di formattazione dei dati per renderli presentabili/comprensibili. L'HTML consente di creare tabelle per una pagina Web utilizzando gli elementi HTML. Le tabelle HTML migliorano l'estetica della pagina web e ti consentono di organizzare i tuoi dati. Abbiamo compilato questa guida per insegnarti sulle tabelle HTML, su come funzionano e come possono essere creati. Quindi, iniziamo qui:

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 , , E . Tuttavia, la funzionalità delle tabelle HTML può essere estesa usando elementi come , , , , e molti altri. Tutti questi elementi sono spiegati qui uno per uno.

• : 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.

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 , tag e ogni riga contiene quattro celle. 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 accanto ai tag essenziali i.e., . , E Nel tag di stile. Produzione: Esempio 2: Contrariamente all'esempio sopra, abbiamo usato alcuni tag extra come, e . 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 , E 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. « Elementi semantici HTML Proprietà di decorazione del testo in CSS » c affilato Come usare il polimorfismo in C# Il polimorfismo consente di trattare oggetti di classi distinte come provenivano dalla stessa classe... Nestore Caruso Golang Cos'è il pacchetto di test Golang? Il pacchetto di test Golang contiene diversi strumenti e funzioni che rendono più facile testare, de... Sarita Negri Salesforce Salesforce Apex - String Class Tutorial pratico sulla classe di stringhe Apex Salesforce e come applicare i suoi metodi su stringhe... Sarita Negri Pitone Seaborn Save trama Dante Palumbo Pitone MATPLOTLIB BOLD TESTO Domiziano Conte Giava Come usare la parola chiave byte in java Dr. Ursula Marini html Come aggiungere e riprodurre video su una pagina Web utilizzando HTML? Felicia Giuliani Powershell Puoi spiegare la funzionalità del comando Get-Location di PowerShell? Domiziano Conte Powershell Come usare Get-AddrincipalGroupMembership in PowerShell Nunzia Martini c affilato Differenza tra == operatore e pari metodo in C#? Nestore Caruso c affilato Condizioni e se poi dichiarazioni in C# Cristyn De Santis Programmazione C Come stampare un indirizzo di una variabile nella programmazione C? Nick Marini Golang Quali sono le costanti di Golang? Dr. Ursula Marini