Generatore di tabelle HTML

Un generatore di tabelle HTML trasforma le righe di dati nel markup HTML che le esegue come tabella in un browser Incolli valori separati da virgole o da schede, scegli come dovrebbe apparire la tabella e lo strumento scrive un elemento completo <table> con <thead>, <tbody> e righe e celle della tabella Invece di digitare manualmente ogni <tr>, <th> e <td> e contare le celle per mantenere allineate le colonne, incolli i dati una volta e copi il markup di backup pronto per essere inserito in una pagina Web, un modello di posta elettronica o un file di documentazione.

Esiste perché scrivere HTML a tabella a mano è ripetitivo e soggetto a errori Una tabella con dieci righe e cinque colonne necessita di più di cinquanta tag di cella, tutti correttamente aperti e chiusi, e un singolo </td> mancante rompe il layout L'accessibilità aggiunge maggiori dettagli: le celle di intestazione dovrebbero essere <th> con un attributo di ambito in modo che gli screen reader li annuncino e una tabella spesso necessita di un <caption> che ne descriva il contenuto Questo generatore applica quelle regole per te La prima riga può diventare un'intestazione corretta, la prima colonna di ogni riga può diventare un'intestazione di riga e ogni valore di cella è privo di HTML in modo che i caratteri come < e & vengano visualizzati come testo anziché interrompere la pagina.

La conversione viene eseguita lato client I dati che incolli vengono analizzati e convertiti in JavaScript sul tuo dispositivo, quindi le righe non vengono mai caricate; premendo Genera registri un record di utilizzo che porta solo la modalità stile e lo strumento continua a funzionare con la rete disconnessa una volta caricata la pagina Puoi scegliere come viene consegnato lo styling: nomi di classi moderni con un blocco CSS corrispondente, stili in linea autonomi che sopravvivono all'incollaggio in un'e-mail o HTML semantico semplice senza alcuno styling Opzioni per righe a righe, bordi, layout compatto e indentazione ti consentono di abbinare l'output al progetto in cui lo stai incollando.

Ecco un esempio elaborato del generatore HTML di tabella Incolla tre righe, `,Price,Seats`, `Free,$0,1` e `Pro", $1,200",10`, digita Pricing as the didascalia e premi Genera L'output è un <table> con <caption>Pricing</caption>, tre <th scope="col"> intestazioni e due righe di corpo, e il citato "$1,200" rimane una cella invece di dividere alla sua virgola Utilizzato come generatore di tabelle per le e-mail HTML, cambia stile in stili in linea e ogni cella porta la propria imbottitura e bordo, quindi non è necessario alcun foglio di stile.