Sut i Adeiladu Tabl 2x2

Mae tablau HTML yn hawdd eu creu ar ôl i chi ddeall pethau sylfaenol rhesi a cholofnau - a hefyd ar ôl i chi ddeall pryd mae'n iawn defnyddio tabl a phryd y dylech eu hosgoi.

Hanes Byr o Dablau a Dylunio Gwe

Flynyddoedd lawer yn ôl, cyn y derbyniol o safonau CSS a gwe, roedd dylunwyr gwe yn defnyddio'r elfen HTML i greu cynllun tudalen ar gyfer safleoedd. Byddai dyluniadau gwefannau yn cael eu "sleisio" i ddarnau bach fel pos ac yna wedi'u cyfuno â bwrdd HTML i'w rendro yn y porwr fel y bwriadwyd. Roedd yn broses gymhleth iawn a greodd lawer o farciau HTML ychwanegol ac na fyddai modd eu defnyddio heddiw yn y byd aml-sgrin mae ein gwefannau yn byw ynddi . Wrth i'r CSS ddod yn ddull derbyniol ar gyfer gweledol a chynllun y dudalen we, daethpwyd ati i ddefnyddio tablau ar gyfer hyn ac roedd llawer o ddylunwyr gwe yn credu'n gamgymeriad bod "y tablau'n wael". Roedd hynny ac yn anwir. Mae'r tablau ar gyfer y cynllun yn ddrwg, ond mae ganddynt le mewn dyluniad gwe a HTML, sef arddangos data tabl fel calendr o amserlen y trên. Ar gyfer y cynnwys hwnnw, mae defnyddio tabl yn dal i fod yn ddull derbyniol a da.

Felly sut ydych chi'n gosod tabl? Dechreuwn drwy greu tabl 2x2 yn syml. Bydd gan hyn 2 golofn (y rhain yw'r blociau fertigol) a 2 rhes (y blociau llorweddol). Ar ôl i chi adeiladu tabl 2x2, gallwch chi adeiladu unrhyw fwrdd maint yr hoffech ei syml trwy ychwanegu rhesi neu golofnau ychwanegol.

Anhawster: Cyfartaledd

Amser Angenrheidiol: 10 munud

Dyma sut:

1. Yn gyntaf agor y tabl
2. Agorwch y rhes gyntaf gyda'r tr tag
3. Agorwch y golofn gyntaf gyda'r tag td
4. Ysgrifennwch gynnwys y gell
5. Cau'r gell gyntaf ac agor yr ail
6. Ysgrifennwch gynnwys yr ail gell
7. Cau'r ail gell a chau'r rhes
8. Ysgrifennwch yr ail res yn union fel y cyntaf
9. Yna cau'r tabl

Gallech hefyd ddewis ychwanegu penawdau tabl i'ch bwrdd gan ddefnyddio'r elfen . Byddai'r penawdau tabl hyn yn disodli'r darnau "data bwrdd" yn y rhes tabl cyntaf, fel hyn:

Pan fyddai'r dudalen hon yn ei rendro yn y porwr, byddai'r rhes gyntaf gyda'r penawdau bwrdd, yn ddiofyn, yn dangos mewn testun trwm a byddent yn cael eu canolbwyntio yn y gell bwrdd y maent yn ymddangos ynddi.

Felly, Ydy hi'n iawn i ddefnyddio Tablau yn HTML?

Oes - cyn belled nad ydych yn eu defnyddio at ddibenion y cynllun. Os oes angen i chi arddangos gwybodaeth tabl, tabl yw'r ffordd o wneud hynny. Mewn gwirionedd, mae osgoi tabl oherwydd rhywfaint o purdeb anghywir i ysgwyddo'r elfen HTML gyfreithlon hon mor bell â phosibl wrth eu defnyddio am resymau gosodiad yn y dydd a'r oes.

Ysgrifennwyd gan Jennifer Kyrin. Golygwyd gan Jeremy Girard ar 8/11/16