Táblázat építése vizuálisan, tiszta HTML-lel. A szerkezet beállítható a bal oldalon (sorok, oszlopok, fejléc, felirat, keretek, színek, igazítás), a rácsba közvetlenül gépelhető, vagy TSV / CSV / Excel adat illeszthető be. A HTML valós időben generálódik, és kódként, valamint homokozott élő előnézetként is megjelenik. A Klasszikus (keret / cellapadding attribútumok) vagy a Modern (beágyazott CSS) kimenet választható, majd a kód másolható, vagy egy önálló .html fájl tölthető le. Minden helyben fut — nincs feltöltés.
Méretek
Szerkezet
Méret & keretek
Megjelenés
Kimenet
Tabulátorral / új sorral elválasztott adat (Excel vagy TSV) illeszthető be, vagy vesszővel elválasztott (CSV, idézőjelek támogatottak).
Cellák5 × 5az eltávolításhoz a sor- vagy oszlopszél apró × jelére kattintás szükséges
A HTML generálásához a cellákba gépelés vagy a Generálás gomb használata szükséges.
HTML-kód
Előnézet
homokozott - a szkriptek le vannak tiltva
Tippek: a cellatartalom alapértelmezés szerint HTML-escape-elt, így a <script>-szerű bemenet nem törheti meg a generált kódot vagy az előnézetet; a „Cella HTML-jének escape-elése” jelölőnégyzet csak akkor kapcsolandó ki, ha szándékosan jelölést akarunk beszúrni. Az Excel-sorok TSV-ként illeszthetők be (az „Adatok importálása...” gomb automatikusan felismeri a tabulátorokat vagy vesszőket). A rács legfeljebb 100 sort × 30 oszlopot támogat, az előnézeti iframe pedig homokozott (nincs szkript).
Jelentéssel bíró táblázatok
A <th scope="col"> és a scope="row" megmondja a képernyőolvasóknak, mit ír le az egyes fejléc, a <caption> pedig a teljes táblázatot nevezi meg. A colspan és a rowspan valódi összevont adatoknál egyesíti a cellákat, de vizuális elrendezésre használva összezavarja az elemzőket.
Táblázatokat adatok közötti kapcsolatokra, a CSS-rácsot vagy flexboxot elrendezésre érdemes használni — az elrendezési táblázatok rontják az akadálymentességet és a reszponzivitást is.
