Gjeneratori i tabelave HTML

Si të gjenerosh një tabelë HTML

1. Plotëso rrjetën. Përdor Shto rresht, Shto kolonë, Hiq rreshtin e fundit dhe Hiq kolonën e fundit, ose butonat × pranë çdo rreshti e kolone. Tabelë e re e zbrazët nis përsëri nga një rrjetë bosh 3 × 3.
2. Për të ripërdorur të dhëna ekzistuese, ngjit CSV ose qeliza të kopjuara nga Excel, LibreOffice ose Google Sheets te Importo të dhëna CSV ose nga fleta e llogaritjes, kontrollo Ndarësin dhe kliko Importo. Mund të ngjitësh edhe një bllok qelizash nga fleta e llogaritjes drejt e në çdo qelizë të rrjetës.
3. Shto një Titull të tabelës dhe zgjidh nëse Rreshti i parë është rresht kryesh dhe Kolona e parë është kolonë kryesh.
4. Te Stilimi, zgjidh Pa stile, Klasë CSS ose Stile brenda elementit, dhe rregullo Ngjyrën e kufirit, Sfondin e kokës dhe Rreshta me vija nëse dëshiron.
5. Kontrollo Pamjen paraprake, pastaj kliko Kopjo HTML ose shkarko kodin si skedar .html.

Shënjimi i aksesueshëm i tabelës

Një tabelë është e aksesueshme vetëm kur lexuesit e ekranit dallojnë cilat qeliza janë kryesh dhe çfarë përshkruajnë. Ky mjet shkruan strukturën që rekomandojnë standardi HTML dhe teknikat WCAG:

• <caption> i jep tabelës një emër. Lexuesit e ekranit e njoftojnë kur hyn në tabelë, dhe ndihmon çdo lexues të kuptojë çfarë po shikon. Mbaje të shkurtër dhe përshkrues.
• <thead> dhe <tbody> ndajnë rreshtin e kokës nga rreshtat e të dhënave. Shfletuesit mund ta përsërisin <thead> në çdo faqe të printuar.
• <th scope="col"> shënon çdo krye kolone, dhe me Kolona e parë është kolonë kryesh, <th scope="row"> shënon qelizën e parë të çdo rreshti. Kur një përdorues i lexuesit të ekranit kalon te një qelizë të dhënash, ai mund të lexojë me zë titujt përkatës, si “Pro, Çmimi, 12”.

Përdor tabelat vetëm për të dhëna tabelare, kurrë për paraqitjen e faqes. Shmang qelizat e bashkuara kur mundesh: rrjetat e thjeshta me një rresht kryesh dhe, nëse duhet, një kolonë kryesh, janë më të lehtat për t’u lexuar me teknologji ndihmëse.

Opsionet e stilimit

• Pa stile shkruan shënjim të thjeshtë që trashëgon stilet e tabelave të sajtit tënd. Është zgjedhja më e mirë për një CMS ose një sajt me sistem dizajni.
• Klasë CSS shton class="…" te <table> dhe shfaq një bllok CSS përkatës që ta ngjitësh në fletën e stileve. Emri i klasës pastrohet në shkronja, shifra, vija dhe nënvija që të jetë gjithmonë përzgjedhës i vlefshëm.
• Stile brenda elementit vendos atribute style në çdo element. Është i gjatë, por është ajo që duhet për email-et HTML, pasi shumë klientë email-i i injorojnë blloqet <style>. Butoni Shkarko shton CSS-në në një element <style> kur përdor një klasë.

Në CSS shkruhen vetëm ngjyra të vërteta heksadecimale nga zgjedhësit e ngjyrave, ndaj asgjë e papritur nuk mund të përfundojë në stilet e tua.

Kodimi dhe siguria

Çdo qelizë kodohet: <, > dhe & bëhen <, > dhe &, ndaj teksti si <b> ose a < b shfaqet saktësisht siç është shkruar në vend që të interpretohet si shënjim. Ndarjet e rreshtave brenda qelizave të importuara bëhen <br>. Pamja paraprake ndërtohet vetëm nga ky shënjim i kodur dhe kalon përmes një pastruesi që mban vetëm elementet e tabelës, ndaj një skript i ngjitur nuk mund të ekzekutohet kurrë.