Costruisca una tabella visivamente, ottenga HTML pulito. Configuri la struttura a sinistra (righe, colonne, intestazione, didascalia, bordi, colori, allineamento), scriva direttamente nella griglia oppure incolli dati TSV / CSV / Excel. L'HTML viene generato in tempo reale e mostrato sia come codice sia come anteprima dal vivo in sandbox. Scelga l'output Classico (attributi border / cellpadding) oppure Moderno (CSS in linea), poi copi il codice o scarichi un file .html autonomo. Tutto viene eseguito localmente — nulla viene caricato.
Dimensioni
Struttura
Dimensioni e bordi
Aspetto
Output
Incolli dati separati da tabulazioni/ a capo (Excel o TSV), oppure separati da virgole (CSV con virgolette supportate).
Celle5 × 5faccia clic sul piccolo × sul bordo di una riga/colonna per rimuoverla
Scriva nelle celle oppure prema Genera per creare l'HTML.
Codice HTML
Anteprima
in sandbox - script disattivati
Suggerimenti: il contenuto delle celle viene sottoposto a escape HTML per impostazione predefinita, così input in stile <script> non possono rompere il codice generato né l'anteprima; deselezioni «Esegui escape dell'HTML delle celle» solo quando vuole davvero iniettare markup. Incolli le righe di Excel come TSV (il pulsante «Importa dati...» rileva automaticamente tabulazioni o virgole). La griglia supporta fino a 100 righe × 30 colonne e l'iframe di anteprima è in sandbox (nessuno script).
Tabelle che significano qualcosa
<th scope="col"> e scope="row" dicono agli screen reader a cosa si riferisce ciascuna intestazione, e una <caption> dà un nome all'intera tabella. colspan e rowspan uniscono le celle per dati davvero uniti, ma confondono i parser quando vengono usati per l'impaginazione visiva.
Usi le tabelle per le relazioni tra i dati e CSS grid o flexbox per l'impaginazione — le tabelle di layout danneggiano sia l'accessibilità sia il design reattivo.
