1
00:00:00,000 --> 00:00:00,140

2
00:00:00,140 --> 00:00:03,700
>> ATHRO HARLAN: HTML, neu HyperText
Iaith markup, yn yr iaith honno

3
00:00:03,700 --> 00:00:04,870
pa dudalennau gwe yn cael eu hysgrifennu.

4
00:00:04,870 --> 00:00:08,140
Yn awr, nid yw'n iaith raglennu,
oherwydd nad yw'n caniatáu i ni fynegi

5
00:00:08,140 --> 00:00:11,420
rhesymeg, fel ar gyfer dolenni, ac er dolenni,
ac amodau ac yn y blaen.

6
00:00:11,420 --> 00:00:14,690
Yn hytrach, mae'n wir yn iaith markup
sy'n ein galluogi i nodi beth y we

7
00:00:14,690 --> 00:00:17,490
Dylai dudalen edrych fel, strwythurol
ac yn esthetaidd.

8
00:00:17,490 --> 00:00:20,210
Ac mae'n gwneud hynny drwy
hyn a elwir yn tagiau.

9
00:00:20,210 --> 00:00:23,470
Gadewch i plymio i mewn a gwneud y symlaf o
tudalen ar y we, cafodd yr un sy'n dweud, er

10
00:00:23,470 --> 00:00:25,410
enghraifft, helo byd.

11
00:00:25,410 --> 00:00:29,940
>> Hysbysiad yma, yn gedit, fy mod i wedi eisoes
arbed y ffeil fel hello.html.

12
00:00:29,940 --> 00:00:32,990
Ac yn sylwi i lawr yma, yn y derfynfa
ffenestr, fy mod yn ymddangos i fod y tu mewn o

13
00:00:32,990 --> 00:00:36,070
cyfeiriadur o'r enw gyhoeddus, sydd ei hun yn
sydd y tu mewn cyfeiriadur o'r enw

14
00:00:36,070 --> 00:00:39,770
cynnal lleol, sydd ei hun yn tu mewn
cyfeiriadur o'r enw vhosts, a oedd yn

15
00:00:39,770 --> 00:00:42,850
ei hun yn y tu mewn o John Harvard
cyfeiriadur cartref.

16
00:00:42,850 --> 00:00:45,850
Nawr mae'n troi allan, oherwydd y ffordd y
rydym wedi ffurfweddu offer, a oedd yn

17
00:00:45,850 --> 00:00:49,670
yn y byd mor real ffordd ag y bo modd,
unrhyw beth y tu mewn o cyhoeddus hwn

18
00:00:49,670 --> 00:00:53,400
Dylai cyfeiriadur, yn wir, fod yn hygyrch
i'r cyfan cyhoedd drwy

19
00:00:53,400 --> 00:00:56,610
porwr gwe, hyd yn oed er, ar hyn o bryd,
Fi yw'r unig ddefnyddiwr pwy sy'n mynd i fod yn

20
00:00:56,610 --> 00:00:58,340
cael mynediad y dudalen yma.

21
00:00:58,340 --> 00:01:03,120
>> Gadewch i ni yn awr yn dychwelyd i hello.html a dechrau
ysgrifennu rhai yr iaith honno.

22
00:01:03,120 --> 00:01:07,110
Yn gyntaf, ar ben y ffeil, dwi'n mynd i
nodi braced agored, ebychnod

23
00:01:07,110 --> 00:01:10,400
pwynt, html lle DOCTYPE.

24
00:01:10,400 --> 00:01:13,930
Nid yw'r llinell yn tag, fel y cyfryw, hyd yn oed
er ei fod yn dechrau gyda agored

25
00:01:13,930 --> 00:01:18,020
braced, ond mae'n, yn hytrach, yn arbennig
un darn llinell sy'n nodi i

26
00:01:18,020 --> 00:01:22,370
porwr, yma hon y we
dudalen a ysgrifennwyd yn HTML.

27
00:01:22,370 --> 00:01:26,920
>> Gadewch i ni nesaf, ar linell ei hun,
nodi html braced agored, sy'n dangos

28
00:01:26,920 --> 00:01:29,890
at y porwr hynny yma,
yn wir, yw bod HTML.

29
00:01:29,890 --> 00:01:34,150
Y tu mewn o hynny, gadewch i ni indent ychydig, a
yna gwneud pen, sy'n pennu y

30
00:01:34,150 --> 00:01:37,470
porwr, yma hon y pennaeth y
dudalen, sydd, am y tro, yn cymryd yn ganiataol yn

31
00:01:37,470 --> 00:01:40,830
hanfod y bar teitl ar yr union
frig y ffenestr y porwr.

32
00:01:40,830 --> 00:01:45,500
Gadewch i ni nesaf yn nodi, y tu mewn y pen
tag, y bydd gennym teitl o

33
00:01:45,500 --> 00:01:47,570
rhywbeth syml fel helo.

34
00:01:47,570 --> 00:01:51,550
Ond yn awr, gadewch i ni ddweud wrth y porwr
rydym yn ei wneud yn darparu teitl.

