Rakenna taulukko visuaalisesti ja saa siisti HTML. Määritä rakenne vasemmalla (rivit, sarakkeet, otsikko, otsikkoteksti, reunukset, värit, tasaus), kirjoita suoraan ruudukkoon tai liitä TSV / CSV / Excel-dataa. HTML luodaan reaaliajassa ja näytetään sekä koodina että hiekkalaatikossa olevana elävänä esikatseluna. Valitse Klassinen-tulos (reunus / cellpadding-attribuutit) tai Moderni-tulos (sisäinen CSS), kopioi sitten koodi tai lataa itsenäinen .html-tiedosto. Kaikki toimii paikallisesti — mitään ei ladata.
Mitat
Rakenne
Koko & reunukset
Ulkoasu
Tulos
Liitä sarkain-/ rivinvaihtoerotettu data (Excel tai TSV) tai pilkkuerotettu (CSV, lainausmerkit tuettu).
Solut5 × 5poista napsauttamalla rivin/sarakkeen reunan pientä ×-merkkiä
Kirjoita soluihin tai paina Luo, jolloin HTML luodaan.
HTML-koodi
Esikatselu
hiekkalaatikossa - skriptit pois käytöstä
Vinkit: solun sisältö koodataan oletuksena HTML:ksi, joten <script>-tyyppinen syöte ei voi rikkoa luotua koodia tai esikatselua; poista "Koodaa solun HTML" -valinta vain silloin, kun halutaan tarkoituksella lisätä merkintää. Liitä Excel-rivit TSV-muodossa ("Tuo data..." -painike tunnistaa sarkaimet tai pilkut automaattisesti). Ruudukko tukee enintään 100 riviä × 30 saraketta ja esikatselun iframe on hiekkalaatikossa (ei skriptejä).
Taulukot, joilla on merkitystä
<th scope="col"> ja scope="row" kertovat ruudunlukijoille, mitä kukin otsikko kuvaa, ja <caption> nimeää koko taulukon. colspan ja rowspan yhdistävät solut todella yhdistettyä dataa varten, mutta ne hämmentävät jäsentimiä, kun niitä käytetään visuaaliseen asetteluun.
Käytä taulukoita tietojen suhteisiin ja CSS-ruudukkoa tai flexboxia asetteluun — asettelutaulukot heikentävät sekä saavutettavuutta että responsiivisuutta.
