Le tabelle HTML offrono un potente strumento per presentare i dati sul tuo sito web. Ma padroneggiarli va oltre le semplici righe e colonne. Questo articolo funge da tuo guida definitiva per sbloccare il potenziale delle tabelle HTML, andando oltre le basi .
Prerequisiti: Introduzione all'HTML
Tabella dei contenuti
- Che cosa sono le tabelle HTML?
- Tabella HTML – Esempio di codice
- Tag utilizzati nelle tabelle HTML
- Aggiunta di un bordo a una tabella HTML
- Aggiunta del riempimento delle celle in una tabella HTML
- Aggiunta di intestazioni allineate a sinistra in una tabella HTML
- Aggiunta della spaziatura del bordo in una tabella HTML
- Aggiunta di celle che si estendono su più colonne nelle tabelle HTML
- Aggiunta di un colore di sfondo alla tabella
- Creazione di tabelle nidificate
Che cosa sono le tabelle HTML?
Una tabella HTML è una disposizione di dati in righe E colonne in formato tabellare. Le tabelle sono utili per varie attività, come la presentazione di informazioni di testo e dati numerici. Una tabella è uno strumento utile per trovare rapidamente e facilmente connessioni tra diversi tipi di dati. Le tabelle vengono utilizzate anche per creare database.
Esempio di codice di tabella HTML
HTML
Nome> Cognome> Ageth> tr> Priyatd> Sharmatd> 24td>tr> Aruntd> Sightd> 32td>tr> Samtd> Watsontd> 41td> tr> tabella> corpo> html>> Produzione:
Tabella HTML semplice
Tag utilizzati nelle tabelle HTML
come tag finale.Sintassi
Content...>
Righe della tabella
Le righe possono essere formate con l'aiuto della combinazione di celle della tabella. È indicato con
e tag come tag di inizio e fine.
Sintassi
Content...>
Intestazioni di tabella
Le intestazioni vengono generalmente utilizzate per fornire l'intestazione. Le intestazioni della tabella possono essere utilizzate anche per aggiungere l'intestazione alla tabella. Questo contiene il
tag.Sintassi
Content...>
Esempio 1: Creazione di una semplice tabella in HTML utilizzando un tag table.
HTML
Nome del libro> Nome dell'autore> Genere> tr> Il ladro di libri> Markus Zusaktd> Narrativa storicatd> tr> Il Principe Crudele> Holly Blacktd> Fantasiatd>tr> Il paziente silenziosotd> Alex Michaelidestd> Fiction psicologicatd> tr> table> body> html>> Produzione:
Tabella HTML
Aggiunta di un bordo a una tabella HTML
Un bordo viene impostato utilizzando la proprietà border CSS. Se non specifichi un bordo per la tabella, questa verrà visualizzata senza bordi.
esempi di alberi binari
Sintassi
table, th, td { border: 1px solid black; }> Esempio : Aggiunta del bordo alla tabella HTML.
HTML
