Bygg en tabell visuellt, få ren HTML. Konfigurera strukturen till vänster (rader, kolumner, rubrik, bildtext, kanter, färger, justering), skriv direkt i rutnätet eller klistra in TSV / CSV / Excel-data. HTML:en genereras i realtid och visas både som kod och som en sandlådeskyddad direktförhandsvisning. Välj Klassisk utdata (attributen border / cellpadding) eller Modern utdata (inline-CSS), kopiera sedan koden eller ladda ned en självständig .html-fil. Allt körs lokalt — inget laddas upp.
Dimensioner
Struktur
Storlek & kanter
Utseende
Utdata
Klistra in tabb- och radbrytningsseparerad data (Excel eller TSV), eller kommaseparerad data (CSV med stöd för citattecken).
Celler5 × 5klicka på det lilla × vid en rads eller kolumns kant för att ta bort den
Skriv i cellerna eller tryck på Generera för att skapa HTML:en.
HTML-kod
Förhandsvisning
sandlådeskyddad - skript inaktiverade
Tips: cellinnehåll HTML-escapas som standard, så att indata i stil med <script> inte kan bryta den genererade koden eller förhandsvisningen; avmarkera “Escapa cell-HTML” bara när markup avsiktligt ska injiceras. Klistra in Excel-rader som TSV (knappen “Importera data...” känner automatiskt av tabbar eller kommatecken). Rutnätet stöder upp till 100 rader × 30 kolumner och förhandsvisningsramen är sandlådeskyddad (inga skript).
Tabeller som betyder något
<th scope="col"> och scope="row" talar om för skärmläsare vad varje rubrik beskriver, och en <caption> namnger hela tabellen. colspan och rowspan slår samman celler för verkligt sammanslagna data, men de förvirrar tolkare när de används för visuell layout.
Använd tabeller för datarelationer och CSS-rutnät eller flexbox för layout — layouttabeller skadar både tillgänglighet och responsivitet.