35
00:01:51,550 --> 00:01:56,080
I wneud hynny, yn union fel ni agor neu wedi dechrau
y tag, teitl, eiliad yn ôl,

36
00:01:56,080 --> 00:02:00,250
gadewch i ni bellach yn agos neu yn dod i ben y tag gan
nodi, mewn gwirionedd, y gwrthwyneb.

37
00:02:00,250 --> 00:02:05,010
>> I fynegi hynny, rydym yn ei wneud braced agored,
slaes ymlaen, teitl.

38
00:02:05,010 --> 00:02:07,830
Yn yr un modd, yn awr ein bod yn ei wneud diffinio,
am y tro, y pennaeth y

39
00:02:07,830 --> 00:02:12,340
dudalen, byddwn yn gwneud braced agored pen slaes,
dweud wrth y porwr ein bod ni'n

40
00:02:12,340 --> 00:02:14,710
wneud yn awr ddarparu'r pen.

41
00:02:14,710 --> 00:02:18,080
Dim ond un dogn yn awr yn parhau i fod, y
hyn a elwir yn gorff y dudalen we, a oedd yn

42
00:02:18,080 --> 00:02:21,120
mewn gwirionedd yw hanfod
o unrhyw dudalen ar y we.

43
00:02:21,120 --> 00:02:24,780
>> Gadewch i ni yn nodi bod, dyma, mae'n
dechrau, gyda braced agored, corff,

44
00:02:24,780 --> 00:02:25,600
braced agos.

45
00:02:25,600 --> 00:02:29,080
A gadewch i ni bellach yn ysgrifennu rhywbeth
fel helo byd coma.

46
00:02:29,080 --> 00:02:32,930
Teimlo fel hyn yn ddigon da ar y we
dudalen, felly gadewch i ni yn awr yn symud i linell newydd.

47
00:02:32,930 --> 00:02:37,460
Nodwch braced agored, slaes ymlaen,
corff, gan hysbysu'r porwr ein bod ni'n

48
00:02:37,460 --> 00:02:38,650
wneud darparu'r corff.

49
00:02:38,650 --> 00:02:41,120
Ac yn yr un modd, gadewch i ni bellach yn gwybod i
y porwr a dwi'n ei wneud

50
00:02:41,120 --> 00:02:43,230
darparu tudalen ar y we.

51
00:02:43,230 --> 00:02:47,120
Ar linell ei hun, byddwn yn gwneud yn agored
braced, slaes ymlaen, html.

52
00:02:47,120 --> 00:02:49,350
>> Yn awr, yn sylwi ar y estheteg
y dudalen we.

53
00:02:49,350 --> 00:02:52,290
Hyd yn oed er, yn dechnegol, nid yw'n
ei angen i ddarparu cymaint o gwyn

54
00:02:52,290 --> 00:02:55,450
lle fel y gwneuthum, mae'n arddull da, oherwydd
y cod yw, gellir dadlau, yn llawer

55
00:02:55,450 --> 00:02:56,490
yn fwy darllenadwy.

56
00:02:56,490 --> 00:03:00,780
Rhybudd, yn benodol, bod pan fyddaf yn agor
neu ddechrau tag, Yna indent mewn

57
00:03:00,780 --> 00:03:02,040
y llinellau sy'n dilyn.

58
00:03:02,040 --> 00:03:05,990
A phan wyf yn cau neu a tag, yr wyf yn
cau'r tag naill ai ar yr un

59
00:03:05,990 --> 00:03:09,790
llinell, os yw'n llinell gweddol fyr, neu
ar linell newydd yn y fath fodd fel bod y

60
00:03:09,790 --> 00:03:14,540
llinellau tag agos gyda'r tag agored,
yn debyg iawn y gwnaethom yn iaith fel C

61
00:03:14,540 --> 00:03:17,380
gyda braces cyrliog agor a chau.

62
00:03:17,380 --> 00:03:20,350
>> Gadewch i ni yn awr yn arbed y ffeil a cheisio
i'w agor mewn porwr gwe

63
00:03:20,350 --> 00:03:21,600
tu mewn i'r offer.

64
00:03:21,600 --> 00:03:24,180

65
00:03:24,180 --> 00:03:30,310
Gadewch i ni agor Chrome, a gadewch i ni yn awr
ewch i http://localhost, sy'n

66
00:03:30,310 --> 00:03:34,930
ffugenw ar gyfer yr offer
ei hun, / hello.html.

67
00:03:34,930 --> 00:03:38,230
Ac yn sylwi nad wyf i wedi teipio mewn gwirionedd
cyhoeddus, oherwydd ei fod yn ymhlyg

68
00:03:38,230 --> 00:03:42,430
os ymweld â'r dudalen we drwy
porwr, yr ydych yn wir eisiau i gael mynediad i'r

69
00:03:42,430 --> 00:03:44,430
cynnwys y cyfeiriadur cyhoeddus.

70
00:03:44,430 --> 00:03:47,740
Ond yr wyf am i gael gafael ar, yn benodol,
hello.html.

