Byg en tabel visuelt, og få ren HTML. Konfigurér strukturen til venstre (rækker, kolonner, overskrift, billedtekst, kanter, farver, justering), skriv direkte ind i gitteret, eller indsæt TSV / CSV / Excel-data. HTML'en genereres i realtid og vises både som kode og som en sandboxet live-forhåndsvisning. Vælg Klassisk output (attributterne border / cellpadding) eller Moderne output (inline CSS), og kopiér derefter koden, eller download en selvstændig .html-fil. Alt kører lokalt — intet uploades.
Dimensioner
Struktur
Størrelse & kanter
Udseende
Output
Indsæt tab-/ linjeskift-adskilte data (Excel eller TSV), eller kommaadskilte (CSV med understøttelse af anførselstegn).
Celler5 × 5klik på det lille × på en række-/kolonnekant for at fjerne den
Skriv i cellerne, eller tryk på Generér for at oprette HTML'en.
HTML-kode
Forhåndsvisning
sandboxet — scripts deaktiveret
Tips: cellens indhold HTML-undslippes som standard, så input i stil med <script> ikke kan ødelægge den genererede kode eller forhåndsvisningen; fjern kun markeringen i “Undslip celle-HTML”, når der bevidst ønskes at indsætte markup. Indsæt Excel-rækker som TSV (knappen “Importér data …” registrerer automatisk tabulatorer eller kommaer). Gitteret understøtter op til 100 rækker × 30 kolonner, og forhåndsvisnings-iframen er sandboxet (ingen scripts).
Tabeller, der betyder noget
<th scope="col"> og scope="row" fortæller skærmlæsere, hvad hver overskrift beskriver, og en <caption> navngiver hele tabellen. colspan og rowspan flette celler til virkeligt sammenflettede data, men de forvirrer parsere, når de bruges til visuelt layout.
Brug tabeller til dataforhold og CSS grid eller flexbox til layout — layouttabeller skader både tilgængelighed og responsivitet.
