1
00:00:00,000 --> 00:00:00,170

2
00:00:00,170 --> 00:00:02,740
>> SIARADWR 1: Tybiwch eich bod yn cael rhywfaint o
data ar ffurf tabl y byddech chi'n hoffi gosodiad

3
00:00:02,740 --> 00:00:05,470
mewn tudalen we mewn tabl,
gyda rhesi a cholofnau.

4
00:00:05,470 --> 00:00:06,540
Sut y gallwn wneud hyn?

5
00:00:06,540 --> 00:00:10,480
>> Wel, o flaen llaw yma rwyf wedi gotten
dechrau gyda table.html, gyda rhai

6
00:00:10,480 --> 00:00:12,300
tagiau agored a rhai tagiau ar gau.

7
00:00:12,300 --> 00:00:15,890
Tu mewn i'r corff yn awr, gadewch i ni
yn cynnwys y tag tabl.

8
00:00:15,890 --> 00:00:19,300
Ac yn preemptively, dim ond felly nid wyf yn ei wneud
anghofio, gadewch i ni gynnwys y tabl agos

9
00:00:19,300 --> 00:00:20,760
tagio hefyd.

10
00:00:20,760 --> 00:00:24,830
Y tu mewn o hynny, gadewch i ni nodi
rhes bwrdd gyda thag tr.

11
00:00:24,830 --> 00:00:27,300
Ac, hefyd preemptively, caewch hynny.

12
00:00:27,300 --> 00:00:31,550
>> Bellach y tu mewn y rhes hon, gadewch i ni diffinio'r
colofnau neu y data a fydd yn

13
00:00:31,550 --> 00:00:34,050
tu mewn colofnau hynny,
neu y celloedd ynddo.

14
00:00:34,050 --> 00:00:37,470
I wneud hyn, gadewch i ni ddefnyddio'r
tag td ar gyfer data tabl.

15
00:00:37,470 --> 00:00:39,730
Td braced Agored braced agos.

16
00:00:39,730 --> 00:00:42,490
Ac yn awr, beth am i ni ddechrau efelychu
rhifau ffôn yn.

17
00:00:42,490 --> 00:00:45,890
Gadewch i ni ddechrau gydag un, ac yna
gau'r tag data tabl.

18
00:00:45,890 --> 00:00:47,840
Gadewch i ni agor un newydd gyda 2.

19
00:00:47,840 --> 00:00:49,200
Cau'r un hefyd.

20
00:00:49,200 --> 00:00:50,270
Ac yna un rhan o dair.

21
00:00:50,270 --> 00:00:52,980
td 3 td agos.

22
00:00:52,980 --> 00:00:54,000
>> Ble ydw i'n mynd â hyn?

23
00:00:54,000 --> 00:00:57,840
Wel, yr wyf yn honni bod gan fod gennym
rhes tabl, y tu mewn y mae gennym

24
00:00:57,840 --> 00:01:02,950
tri datas bwrdd, yr ydym yn ei hanfod wedi
dechreuadau tabl sydd ag un

25
00:01:02,950 --> 00:01:04,590
rhes a thair colofn.

26
00:01:04,590 --> 00:01:06,640
Gadewch i ni yn awr roi rhai
rhesi ychwanegol.

27
00:01:06,640 --> 00:01:11,300
>> O dan y tag tr agos, gadewch i ni agor
tag tr arall, ac preemptively agos

28
00:01:11,300 --> 00:01:12,510
bod un hefyd.

29
00:01:12,510 --> 00:01:21,600
Y tu mewn o hynny, gadewch i ni yn awr
gwneud td 4, td 5, a 6 td.

30
00:01:21,600 --> 00:01:23,470
Isod y rhes honno, gadewch i ni wneud un rhan o dair.

31
00:01:23,470 --> 00:01:25,680
Rhes tabl agored, rhes tabl agos.

32
00:01:25,680 --> 00:01:34,970
Y tu mewn i hynny, td 7, td 8, a td 9.

33
00:01:34,970 --> 00:01:37,910
>> Yn olaf, dim ond er mwyn gwneud pethau diddorol,
gadewch i ni gwblhau'r gwaelod

34
00:01:37,910 --> 00:01:39,430
y pad ffôn.

35
00:01:39,430 --> 00:01:42,530
Tr tr ac yn agos Agored.

36
00:01:42,530 --> 00:01:51,530
Ac y tu mewn i hynny, seren td,
td 0, a phunt td.

37
00:01:51,530 --> 00:01:54,090
Gadewch i ni yn awr yn arbed y ffeil hon, newid
ei caniatadau, a

38
00:01:54,090 --> 00:01:56,440
weld gyda porwr.

39
00:01:56,440 --> 00:02:00,220
>> R table.html chmod a +.

40
00:02:00,220 --> 00:02:02,300
Gadewch i ni yn awr yn agor Chrome.

41
00:02:02,300 --> 00:02:08,430
http://localhost/table.html.

42
00:02:08,430 --> 00:02:11,610
Ac mae gennym yr hyn sy'n ymddangos
i fod yn dabl HTML.

43
00:02:11,610 --> 00:02:13,920
Nid yw'n hollol edrych fel yr oeddwn yn disgwyl.

44
00:02:13,920 --> 00:02:17,650
Gadewch i ni o leiaf yn ychwanegu border bellach tua
pob un o'r celloedd tabl hynny.

45
00:02:17,650 --> 00:02:21,670
>> Gadewch i ni fynd yn ôl at gedit a sgroliwch
i fyny at y tag bwrdd ei hun.

46
00:02:21,670 --> 00:02:25,130
A gadewch i ni ychwanegu priodoledd, a elwir yn
"Border," sy'n pennu rhifol

47
00:02:25,130 --> 00:02:27,310
gwerth ar gyfer y lled ffin.

48
00:02:27,310 --> 00:02:31,160
Border hafal dyfyniad unquote 1,
lle mae 1 yn dynodi'r lled

49
00:02:31,160 --> 00:02:32,400
o ffin y tabl yn.

50
00:02:32,400 --> 00:02:36,920
Gadewch i arbed y ffeil ac ail-lwytho
y dudalen yn fy porwr.

51
00:02:36,920 --> 00:02:38,920
>> Yn ôl yn Chrome, ail-lwytho.

52
00:02:38,920 --> 00:02:39,860
Ac mae gennym.

53
00:02:39,860 --> 00:02:42,550
Hyll iawn, ond serch hynny
data tabl.

54
00:02:42,550 --> 00:02:44,694