HTML-töflusmiður

Hvernig á að búa til HTML-töflu

1. Fylltu út töfluna. Notaðu Bæta við röð, Bæta við dálki, Fjarlægja síðustu röð og Fjarlægja síðasta dálk, eða ×-hnappana við hverja röð og dálk. Ný tóm tafla byrjar upp á nýtt á auðri 3 × 3 töflu.
2. Til að endurnýta gögn sem þú átt límirðu CSV eða reiti sem þú afritaðir úr Excel, LibreOffice eða Google Sheets í Flytja inn CSV- eða töflureikna-gögn, athugar Skiltákn og smellir á Flytja inn. Þú getur líka límt blokk af töflureiknisreitum beint í hvaða reit töflunnar sem er.
3. Bættu við Myndatexti og veldu hvort Fyrsta röðin er hausröð og Fyrsti dálkurinn er hausdálkur.
4. Undir Stíll velurðu Engir stílar, CSS-flokkur eða Innfelldir stílar og stillir Litur ramma, Bakgrunnur hauss og Rendur í röðum ef þú vilt.
5. Athugaðu Forskoðun og smelltu síðan á Afrita HTML eða sæktu kóðann sem .html-skrá.

Aðgengileg töfluálagning

Tafla er aðeins aðgengileg þegar skjálesarar geta sagt hvaða reitir eru hausar og hvað þeir lýsa. Þetta verkfæri skrifar bygginguna sem HTML-staðallinn og WCAG-aðferðirnar mæla með:

• <caption> gefur töflunni heiti. Skjálesarar tilkynna það þegar farið er inn í töfluna og það hjálpar öllum lesendum að skilja hvað þeir eru að skoða. Hafðu það stutt og lýsandi.
• <thead> og <tbody> aðgreina hausröðina frá gagnaröðunum. Vafrar geta endurtekið <thead> á hverri prentaðri síðu.
• <th scope="col"> merkir hvern dálkahaus og með Fyrsti dálkurinn er hausdálkur merkir <th scope="row"> fyrsta reit hverrar raðar. Þegar skjálesaranotandi fer í gagnareit getur hann lesið upp samsvarandi hausa, til dæmis „Pro, Verð, 1 200 kr.“.

Notaðu töflur aðeins fyrir töflugögn, aldrei fyrir uppsetningu síðu. Forðastu sameinaða reiti þegar þú getur: einfaldar töflur með einni hausröð og, ef þarf, einum hausdálki eru auðveldastar að lesa með hjálpartækjum.

Stílvalkostir

• Engir stílar skrifar hreina álagningu sem erfir töflustíla vefsvæðisins þíns. Það er besti kosturinn fyrir CMS eða vef með hönnunarkerfi.
• CSS-flokkur bætir class="…" við <table> og sýnir samsvarandi CSS-blokk til að líma í stílblaðið þitt. Heiti flokks er hreinsað í bókstafi, tölustafi, bandstrik og undirstrik svo það sé alltaf gildur veljari.
• Innfelldir stílar setur style-eigindi á alla þætti. Þetta er fyrirferðarmikið, en þetta er það sem HTML-tölvupóstur þarf, því mörg póstforrit hunsa <style>-blokkir. Hnappurinn Sækja bætir CSS-inu við í <style>-þætti þegar þú notar flokk.

Aðeins raunverulegir sextándakerfislitir úr litavölunum eru skrifaðir í CSS-ið, svo ekkert óvænt getur endað í stílunum þínum.

Forðun og öryggi

Hver reitur er forðaður: <, > og & verða <, > og &, svo texti eins og <b> eða a < b birtist nákvæmlega eins og hann var sleginn inn í stað þess að vera túlkaður sem álagning. Línuskil í innfluttum reitum verða <br>. Forskoðunin er smíðuð eingöngu úr þessari forðuðu álagningu og fer í gegnum hreinsara sem heldur aðeins töfluþáttum, svo innlímd skripta getur aldrei keyrt.