Bygg en tabell visuelt, og få ren HTML. Konfigurer strukturen til venstre (rader, kolonner, overskrift, tittel, rammer, farger, justering), skriv direkte inn i rutenettet, eller lim inn TSV / CSV / Excel-data. HTML-en genereres i sanntid og vises både som kode og som en sandkassert live-forhåndsvisning. Velg klassisk utdata (ramme- og cellepadding-attributter) eller moderne utdata (innlinjet CSS), og kopier deretter koden eller last ned en selvstendig .html-fil. Alt kjører lokalt — ingenting lastes opp.
Dimensjoner
Struktur
Størrelse og rammer
Utseende
Utdata
Lim inn tabulator-/ linjeskiftseparert data (Excel eller TSV), eller kommaseparert (CSV med støtte for anførselstegn).
Celler5 × 5klikk på det lille × på en rad- eller kolonnekant for å fjerne den
Skriv inn i cellene eller trykk Generer for å lage HTML-en.
HTML-kode
Forhåndsvisning
sandkassert — skript deaktivert
Tips: celleinnhold HTML-escapes som standard, slik at input i stil med <script> ikke kan ødelegge den genererte koden eller forhåndsvisningen; fjern haken for "Escape celle-HTML" bare når man med vilje vil injisere markup. Lim inn Excel-rader som TSV (knappen "Importer data ..." oppdager tabulatorer eller komma automatisk). Rutenettet støtter opptil 100 rader × 30 kolonner, og forhåndsvisningsrammen er sandkassert (ingen skript).
Tabeller som betyr noe
<th scope="col"> og scope="row" forteller skjermlesere hva hver overskrift beskriver, og en <caption> navngir hele tabellen. colspan og rowspan slår sammen celler for ekte sammenslåtte data, men de forvirrer parsere når de brukes til visuell layout.
Bruk tabeller for datarelasjoner og CSS-grid eller flexbox for layout — layouttabeller skader både tilgjengelighet og responsivitet.
