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.
Tutto viene eseguito nel browser I dati che incolli vengono analizzati e convertiti in JavaScript sul tuo dispositivo, quindi non viene caricato, registrato o archiviato nulla e lo strumento continua a funzionare con la rete disconnessa una volta caricata la pagina Puoi scegliere come viene fornito lo styling: nomi di classi moderne 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.
Incolla righe separate da virgole o da schede nella casella di input Il delimitatore viene rilevato automaticamente oppure è possibile impostarlo manualmente se i dati sono ambigui.
Decidere se la prima riga è un'intestazione di colonna e se la prima colonna di ogni riga è un'intestazione di riga, in modo che gli screen reader annuncino le celle giuste.
Aggiungi una didascalia, attiva righe o bordi a righe, scegli un layout compatto e scegli CSS basato su classi, stili in linea o HTML semantico semplice.
Fai clic su Genera per creare la tabella, quindi copia l'HTML e, in modalità classe, il CSS corrispondente nel tuo progetto Tutto rimane nel tuo browser.
Incolla dati separati da virgola, scheda, punto e virgola o pipe Il delimitatore viene rilevato automaticamente e i campi citati con separatori incorporati vengono analizzati correttamente.
La prima riga può diventare <esimo ambito="col"> e la prima colonna <esimo ambito="riga">, quindi la tecnologia assistiva annuncia intestazioni per ogni cella dati.
Emetti nomi di classi con un blocco CSS corrispondente, stili in linea autonomi per la posta elettronica o HTML semantico semplice senza stile, a seconda di dove finisce la tabella.
Aggiungi strisce zebrate, bordi delle celle, un layout compatto e un elemento <caption>, il tutto applicato in modo coerente su ogni riga della tabella.
Format, beautify, and minify HTML online. Re-indents messy or minified markup, keeps script, style, and pre content verbatim, and runs entirely in your browser.
Convert HTML to clean Markdown instantly. Turns headings, lists, links, images, blockquotes, code blocks and tables into portable GitHub Flavored Markdown. Tolerant of messy CMS markup. 100% client-side.
Build Markdown tables in a spreadsheet-style editor - import CSV, Excel, or an existing table, set alignment, copy clean GFM
Generate a linked table of contents from Markdown headings
0 comments
No comments yet. Be the first to share your thoughts!