Generatore di tabelle HTML

GUIDA

La tabella che ti serve — non il foglio di calcolo che quasi ti servirebbe

Listini, confronti tecnici o riepiloghi spedizione raramente giustificano Excel più HTML da ripulire. Questo generatore di tabelle HTML parte da righe e colonne, ti fa digitare nelle celle e produce un `<table>` da incollare in blocchi CMS, moduli email o wiki interni. Se confronti un creatore di tabelle HTML con markup scritto a mano, il flusso assomiglia più a una griglia piccola che a un workbook. Regoli la struttura dalla barra degli strumenti, formatti inline e la stessa tabella si aggiorna in anteprima mentre il pannello HTML resta sincronizzato — utile quando devi generare HTML tabella una volta e pubblicarlo.

Generatore di tabelle HTML con griglia, anteprima e output HTML

Markup affidabile prima della produzione

Una griglia 4×6 significa ventiquattro tag `<td>` — più un `<thead>` se la prima riga è intestazione. Un tag di chiusura mancante o un `rowspan` che non combacia con la riga sotto bastano a rompere un template email o mettere un blocco CMS in safe mode. L’editor di questa pagina è pensato per quel lavoro: ridimensionare righe e colonne, unire etichette con Maiusc+clic, mettere in grassetto un prezzo, inserire link o immagini dal computer senza uscire dalla griglia. A livello di tabella imposti ciò che i template richiedono: `border`, `cellpadding`, `width`, `id`, `class`, collapse dei bordi e alcuni temi colore — senza dipingere ogni cella a mano. Quando il layout va bene in anteprima, passa alla scheda HTML e copia il fragmento, oppure scarica un documento completo con CSS tabella di base per un controllo rapido nel browser.

Molti strumenti che generano HTML per tabelle si limitano all’export da foglio di calcolo o mostrano codice senza un rendering fedele. Qui anteprima e sorgente restano collegati: modifichi a sinistra, vedi il rendering a destra, i tag a un clic. Questo controllo bidirezionale intercetta presto celle in più dopo un’unione, un `</th>` mancante o padding ok in griglia ma sbagliato nell’iframe. L’elaborazione resta nel browser — il contenuto della tabella non viene caricato per «conversione».

Apri il generatore di tabelle HTML
🌱

Modifica e anteprima affiancate

Le modifiche nella griglia aggiornano insieme anteprima live e stringa di export — non indovini come finiranno gli attributi.

🔬

Immagini da URL o dal computer

Foto prodotto o icone in una cella tramite link o file locale — comodo per cataloghi e tabelle comparative.

💫

Fragmento o documento completo

Copia solo il `<table>` per pagine esistenti, oppure esporta un file HTML per un controllo rapido nel browser.

FEATURES

Cosa distingue questo generatore di tabelle HTML

Griglia mirata, markup pulito e anteprima che trova gli errori prima dell’incolla — non un altro passaggio Excel.

Editor griglia accanto ad anteprima renderizzata e pannello HTML

Percorso più breve dalla griglia vuota all’HTML incollabile

Imposta righe e colonne, trasforma la prima riga in intestazione `<thead>` se serve, aggiungi didascalia e compila le celle — senza export da foglio di calcolo. Inserisci riga, elimina colonna, unisci celle: tutto nel menu «Tabella», su un solo schermo. L’output è markup tabella semplice, come si aspettano CMS e tool email — non un wrapper pieno di stili inline indesiderati.

  • Griglia con unione e formattazione
  • Anteprima e HTML sincronizzati
  • Immagini locali nelle celle
  • Nel browser — senza upload

Come usare il generatore di tabelle HTML

Definire la forma della tabella

Definire la forma della tabella

Inserisci righe e colonne, attiva «Prima riga come intestazione» se la riga superiore deve essere `<th>`, apri le opzioni tabella per larghezza, bordi, didascalia o tema. Puoi ridimensionare dopo; unioni e contenuto restano se la griglia lo consente.

Compilare e formattare le celle

Compilare e formattare le celle

Clicca una cella e digita. Usa la barra formattazione per enfasi, link o immagini (URL o locale). Per unire: cella iniziale, Maiusc+clic sull’angolo opposto, poi «Unisci celle» nel menu Tabella. «Dividi cella» ripristina le celle singole.

Confrontare anteprima e HTML

Confrontare anteprima e HTML

Tieni aperta la scheda Anteprima mentre modifichi. Se qualcosa non torna — colonne spostate dopo un’unione, intestazione che non span correttamente — controlla `colspan` e `rowspan` nella scheda HTML. Risparmia un giro nell’anteprima CMS.

Esportare e verificare nel contesto reale

Esportare e verificare nel contesto reale

Copia il fragmento, scarica un `.html` o invia la tabella al Playground della home. Client email e CMS hanno ancora le loro peculiarità — un controllo nell’ambiente reale conviene — ma parti da tag tabella semantici puliti, non da lavoro di riparazione.

FAQ — generatore di tabelle HTML

INIZIA

Pronto a creare la tua tabella?

Schizza la griglia, allinea anteprima e HTML, poi copia quando corrispondono.

Generatore di tabelle HTML

Gratis
  • Griglia con unione e formattazione
  • Immagini locali e anteprima live
  • Export fragmento o documento HTML completo
  • No signup; use the tool in the browser
Torna su

Client email e CMS variano ancora — verifica gli spazi nell’ambiente reale dopo l’incolla.

Generatore di tabelle HTML
Markup tabella

HTML `<table>` pronto da incollare

Crea visivamente, valida in anteprima, copia lo stesso markup dalla scheda HTML.