Gineadóir Táblaí HTML

Conas tábla HTML a ghiniúint

1. Líon isteach an eangach. Úsáid Cuir sraith leis, Cuir colún leis, Bain an tsraith dheireanach agus Bain an colún deireanach, nó na cnaipí × in aice le gach sraith agus colún. Tosaíonn Tábla nua folamh arís ó eangach bhán 3 × 3.
2. Chun sonraí atá ann cheana a athúsáid, greamaigh CSV nó cealla a cóipeáladh ó Excel, LibreOffice nó Google Sheets in Iompórtáil sonraí CSV nó scarbhileoige, seiceáil an Teorannóir agus cliceáil Iompórtáil. Is féidir leat bloc de chealla scarbhileoige a ghreamú díreach in aon chill den eangach freisin.
3. Cuir Fotheideal leis agus roghnaigh an Is sraith cheanntásca í an chéad sraith agus Is colún ceanntásca é an chéad cholún.
4. Faoi Stíliú, roghnaigh Gan stíleanna, Aicme CSS nó Stíleanna inlíne, agus coigeartaigh Dath na teorann, Cúlra an cheanntáisc agus Sraitheanna stríocacha más mian leat.
5. Seiceáil an Réamhamharc, ansin cliceáil Cóipeáil HTML nó íoslódáil an cód mar chomhad .html.

Marcáil tábla inrochtana

Ní bhíonn tábla inrochtana ach nuair is féidir le léitheoirí scáileáin a rá cé na cealla atá ina gceanntásca agus cad a bhfuil siad ag cur síos air. Scríobhann an uirlis seo an struchtúr a mholann caighdeán HTML agus teicnící WCAG:

• Tugann <caption> ainm don tábla. Fógraíonn léitheoirí scáileáin é agus iad ag dul isteach sa tábla, agus cabhraíonn sé le gach léitheoir tuiscint a fháil ar a bhfuil á fheiceáil acu. Coinnigh gearr agus tuairisciúil é.
• Scarann <thead> agus <tbody> an tsraith cheanntásca ó na sraitheanna sonraí. Is féidir le brabhsálaithe an <thead> a athdhéanamh ar gach leathanach clóite.
• Marcálann <th scope="col"> gach ceanntásc colúin, agus le Is colún ceanntásca é an chéad cholún, marcálann <th scope="row"> an chéad chill de gach sraith. Nuair a bhogann úsáideoir léitheora scáileáin chuig cill sonraí, is féidir leis na ceanntásca comhfhreagracha a léamh amach, mar “Pro, Praghas, €12”.

Úsáid táblaí do shonraí táblacha amháin, ní do leagan amach leathanaigh riamh. Seachain cealla cumaiscthe nuair is féidir: is iad eangacha simplí le sraith cheanntásca amháin agus, más gá, colún ceanntásca amháin is éasca a léamh le teicneolaíocht chúnta.

Roghanna stíliúcháin

• Scríobhann Gan stíleanna marcáil ghlan a oidhríonn stíleanna tábla do shuímh. Is é an rogha is fearr é do CMS nó do shuíomh le córas dearaidh.
• Cuireann Aicme CSS class="…" leis an <table> agus taispeánann sé bloc CSS comhfhreagrach le greamú i do bhileog stíle. Glantar an Ainm aicme go litreacha, digití, fleiscíní agus béim íochtair ionas gur roghnóir bailí i gcónaí é.
• Cuireann Stíleanna inlíne tréithe style ar gach eilimint. Tá sé fada, ach is é an rud a theastaíonn ó ríomhphoist HTML, ós rud é go ndéanann go leor cliant ríomhphoist neamhaird de bhlocanna <style>. Cuireann an cnaipe Íoslódáil an CSS in eilimint <style> nuair a úsáideann tú aicme.

Ní scríobhtar ach fíordhathanna heicsidheachúlacha ó na roghnóirí datha isteach sa CSS, mar sin ní féidir le rud gan choinne a bheith i do stíleanna.

Éalú agus sábháilteacht

Éalaítear gach cill: éiríonn <, > agus & <, > agus &, ionas go dtaispeántar téacs mar <b> nó a < b díreach mar a clóscríobhadh seachas a léirmhíniú mar mharcáil. Éiríonn bristeacha líne laistigh de chealla iompórtáilte <br>. Tógtar an réamhamharc ón marcáil éalaithe seo amháin agus téann sé trí shláinteoir a choinníonn eilimintí tábla amháin, mar sin ní féidir le script ghreamaithe rith riamh.