71
00:03:47,740 --> 00:03:50,854
Felly, gadewch i ni yn awr daro Chofnoda
a gweld beth sy'n digwydd.

72
00:03:50,854 --> 00:03:51,710
>> Mawrhydi.

73
00:03:51,710 --> 00:03:56,260
Nid oes gennyf ganiatâd i fynediad
/ Hello.html ar y gweinydd hwn.

74
00:03:56,260 --> 00:03:57,570
Yn awr, pam y gallai hynny fod?

75
00:03:57,570 --> 00:04:01,040
Wel, mae'n troi allan nid yw'n ddigon
i wneud dim ond rhoi y ffeil, hello.html,

76
00:04:01,040 --> 00:04:02,560
yn y cyfeiriadur yna gyhoeddus.

77
00:04:02,560 --> 00:04:06,150
Mae angen i ni hefyd ddweud rhagweithiol
offer yr ydym, yn wir, yn dymuno

78
00:04:06,150 --> 00:04:09,470
caniatáu i'r byd i gyd, o bosibl,
i gael mynediad at y ffeil hon.

79
00:04:09,470 --> 00:04:12,470
I wneud hynny, mae angen i ni newid ei
caniatâd, fel petai, a gallwn

80
00:04:12,470 --> 00:04:14,600
gwneud hynny mewn llinell orchymyn.

81
00:04:14,600 --> 00:04:20,079
>> Gadewch i deipio ls-l i gael rhestr hir
o'r ffeiliau yn y cyfeiriadur hwn, Enter.

82
00:04:20,079 --> 00:04:22,480
Ac rydym yn gweld, yn wir, hello.html.

83
00:04:22,480 --> 00:04:25,882
Ond dros yma ar y chwith,
rhybudd, yn r a w.

84
00:04:25,882 --> 00:04:29,050
Mae'r r, fel y byddech wedi dyfalu, yn golygu
darllen, a'r dulliau w ysgrifennu, ond

85
00:04:29,050 --> 00:04:32,470
y ffaith mae dim ond un r fath ac
un fath w, yr holl ffordd draw i'r

86
00:04:32,470 --> 00:04:36,710
chwith y llinellau toriad hynny, yn golygu mai dim ond
y perchennog ffeil, fy hun, mewn gwirionedd gall

87
00:04:36,710 --> 00:04:38,370
darllen ac ysgrifennu y ffeil.

88
00:04:38,370 --> 00:04:41,610
>> Mae angen i toggle o leiaf un arall
r i adael y byd i gyd yn darllen

89
00:04:41,610 --> 00:04:42,810
ffeil hon hefyd.

90
00:04:42,810 --> 00:04:47,320
Ac i wneud hyn, gallwn wneud hynny gyda'r
gorchymyn, chmod, neu newid dull.

91
00:04:47,320 --> 00:04:54,030
chmod yn, i bawb, yn ogystal â r,
gofod, hello.html Enter.

92
00:04:54,030 --> 00:04:56,970
Ymddengys Nid oes dim wedi digwydd, ond
mae hynny'n gyffredinol yn beth da.

93
00:04:56,970 --> 00:05:02,490
Felly, ls-l eto dylai, gobeithio,
cynnyrch rhywfaint r ychwanegol yn.

94
00:05:02,490 --> 00:05:04,130
>> Ac yn wir, rydym yn gweld o'r fath.

95
00:05:04,130 --> 00:05:08,350
Ar yr ochr chwith yma nawr, rhybudd
fy mod wedi darllen ac yn ysgrifennu breintiau.

96
00:05:08,350 --> 00:05:10,320
Mae r arall, ac yna r arall.

97
00:05:10,320 --> 00:05:13,180
Wel, mae'n troi allan y r yn y canol
yn golygu fy grŵp, sy'n digwydd bod yn

98
00:05:13,180 --> 00:05:15,370
fyfyrwyr yn y peiriant,
Gall hefyd ddarllen y ffeil.

99
00:05:15,370 --> 00:05:18,235
Ond mae hynny'n amherthnasol i raddau helaeth yma,
ers i ni yn sôn am y we a

100
00:05:18,235 --> 00:05:19,850
nid yw'r offer ei hun.

101
00:05:19,850 --> 00:05:23,420
Ond bod trydydd r holl ffordd ar y
dde yn dangos bod y byd i gyd,

102
00:05:23,420 --> 00:05:25,920
neu bob un, yn gallu darllen y ffeil hon.

103
00:05:25,920 --> 00:05:29,290
>> Gadewch i ni yn awr yn mynd yn ôl at fy porwr, ail-lwytho
y dudalen, a gweld os dydw i ddim yn

104
00:05:29,290 --> 00:05:32,050
gwahardd hirach.

105
00:05:32,050 --> 00:05:36,800
Gadewch i ni cliciwch Chrome Eicon ail-lwytho i fyny
yma, neu daro Control-R, ac dyna ni

106
00:05:36,800 --> 00:05:38,750
gael, helo byd.

107
00:05:38,750 --> 00:05:41,248