SIARADWR 1: Tybiwch eich bod yn cael rhywfaint o data ar ffurf tabl y byddech chi'n hoffi gosodiad mewn tudalen we mewn tabl, gyda rhesi a cholofnau. Sut y gallwn wneud hyn? 

Wel, o flaen llaw yma rwyf wedi gotten dechrau gyda table.html, gyda rhai tagiau agored a rhai tagiau ar gau. Tu mewn i'r corff yn awr, gadewch i ni yn cynnwys y tag tabl. Ac yn preemptively, dim ond felly nid wyf yn ei wneud anghofio, gadewch i ni gynnwys y tabl agos tagio hefyd. Y tu mewn o hynny, gadewch i ni nodi rhes bwrdd gyda thag tr. Ac, hefyd preemptively, caewch hynny. 

Bellach y tu mewn y rhes hon, gadewch i ni diffinio'r colofnau neu y data a fydd yn tu mewn colofnau hynny, neu y celloedd ynddo. I wneud hyn, gadewch i ni ddefnyddio'r tag td ar gyfer data tabl. Td braced Agored braced agos. Ac yn awr, beth am i ni ddechrau efelychu rhifau ffôn yn. Gadewch i ni ddechrau gydag un, ac yna gau'r tag data tabl. Gadewch i ni agor un newydd gyda 2. Cau'r un hefyd. Ac yna un rhan o dair. td 3 td agos. 

Ble ydw i'n mynd â hyn? Wel, yr wyf yn honni bod gan fod gennym rhes tabl, y tu mewn y mae gennym tri datas bwrdd, yr ydym yn ei hanfod wedi dechreuadau tabl sydd ag un rhes a thair colofn. Gadewch i ni yn awr roi rhai rhesi ychwanegol. 

O dan y tag tr agos, gadewch i ni agor tag tr arall, ac preemptively agos bod un hefyd. Y tu mewn o hynny, gadewch i ni yn awr gwneud td 4, td 5, a 6 td. Isod y rhes honno, gadewch i ni wneud un rhan o dair. Rhes tabl agored, rhes tabl agos. Y tu mewn i hynny, td 7, td 8, a td 9. 

Yn olaf, dim ond er mwyn gwneud pethau diddorol, gadewch i ni gwblhau'r gwaelod y pad ffôn. Tr tr ac yn agos Agored. Ac y tu mewn i hynny, seren td, td 0, a phunt td. Gadewch i ni yn awr yn arbed y ffeil hon, newid ei caniatadau, a weld gyda porwr. 

R table.html chmod a +. Gadewch i ni yn awr yn agor Chrome. http://localhost/table.html. Ac mae gennym yr hyn sy'n ymddangos i fod yn dabl HTML. Nid yw'n hollol edrych fel yr oeddwn yn disgwyl. Gadewch i ni o leiaf yn ychwanegu border bellach tua pob un o'r celloedd tabl hynny. 

Gadewch i ni fynd yn ôl at gedit a sgroliwch i fyny at y tag bwrdd ei hun. A gadewch i ni ychwanegu priodoledd, a elwir yn "Border," sy'n pennu rhifol gwerth ar gyfer y lled ffin. Border hafal dyfyniad unquote 1, lle mae 1 yn dynodi'r lled o ffin y tabl yn. Gadewch i arbed y ffeil ac ail-lwytho y dudalen yn fy porwr. 

Yn ôl yn Chrome, ail-lwytho. Ac mae gennym. Hyll iawn, ond serch hynny data tabl.