>> 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.