Generatore di tabelle HTML

Crea tabelle HTML con un editor visuale e copia il codice all'istante.

RigheColonne Riga intestazione Bordo Righe a strisceSpaziatura

Output HTML

<table border="1" cellpadding="8" style="border-collapse: collapse; width: 100%;">
  <thead>
    <tr>
      <th style="padding: 8px; text-align: left;">Header 1</th>
      <th style="padding: 8px; text-align: left;">Header 2</th>
      <th style="padding: 8px; text-align: left;">Header 3</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td style="padding: 8px;">Cell 1,1</td>
      <td style="padding: 8px;">Cell 1,2</td>
      <td style="padding: 8px;">Cell 1,3</td>
    </tr>
    <tr>
      <td style="padding: 8px;">Cell 2,1</td>
      <td style="padding: 8px;">Cell 2,2</td>
      <td style="padding: 8px;">Cell 2,3</td>
    </tr>
    <tr>
      <td style="padding: 8px;">Cell 3,1</td>
      <td style="padding: 8px;">Cell 3,2</td>
      <td style="padding: 8px;">Cell 3,3</td>
    </tr>
  </tbody>
</table>

Informazioni su questo strumento

Il generatore di tabelle HTML ti permette di impostare righe e colonne, modificare le celle direttamente e ottenere codice HTML di tabella pronto all'uso. Puoi configurare visivamente righe di intestazione, bordi, righe a strisce e spaziatura delle celle.

L'HTML generato segue il markup semantico con la corretta struttura thead e tbody, migliore per l'accessibilità e i lettori di schermo. Il codice si aggiorna in tempo reale mentre modifichi.

Come usare

Imposta il numero di righe e colonne.
Attiva/disattiva riga intestazione, bordo e righe a strisce con le caselle di controllo.
Regola il valore della spaziatura delle celle.
Clicca su qualsiasi cella per digitare il contenuto direttamente.
Copia il codice sotto "Output HTML" e usalo nel tuo progetto.

Casi d'uso

Ottimo per tabelle di confronto dati, tabelle dei prezzi, orari, tabelle di specifiche prodotto e qualsiasi informazione visualizzata in formato tabellare su una pagina web.

Domande frequenti

Posso stilizzare la tabella senza CSS? — Sì. L'HTML generato include attributi border e cellpadding, quindi lo stile di base viene applicato senza alcun CSS.
Posso aggiungere colspan o rowspan? — Questo strumento genera una struttura di tabella di base. Modifica il codice generato direttamente per aggiungere attributi colspan/rowspan.
Come rendo la tabella responsive? — Avvolgi la tabella in un div con overflow-x: auto, o usa media query CSS per consentire lo scorrimento orizzontale su schermi piccoli.