Zbuduj tabelę wizualnie, otrzymaj czysty HTML. Skonfiguruj strukturę po lewej (wiersze, kolumny, nagłówek, podpis, obramowania, kolory, wyrównanie), wpisuj prosto w siatkę albo wklej dane TSV / CSV / Excel. HTML jest generowany w czasie rzeczywistym i pokazywany zarówno jako kod, jak i jako podgląd na żywo w piaskownicy. Wybierz wynik Klasyczny (atrybuty border / cellpadding) lub Nowoczesny (CSS inline), a potem skopiuj kod albo pobierz samodzielny plik .html. Wszystko działa lokalnie — nic nie jest wysyłane.
Wymiary
Struktura
Rozmiar i obramowania
Wygląd
Wynik
Wklej dane rozdzielone tabulatorami/nowymi wierszami (Excel lub TSV) albo rozdzielone przecinkami (CSV z obsługą cudzysłowów).
Komórki5 × 5kliknij mały × na krawędzi wiersza/kolumny, aby ją usunąć
Wpisz w komórki albo naciśnij Generuj, aby utworzyć HTML.
Kod HTML
Podgląd
w piaskownicy - skrypty wyłączone
Wskazówki: zawartość komórek jest domyślnie escapowana w HTML, więc wejście w stylu <script> nie może zepsuć wygenerowanego kodu ani podglądu; odznacz „Escapuj HTML w komórkach” tylko wtedy, gdy celowo wstrzykiwane są znaczniki. Wklejaj wiersze z Excela jako TSV (przycisk „Importuj dane...” sam wykrywa tabulatory lub przecinki). Siatka obsługuje do 100 wierszy × 30 kolumn, a podgląd w iframe jest w piaskownicy (bez skryptów).
Tabele, które mają znaczenie
<th scope="col"> i scope="row" mówią czytnikom ekranu, co opisuje każdy nagłówek, a <caption> nazywa całą tabelę. colspan i rowspan scalają komórki dla naprawdę scalonych danych, ale mylą parsery, gdy służą do układu wizualnego.
Używaj tabel do zależności danych, a CSS grid lub flexbox do układu — tabele układu szkodzą zarówno dostępności, jak i responsywności.
