Come creare una tabella HTML

Una tabella HTML si crea con il tag <table> e una struttura di righe (<tr>) e celle (<td> per i dati, <th> per le intestazioni). Questo generatore crea automaticamente il codice HTML corretto partendo dalle impostazioni che scegli: numero di righe e colonne, presenza di riga di intestazione e stile visivo.

Come usare il generatore di tabelle HTML

• Righe e colonne: imposta il numero con i campi numerici (max 20 righe, 10 colonne)
• Riga di intestazione: attiva l’opzione per usare la prima riga come header con tag <th>
• Stile: scegli tra Bordi classici, Righe alternate (zebra striping) o Minimal
• Modifica celle: clicca su qualsiasi cella dell’anteprima per modificarne il testo direttamente
• Copia HTML: copia il codice generato negli appunti con un clic

Struttura di una tabella HTML

<table>
  <tr>
    <th>Intestazione 1</th>
    <th>Intestazione 2</th>
  </tr>
  <tr>
    <td>Dato 1</td>
    <td>Dato 2</td>
  </tr>
</table>

Per stilizzare la tabella in CSS usa border-collapse: collapse per unire i bordi, padding sulle celle per la leggibilità, e nth-child(even) per le righe alternate. Il codice generato da questo tool è già semanticamente corretto e compatibile con tutti i browser moderni.

Generatore Tabelle HTML: struttura e sintassi corretta

Il generatore tabelle HTML online crea il codice HTML per tabelle strutturate in pochi secondi. Definisci il numero di righe e colonne, aggiungi un’intestazione (thead) e personalizza il contenuto delle celle: il generatore tabelle HTML produce il codice pronto da incollare nel tuo sito, blog o applicazione web. Nessuna conoscenza di HTML richiesta.

Le tabelle HTML si compongono di elementi specifici: il tag <table> per la struttura, <thead> per l’intestazione, <tbody> per il corpo, <tr> per le righe, <th> per le celle intestazione e <td> per le celle dati. Il generatore tabelle HTML crea automaticamente questa struttura semantica, importante anche per l’accessibilità (screen reader).

Strumenti correlati per lo sviluppo web: editor HTML online per testare il codice, Lorem Ipsum generator per riempire le celle, formattatore JSON per i dati da tabella. Specifiche HTML: WHATWG HTML — Tables.

Il generatore tabelle HTML produce anche il CSS di base per rendere la tabella visivamente leggibile: bordi, sfondi alternati sulle righe (zebra striping) e intestazioni in evidenza. Puoi personalizzare questi stili nel tuo foglio CSS. Le tabelle HTML generate sono semanticamente corrette e accessibili, compatibili con gli screen reader grazie all’uso corretto di <thead>, <tbody> e attributi di scope sulle celle intestazione <th>.