Sestavte tabulku vizuálně, získejte čisté HTML. Nastavte strukturu vlevo (řádky, sloupce, záhlaví, popisek, ohraničení, barvy, zarovnání), pište přímo do mřížky, nebo vložte data TSV / CSV / Excel. HTML se generuje v reálném čase a zobrazuje se jako kód i jako izolovaný živý náhled. Zvolte výstup Klasický (atributy border / cellpadding) nebo Moderní (inline CSS), pak zkopírujte kód nebo stáhněte samostatný soubor .html. Vše běží lokálně — nic se nenahrává.
Rozměry
Struktura
Velikost a ohraničení
Vzhled
Výstup
Vložte data oddělená tabulátory/novými řádky (Excel nebo TSV), nebo oddělená čárkami (CSV s podporou uvozovek).
Buňky5 × 5klikněte na malé × na okraji řádku/sloupce a odeberete jej
Pište do buněk nebo stiskněte Generovat a vytvořte HTML.
Kód HTML
Náhled
izolováno – skripty zakázány
Tipy: obsah buněk je ve výchozím stavu escapován jako HTML, takže vstup ve stylu <script> nemůže rozbít vygenerovaný kód ani náhled; odškrtněte „Escapovat HTML buněk“, jen když záměrně chcete vložit značky. Řádky z Excelu vkládejte jako TSV (tlačítko „Importovat data…“ automaticky rozpozná tabulátory nebo čárky). Mřížka podporuje až 100 řádků × 30 sloupců a náhledový iframe je izolovaný (bez skriptů).
Tabulky, které něco znamenají
<th scope="col"> a scope="row" říkají čtečkám obrazovky, co každé záhlaví popisuje, a <caption> pojmenovává celou tabulku. colspan a rowspan slučují buňky u skutečně sloučených dat, ale při použití pro vizuální rozložení matou parsery.
Tabulky používejte pro datové vztahy a CSS grid nebo flexbox pro rozložení — tabulky pro rozložení škodí přístupnosti i responzivitě.
