Bouw visueel een tabel en krijg schone HTML. Stel de structuur links in (rijen, kolommen, kop, bijschrift, randen, kleuren, uitlijning), typ rechtstreeks in het raster, of plak TSV / CSV / Excel-gegevens. De HTML wordt in realtime gegenereerd en zowel als code als in een afgeschermde live-voorvertoning getoond. Kies de uitvoer Klassiek (attributen border / cellpadding) of Modern (inline CSS), en kopieer daarna de code of download een op zichzelf staand .html-bestand. Alles draait lokaal — er wordt niets geüpload.
Afmetingen
Structuur
Grootte & randen
Uiterlijk
Uitvoer
Plak tab-/nieuwe-regel-gescheiden gegevens (Excel of TSV), of komma-gescheiden (CSV met ondersteuning voor aanhalingstekens).
Cellen5 × 5klik op het kleine × aan een rand van een rij/kolom om die te verwijderen
Typ in de cellen of druk op Genereren om de HTML te maken.
HTML-code
Voorvertoning
afgeschermd — scripts uitgeschakeld
Tips: celinhoud wordt standaard als HTML geëscapet, zodat invoer in de stijl <script> de gegenereerde code of de voorvertoning niet kan breken; vink "HTML in cellen escapen" alleen uit wanneer u bewust opmaak wilt injecteren. Plak Excel-rijen als TSV (de knop "Gegevens importeren..." herkent tabs of komma's automatisch). Het raster ondersteunt tot 100 rijen × 30 kolommen en het voorvertoningsframe is afgeschermd (geen scripts).
Tabellen die iets betekenen
<th scope="col"> en scope="row" vertellen schermlezers wat elke kop beschrijft, en een <caption> benoemt de hele tabel. colspan en rowspan voegen cellen samen voor echt samengevoegde gegevens, maar ze verwarren parsers wanneer ze voor visuele lay-out worden gebruikt.
Gebruik tabellen voor gegevensrelaties en CSS-grid of flexbox voor de lay-out — lay-outtabellen schaden zowel toegankelijkheid als responsiviteit.
