1
00:00:00,000 --> 00:00:06,100

2
00:00:06,100 --> 00:00:08,790
>> DOUG LLOYD: So ons het
about-- as my wiskunde reg is,

3
00:00:08,790 --> 00:00:11,900
en ek dink op soek back-- Ek dink
ons het ongeveer 35 video's praat

4
00:00:11,900 --> 00:00:15,139
oor verskeie aspekte van C, miskien
'n bietjie meer, miskien 'n bietjie minder.

5
00:00:15,139 --> 00:00:16,930
En ons het nie dek
alles in C, maar ons

6
00:00:16,930 --> 00:00:21,170
bedek 'n groot stuk van die
taal, die oorgrote meerderheid van dit,

7
00:00:21,170 --> 00:00:22,882
beslis vir 'n gemeenskaplike gebruike.

8
00:00:22,882 --> 00:00:25,090
Nou gaan ons praat
oor 'n ander taal, HTML.

9
00:00:25,090 --> 00:00:28,180
En ons gaan om te dek
dit in net een video.

10
00:00:28,180 --> 00:00:29,340
>> Maar wat gaan OK wees.

11
00:00:29,340 --> 00:00:31,410
Dit gaan om werklik geword
iets wat jy gaan om gewoond te raak.

12
00:00:31,410 --> 00:00:33,535
Nou dat jy die
grondbeginsels van een taal,

13
00:00:33,535 --> 00:00:35,776
dit is eintlik redelik maklik
om te begin leer ander.

14
00:00:35,776 --> 00:00:37,650
So ons gaan begin
om 'n bietjie terugstaan

15
00:00:37,650 --> 00:00:43,340
en glans oor die basiese
verskille tussen hierdie tale

16
00:00:43,340 --> 00:00:45,750
en jy soort van laat om dit te.

17
00:00:45,750 --> 00:00:48,530
Daar is 'n baie baie groot
hulpbronne op die internet, wat

18
00:00:48,530 --> 00:00:51,279
ons gaan begin regie jy
teenoor omdat die internet is

19
00:00:51,279 --> 00:00:53,340
'n groot bron van inligting.

20
00:00:53,340 --> 00:00:55,960
En so is dit nie soos jy sal
wees verloor noodwendig

21
00:00:55,960 --> 00:00:58,349
deur nie met die inligting
wat in 'n video.

22
00:00:58,349 --> 00:01:00,640
Jy sal steeds in staat wees om te kry
alles wat jy nodig het en gebruik

23
00:01:00,640 --> 00:01:03,590
die kennis wat jy reeds het
opgebou deur die begrip van C

24
00:01:03,590 --> 00:01:07,130
om die leerproses vir hierdie maak
ander tale eintlik 'n baie platter.

25
00:01:07,130 --> 00:01:08,640
Ek belowe.

26
00:01:08,640 --> 00:01:12,770
>> Maar laat ons praat oor een taal
dit is regtig fundamentele vir elke web

27
00:01:12,770 --> 00:01:14,830
bladsy, wat HTML.

28
00:01:14,830 --> 00:01:18,230
HTML is die HyperText Markup Language.

29
00:01:18,230 --> 00:01:22,700
HTML is 'n taal, maar dit is
nie 'n programmeertaal.

30
00:01:22,700 --> 00:01:23,900
>> HTML nie veranderlikes.

31
00:01:23,900 --> 00:01:26,430
Dit maak nie logika of
funksies of iets soos dit.

32
00:01:26,430 --> 00:01:30,301
Ons kan nie 'n doen
programmering per se in HTML.

33
00:01:30,301 --> 00:01:32,300
Soms hoor jy
mense hulself beskryf

34
00:01:32,300 --> 00:01:35,710
as HTML programmeerders, wat
is nie heeltemal akkuraat nie.

35
00:01:35,710 --> 00:01:37,980
Ons kan nie HTML programme te skryf.

36
00:01:37,980 --> 00:01:40,770
>> HTML is net gebruik om te merk teks.

37
00:01:40,770 --> 00:01:42,690
Dit is bekend as 'n opmaak taal.

38
00:01:42,690 --> 00:01:47,680
En wat dit does-- hierdie markup--
Ons tags gebruik in HTML en hierdie tags--

39
00:01:47,680 --> 00:01:51,600
hierdie markup-- semanties
definieer die struktuur van 'n bladsy

40
00:01:51,600 --> 00:01:55,280
en veroorsaak dat die gewone teks wat
bestaan ​​tussen tags word geïnterpreteer

41
00:01:55,280 --> 00:01:57,320
deur blaaier in verskillende maniere.

42
00:01:57,320 --> 00:02:00,370
En miskien is dit die beste om te verduidelik
dit deur middel van 'n illustrasie.

43
00:02:00,370 --> 00:02:06,450
>> Hier is 'n baie eenvoudige HTML bladsy, nie
'n HTML-program, weer, 'n HTML-bladsy.

44
00:02:06,450 --> 00:02:08,680
En ons weet dit is 'n
HTML bladsy, want ons het

45
00:02:08,680 --> 00:02:11,480
begrens alles met HTML tags.

46
00:02:11,480 --> 00:02:13,850
So dit is wat 'n HTML tag lyk.

47
00:02:13,850 --> 00:02:15,870
Dit is tussen die hoek tussen hakies.

48
00:02:15,870 --> 00:02:18,570
En let op die top ons het
HTML en op die heel onderste,

49
00:02:18,570 --> 00:02:21,400
nadat ons gedoen het wat
blykbaar 'n baie ander HTML,

50
00:02:21,400 --> 00:02:24,310
ons het hoekhakie slash HTML.

51
00:02:24,310 --> 00:02:29,262
So dat die soort van is die grens
tussen wat HTML is en wat nie.

52
00:02:29,262 --> 00:02:32,220
En natuurlik, konvensioneel, net
as jy al jou C programme geskryf

53
00:02:32,220 --> 00:02:35,300
met dot C uitbreidings,
al jou HTML-lêers

54
00:02:35,300 --> 00:02:37,909
sal eindig met dot HTML uitbreidings.

55
00:02:37,909 --> 00:02:39,200
Maar daar is meer aan die gang hier.

56
00:02:39,200 --> 00:02:40,658
Ons het nie net hierdie HTML tags.

57
00:02:40,658 --> 00:02:44,010
Ons het blykbaar hierdie
ding genaamd 'n kop tag.

58
00:02:44,010 --> 00:02:46,010
Wel, OK, wat is dit?

59
00:02:46,010 --> 00:02:48,550
>> Wel, miskien is dit die beste om
onderskei deur middel van 'n liggaam,

60
00:02:48,550 --> 00:02:50,590
liggaam wat die inhoud van die webblad.

61
00:02:50,590 --> 00:02:55,860
So miskien is die hoof tag definieer dinge
dit is nie in die venster behoorlike,

62
00:02:55,860 --> 00:02:59,410
maar een of ander manier belangrik vir ons
webblad korrek gelewer.

63
00:02:59,410 --> 00:03:02,490
Byvoorbeeld, binnekant van die
hoof tag het ons titel tags.

64
00:03:02,490 --> 00:03:05,500
>> So titel om hello world,
dit is eintlik gaan wees wat

65
00:03:05,500 --> 00:03:08,797
toon in die blad in Chrome
of in safari of Firefox--

66
00:03:08,797 --> 00:03:11,880
watter browser jy prefer-- dis
wat gaan om te wys in die titel.

67
00:03:11,880 --> 00:03:14,800
En voor oortjies dit sou wys
in jou hele venster

68
00:03:14,800 --> 00:03:19,710
en jy kan net een bladsy
oop te maak in 'n venster op 'n tyd.

69
00:03:19,710 --> 00:03:22,160
So wat gaan die wees
titel van my bladsy in die blad

70
00:03:22,160 --> 00:03:24,600
of die venster bar, hello world.

71
00:03:24,600 --> 00:03:28,611
En dan is die inhoud van my
webblad sal wêreld, hallo.

72
00:03:28,611 --> 00:03:31,360
So laat ons neem 'n blik op wat sommige
ding soos hierdie lyk.

73
00:03:31,360 --> 00:03:33,210
Dit is 'n redelik eenvoudige HTML-bladsy.

74
00:03:33,210 --> 00:03:35,970
So ek is hier in my CS50 IDE en
Ek het ingezoomd 'n bietjie.

75
00:03:35,970 --> 00:03:38,290
En ek is net gaan om te
oop hallo dot HTML

76
00:03:38,290 --> 00:03:42,000
en wys jou dat dit pretty much
die inhoud van die bladsy dat ons voor gesien.

77
00:03:42,000 --> 00:03:45,240
My eenvoudige HTML, hoof tags,
titel tags, liggaam, en so aan.

78
00:03:45,240 --> 00:03:47,320
Ek het ingekeep skoon wees.

79
00:03:47,320 --> 00:03:51,530
>> En dan wat ek kan doen in my
IDE is net 'n voorbeeld van die bladsy.

80
00:03:51,530 --> 00:03:52,630
En daar gaan ons.

81
00:03:52,630 --> 00:03:56,070
Die inhoud van my bladsy is wêreld,
hello, en ek sien nie iets

82
00:03:56,070 --> 00:03:58,500
in die kop tags daar.

83
00:03:58,500 --> 00:03:59,980
Dis net die inhoud van die liggaam.

84
00:03:59,980 --> 00:04:00,780
Wêreld, hallo.

85
00:04:00,780 --> 00:04:03,700
En weer die liggaam net
gesê wêreld, hallo.

86
00:04:03,700 --> 00:04:06,160
Die ander deel ontbreek.

87
00:04:06,160 --> 00:04:07,610
>> So dit is regtig al wat dit is.

88
00:04:07,610 --> 00:04:11,370
Dit is 'n baie eenvoudige basiese HTML-bladsy.

89
00:04:11,370 --> 00:04:14,280
Ek het nou my HTML ingekeep om
wees baie mooi en georganiseerde,

90
00:04:14,280 --> 00:04:15,840
maar ek weet nie eintlik om.

91
00:04:15,840 --> 00:04:17,959
Ek kon dit lyk mooi lelik.

92
00:04:17,959 --> 00:04:19,467
En dit sou nog steeds werk.

93
00:04:19,467 --> 00:04:21,050
Dit sal die presiese dieselfde webblad wees.

94
00:04:21,050 --> 00:04:23,100
Ek het net ontslae geraak van
al die wit ruimte.

95
00:04:23,100 --> 00:04:24,820
>> Soos dit blyk, wit spasie is data.

96
00:04:24,820 --> 00:04:28,540
En so wanneer ons data stuur van
sender om die ontvanger van bediener

97
00:04:28,540 --> 00:04:30,670
kliënt, data kos geld.

98
00:04:30,670 --> 00:04:34,460
En so raak ontslae van witspasie
is eintlik 'n goeie idee

99
00:04:34,460 --> 00:04:37,320
as jy iemand wat dien
'n baie web inhoud.

100
00:04:37,320 --> 00:04:39,820
Dit is 'n slegte idee as jy
iemand wie se leer hierdie dinge

101
00:04:39,820 --> 00:04:41,528
en wat jy wil hê
dit mooi georganiseer.

102
00:04:41,528 --> 00:04:43,810
Dit is 'n baie makliker om te ontleed as dit.

103
00:04:43,810 --> 00:04:45,540
Maar dit is funksioneel identies.

104
00:04:45,540 --> 00:04:48,720
>> Die inkeping en dinge soos wat
nie eintlik saak nie in HTML.

105
00:04:48,720 --> 00:04:53,634
Al wat saak maak, is die opening van etikette en
tags sluit in die korrekte volgorde.

106
00:04:53,634 --> 00:04:55,050
Let op wat hier gebeur het, al is.

107
00:04:55,050 --> 00:04:58,450
Die opmaak gee ons 'n manier om
kommunikeer ekstra inligting

108
00:04:58,450 --> 00:04:59,940
oor wat ons geskryf het.

109
00:04:59,940 --> 00:05:03,130
Die Hello World deel was
geïnterpreteer word as die titel.

110
00:05:03,130 --> 00:05:06,410
En die wêreld, hello deel was
geïnterpreteer word as die inhoud

111
00:05:06,410 --> 00:05:09,090
of wat behoort te wees
sigbaar op my webblad.

112
00:05:09,090 --> 00:05:12,167
>> Daar is meer as 100 van hierdie verskillende
etikette en baie van die groot hulpbronne

113
00:05:12,167 --> 00:05:13,000
aanlyn om hulle te vind.

114
00:05:13,000 --> 00:05:14,900
Ons gaan om te praat oor 'n
n paar van hulle in hierdie video, sommige

115
00:05:14,900 --> 00:05:16,440
van die werklik fundamentele dinge.

116
00:05:16,440 --> 00:05:18,440
Maar ons gaan nie te praat
oor dit alles, omdat dit

117
00:05:18,440 --> 00:05:20,250
uitputtende om dit te doen sou wees.

118
00:05:20,250 --> 00:05:22,880
>> Nog 'n ding wat jy kan doen, al is,
is oop ontwikkelaar gereedskap.

119
00:05:22,880 --> 00:05:26,069
En as jy onthou uit
ons video op HTTP,

120
00:05:26,069 --> 00:05:27,860
Ek het verduidelik hoe om oop
up ontwikkelaar gereedskap.

121
00:05:27,860 --> 00:05:32,020
In Chrome dit is gewoonlik die F12
om oop te maak die nutsbalk ontwikkelaar.

122
00:05:32,020 --> 00:05:35,909
Dan plaas van die keuse van die Netwerk
blad, kan jy kies die blad elemente.

123
00:05:35,909 --> 00:05:37,700
En as jy 'n web te laai
bladsy, sal jy eintlik

124
00:05:37,700 --> 00:05:40,280
sien die HTML dat webblad skep.

125
00:05:40,280 --> 00:05:44,090
En so kan jy 'n baie oor HTML te leer
deur te kyk na jou gunsteling webwerwe

126
00:05:44,090 --> 00:05:48,474
en sien hoe hulle die bou van die
verskillende stukke van hulle wat jy wil.

127
00:05:48,474 --> 00:05:50,890
So miskien is daar 'hierdie koel
patroon of iets soos dit.

128
00:05:50,890 --> 00:05:52,140
Hoe weet hulle dit maak met HTML?

129
00:05:52,140 --> 00:05:55,630
Wel, jy kan net oop jou ontwikkelaar
gereedskap en hover oor daardie element

130
00:05:55,630 --> 00:05:57,700
en sien presies wat HTML maak dit.

131
00:05:57,700 --> 00:05:59,450
So dit is 'n baie
goeie manier om HTML te leer,

132
00:05:59,450 --> 00:06:02,330
en ek sterk aanbeveel dat
jy doen dit beide leer HTML

133
00:06:02,330 --> 00:06:04,930
en ook om 'n bietjie te leer
bietjie oor 'n paar van die opsies

134
00:06:04,930 --> 00:06:07,050
beskikbaar is om u in
ontwikkelaar gereedskap, wat

135
00:06:07,050 --> 00:06:10,200
sal beslis handig te pas kom as
jy begin om meer te doen intensiewe web

136
00:06:10,200 --> 00:06:11,090
Programmering.

137
00:06:11,090 --> 00:06:14,080
>> So laat ons neem 'n blik op 'n
paar algemene HTML tags.

138
00:06:14,080 --> 00:06:17,210
En ons sal spring en 'n blik op
wat hierdie tags ook lewer

139
00:06:17,210 --> 00:06:20,490
as deur te kyk na 'n paar lêers in my IDE.

140
00:06:20,490 --> 00:06:26,330
So hier is drie baie basiese tags vir
die opstel van die visuele voorkoms van die teks.

141
00:06:26,330 --> 00:06:29,050
Daar is B tags, ek tags, en U tags.

142
00:06:29,050 --> 00:06:33,170
En onderskeidelik wat hulle doen, is
lewer die teks tussen hulle in vet,

143
00:06:33,170 --> 00:06:35,430
kursief, onderstreep en.

144
00:06:35,430 --> 00:06:40,430
So laat ons sien wat dit sou lyk
soos op 'n werklike webblad in my IDE.

145
00:06:40,430 --> 00:06:43,390
>> So hier in my IDE Ek het 'n
lêer genaamd BIU dot HTML.

146
00:06:43,390 --> 00:06:46,770
BIU dot HTML net '
vet, kursief, onderstreep.

147
00:06:46,770 --> 00:06:47,830
Ek sal dit oopmaak.

148
00:06:47,830 --> 00:06:51,810
>> En ons sal sien wat hier ek
het hierdie teks is B tags vet.

149
00:06:51,810 --> 00:06:54,010
Hierdie teks is ek tags italic.

150
00:06:54,010 --> 00:06:56,307
En hierdie teks is U tags onderstreep.

151
00:06:56,307 --> 00:06:57,640
Wat gaan dit lyk?

152
00:06:57,640 --> 00:06:59,473
Weer goed, al wat ek het
om te doen is om te gaan oor hier

153
00:06:59,473 --> 00:07:04,690
om my leser, my lêer leser, kliek
Voorskou, en dit is wat kom.

154
00:07:04,690 --> 00:07:07,520
>> Die teks in die B tussen
tags is inderdaad nou vet.

155
00:07:07,520 --> 00:07:10,720
Die teks in tussen die I
tags is inderdaad nou italic.

156
00:07:10,720 --> 00:07:14,634
En die teks in tussen die U
tags is inderdaad nou onderstreep.

157
00:07:14,634 --> 00:07:15,550
So dit is redelik goed.

158
00:07:15,550 --> 00:07:18,450
Ons weet nou hoe om teks te maak
kyk 'n bietjie meer fancy

159
00:07:18,450 --> 00:07:20,360
of teken klem op sekere dinge.

160
00:07:20,360 --> 00:07:25,530
Nog 'n paar algemene tags hier is
paragraaf tags, P en header tags,

161
00:07:25,530 --> 00:07:27,980
wat ek hier gelewer HX.

162
00:07:27,980 --> 00:07:32,520
>> Hierdie P tags, hierdie paragraaf tags,
breek jou teks up in paragrawe.

163
00:07:32,520 --> 00:07:34,646
Dit is nie genoeg om net
druk Enter en laat ruimtes,

164
00:07:34,646 --> 00:07:37,186
omdat 'n rekenaar gaan net
om te doen wat jy vertel dit te doen

165
00:07:37,186 --> 00:07:39,450
en dit ignoreer wit
ruimte vir die grootste deel.

166
00:07:39,450 --> 00:07:41,636
So kan ons nie net druk Enter
en verwag ons rekenaar

167
00:07:41,636 --> 00:07:43,760
interpreteer wat ons wil
om 'n nuwe paragraaf te begin.

168
00:07:43,760 --> 00:07:47,670
Ons moet hierdie baie uitdruklik sê
is een paragraph-- dit is another--

169
00:07:47,670 --> 00:07:50,740
deur omringende elk in 'n stel van P tags.

170
00:07:50,740 --> 00:07:54,560
>> En ons het ook hierdie opsies
vir H tags, hierdie header tags.

171
00:07:54,560 --> 00:07:57,000
Ons het ses verskillende vlakke
van kop, een, twee, drie,

172
00:07:57,000 --> 00:08:01,110
vier, vyf, ses en wat is
progressief groter en groter

173
00:08:01,110 --> 00:08:01,710
headers.

174
00:08:01,710 --> 00:08:04,360
En hulle kry kleiner en
kleiner en kleiner en kleiner.

175
00:08:04,360 --> 00:08:07,690
So het ons 'n top vlak kop, 'n tweede
vlak kop, en so aan, en so aan.

176
00:08:07,690 --> 00:08:10,480
>> Kom ons neem 'n blik op miskien sommige
P tags en sommige header tags

177
00:08:10,480 --> 00:08:13,110
in aksie op 'n webblad.

178
00:08:13,110 --> 00:08:18,180
So hier in my IDE Ek het 'n lêer genaamd
PH dot HTML, PH om paragrawe

179
00:08:18,180 --> 00:08:18,970
en header tags.

180
00:08:18,970 --> 00:08:20,709
Oop te maak.

181
00:08:20,709 --> 00:08:23,000
Daar is 'n baie gaan op hier
omdat ek 'n paar Lorem gesit het

182
00:08:23,000 --> 00:08:24,660
ipsum, sommige net ewekansige teks hier.

183
00:08:24,660 --> 00:08:27,284
So ek sal uit te zoem 'n bietjie
want daar is so baie aan die gang.

184
00:08:27,284 --> 00:08:31,980
Maar let dat ek by die heel
bo hier het ek 'n H1, 'n vlak een,

185
00:08:31,980 --> 00:08:32,802
header tag.

186
00:08:32,802 --> 00:08:36,010
Dan het ek 'n paragraaf, wat net
'n klomp van ewekansige text-- Lorem ipsum--

187
00:08:36,010 --> 00:08:38,720
net die standaard standaard vul in die teks.

188
00:08:38,720 --> 00:08:41,970
So ek het twee paragrawe binnekant van daardie
vlak een kop en dan af onder I

189
00:08:41,970 --> 00:08:46,850
'n vlak twee kop hier op die lyn 24,
'n tweede vlak kop, en die ander twee

190
00:08:46,850 --> 00:08:47,840
paragrawe.

191
00:08:47,840 --> 00:08:51,910
Wel, wat beteken dit lyk
as ek dit sien in my voorskou?

192
00:08:51,910 --> 00:08:53,790
Kom ons kyk.

193
00:08:53,790 --> 00:08:55,730
>> So let dat die
eerste vlak kop hier

194
00:08:55,730 --> 00:08:58,420
is eintlik nogal 'n bietjie groter
as die tweede vlak kop.

195
00:08:58,420 --> 00:08:59,940
So ons gebruik H1 tags.

196
00:08:59,940 --> 00:09:03,820
En sien dat die P tags ons toelaat
om dinge uit te breek in paragrawe.

197
00:09:03,820 --> 00:09:07,500
As ons ontslae geraak van die P tags
en eintlik net sit betree of Opbrengste

198
00:09:07,500 --> 00:09:10,110
tussen wat ons gehoop het
wees van die verskillende paragrawe,

199
00:09:10,110 --> 00:09:13,193
hulle sou almal net saam klap en
dit sou hierdie mooi paragraaf nie

200
00:09:13,193 --> 00:09:15,840
skeiding met ruimte bo en onder.

201
00:09:15,840 --> 00:09:18,300
En so dit is wat paragraaf
etikette en header tags

202
00:09:18,300 --> 00:09:22,440
word algemeen gebruik om te doen om te trek
aandag aan gedeeltes van ons webblad

203
00:09:22,440 --> 00:09:23,550
op dié manier.

204
00:09:23,550 --> 00:09:27,560
>> Volgende is 'n paar up tags wat ons gebruik
om te bou lyste op ons webblad.

205
00:09:27,560 --> 00:09:30,820
So het ons geordende
lists-- ULs-- wat net is

206
00:09:30,820 --> 00:09:34,090
opsomming lyste, bestel
lys wat numbered-- is

207
00:09:34,090 --> 00:09:37,680
OLs-- en binnekant van óf
een van die mense wat ons nodig het om

208
00:09:37,680 --> 00:09:40,600
stelle hoe om aan te dui lys items, LI.

209
00:09:40,600 --> 00:09:44,370
En so het ons oop UL tag
en ons sit items binnekant van dit.

210
00:09:44,370 --> 00:09:46,920
En dan wanneer ons klaar is met
dat ons kan die UL tag sluit.

211
00:09:46,920 --> 00:09:49,850
>> En insgelyks kan ons '
'n geordende of genommerde lys

212
00:09:49,850 --> 00:09:51,560
en sit lys items binnekant van dit.

213
00:09:51,560 --> 00:09:53,350
So laat ons 'n blik
na 'n paar van die lyste

214
00:09:53,350 --> 00:09:57,230
en wat hulle sou
lewer as op CS50 IDE.

215
00:09:57,230 --> 00:10:00,640
So ek het hier in my IDE n
lêer genaamd lyste dot HTML.

216
00:10:00,640 --> 00:10:03,100
Kom ons neem 'n blik.

217
00:10:03,100 --> 00:10:08,482
>> En kennis hier het ek 'n geordende
lys met vyf dinge in dit.

218
00:10:08,482 --> 00:10:11,440
En dan het ek 'n geordende lys, en
Ek het die tag verander 'n bietjie,

219
00:10:11,440 --> 00:10:11,939
reg?

220
00:10:11,939 --> 00:10:13,152
Ek het gesê begin gelyk ses.

221
00:10:13,152 --> 00:10:16,110
Dit blyk uit 'n geordende lys I
kan die beginpunt waar stel

222
00:10:16,110 --> 00:10:20,130
Ek want-- by verstek dit sal wees one--
deur net die toevoeging van hierdie sogenaamde eienskap

223
00:10:20,130 --> 00:10:21,190
my OL tag.

224
00:10:21,190 --> 00:10:23,572
En so die lys sal
begin tel op ses.

225
00:10:23,572 --> 00:10:26,780
So het die elemente van die genommerde lys
moet ses, sewe, agt, nege, tien,

226
00:10:26,780 --> 00:10:29,930
want daar is vyf elemente
in die lys, in teenstelling met die een,

227
00:10:29,930 --> 00:10:33,770
twee, drie, vier, vyf, wat
wat die geval sou wees as ek OL gesê

228
00:10:33,770 --> 00:10:36,730
sonder om die kenmerk begin.

229
00:10:36,730 --> 00:10:41,594
>> So sal ons net hierdie voorskou sodat jy kan
kry 'n gevoel vir wat gaan hier aan.

230
00:10:41,594 --> 00:10:42,260
En daar gaan ons.

231
00:10:42,260 --> 00:10:44,610
Daar is my lys.

232
00:10:44,610 --> 00:10:47,810
Die eerste vyf elemente is
ongeordende of opsomming lyste.

233
00:10:47,810 --> 00:10:51,010
En die volgende vyf elemente
is 'n aparte geordende lys

234
00:10:51,010 --> 00:10:52,980
vanaf ses.

235
00:10:52,980 --> 00:10:56,247
So dit is hoe ons kan
bou lyste met behulp van HTML.

236
00:10:56,247 --> 00:10:58,080
Nog 'n ding wat jy dalk
wil doen met HTML

237
00:10:58,080 --> 00:11:01,520
is die bou van 'n tafel van
inligting van rye en kolomme

238
00:11:01,520 --> 00:11:04,560
om inligting op 'n
veral georganiseerde manier.

239
00:11:04,560 --> 00:11:09,110
Om dit te doen met HTML kan ons 'n het
tafel definisie begin oop bracket

240
00:11:09,110 --> 00:11:10,160
tafel.

241
00:11:10,160 --> 00:11:14,680
En dan binnekant van die tafel ons
dalk 'n stel van die rye, TR tags

242
00:11:14,680 --> 00:11:15,980
om elke ry aan te dui.

243
00:11:15,980 --> 00:11:22,510
En dan TD tags gaan binne TR tags
om 'n kolom in 'n ry te spesifiseer.

244
00:11:22,510 --> 00:11:24,340
>> Hoekom is dit genoem TD en nie TC?

245
00:11:24,340 --> 00:11:25,940
Wel, TD staan ​​vir tafel data.

246
00:11:25,940 --> 00:11:27,900
Gewoonlik jy sit
jou inligting daar.

247
00:11:27,900 --> 00:11:29,440
So dit is waarom dit is TD en nie TC.

248
00:11:29,440 --> 00:11:31,140
Dit is 'n bietjie verwarrend.

249
00:11:31,140 --> 00:11:33,720
>> So jy het tafel tags en
binnekant van jou tafel tags

250
00:11:33,720 --> 00:11:35,600
jy het 'n aantal rye, TRS.

251
00:11:35,600 --> 00:11:40,030
En in elke ry jy
TDS vir die aantal kolomme

252
00:11:40,030 --> 00:11:42,880
wat jy wil hê
in daardie spesifieke ry.

253
00:11:42,880 --> 00:11:47,730
Kom ons neem 'n blik op 'n baie
eenvoudige tafel oor in CS50 IDE.

254
00:11:47,730 --> 00:11:49,730
>> So ek het hier 'n lêer
genoem tafel dot HTML.

255
00:11:49,730 --> 00:11:53,390
Kom ons kyk na
wat dit lyk.

256
00:11:53,390 --> 00:11:56,225
Daar is 'n baie gaan op hier, maar
as jy sien ek het 'n tafel oop.

257
00:11:56,225 --> 00:11:57,850
Ek begin die definisie met 'n tafel.

258
00:11:57,850 --> 00:12:02,100
En dan in my eerste ry ek glo
het vier kolomme, een, twee, drie,

259
00:12:02,100 --> 00:12:02,660
vier.

260
00:12:02,660 --> 00:12:04,290
En dan is ek klaar met die ry.

261
00:12:04,290 --> 00:12:07,750
>> Dan nog 'n ry begin ek en
doen twee, vier, ses, agt.

262
00:12:07,750 --> 00:12:08,850
Voltooi die ry.

263
00:12:08,850 --> 00:12:11,410
Doen nog 'n ry, drie, ses, nege, 12.

264
00:12:11,410 --> 00:12:14,830
En dan 'n laaste ry, vier,
agt, 12 en al is dit

265
00:12:14,830 --> 00:12:16,560
'n bietjie hier afgesny, 16.

266
00:12:16,560 --> 00:12:17,710
>> Ek het klaar die ry.

267
00:12:17,710 --> 00:12:18,970
Ek het klaar die tafel.

268
00:12:18,970 --> 00:12:21,430
En dan is ek klaar met my HTML.

269
00:12:21,430 --> 00:12:22,590
Wat beteken dit lyk?

270
00:12:22,590 --> 00:12:26,014

271
00:12:26,014 --> 00:12:27,430
Wel, dit is nie regtig veel om te sien.

272
00:12:27,430 --> 00:12:31,690
Ek het duidelik my inligting georganiseer
in 'n ietwat meer georganiseerde manier.

273
00:12:31,690 --> 00:12:33,755
Maar dit is nie super mooi hier.

274
00:12:33,755 --> 00:12:36,130
En ons gaan om te gaan met
dat wanneer ons praat oor CSS.

275
00:12:36,130 --> 00:12:38,930
Ons sal hierdie idee van heroorweeg
wat ons doen om 'n table-- maak

276
00:12:38,930 --> 00:12:41,260
Miskien formaat dit 'n bietjie beter?

277
00:12:41,260 --> 00:12:45,070
Maar ek het nog vier rye,
elkeen het vier kolomme,

278
00:12:45,070 --> 00:12:48,890
en regtig wat dit neerkom op 'n
baie eenvoudige vier deur vier vermenigvuldiging

279
00:12:48,890 --> 00:12:49,870
tafel.

280
00:12:49,870 --> 00:12:51,690
>> Net 'n paar meer etikette sal ons praat oor.

281
00:12:51,690 --> 00:12:54,617
Kom ons praat oor die
konsep van 'n HTML-vorm.

282
00:12:54,617 --> 00:12:57,450
Sodat jy kan sien dit in die
konteks van aan te meld by 'n webblad.

283
00:12:57,450 --> 00:12:59,100
Gewoonlik tik jy in jou gebruikers naam.

284
00:12:59,100 --> 00:13:01,510
Jy jou wagwoord,
en jy is goed om te gaan.

285
00:13:01,510 --> 00:13:04,170
Dit sou die begin van 'n vorm wees.

286
00:13:04,170 --> 00:13:05,420
>> Draai oor Div 'n tweede.

287
00:13:05,420 --> 00:13:07,987
Ons het ook insette wat
soort pas binne van vorms.

288
00:13:07,987 --> 00:13:10,320
Hierdie is die elemente wat
jy is eintlik tik in,

289
00:13:10,320 --> 00:13:12,580
of die radio knoppies jy
tik, of die tjek

290
00:13:12,580 --> 00:13:14,310
bokse wat jy af te merk.

291
00:13:14,310 --> 00:13:15,770
So het hierdie gaan binne van vorms.

292
00:13:15,770 --> 00:13:18,500
En hulle bestaan ​​basies
elke ry van die vorm

293
00:13:18,500 --> 00:13:19,887
As jou vorm goed geformateer.

294
00:13:19,887 --> 00:13:22,220
Dan is daar die konsep van
'n div, wat nie regtig nie

295
00:13:22,220 --> 00:13:25,060
pas in 'n bepaalde kategorie
van etikette soos die wat ek het

296
00:13:25,060 --> 00:13:26,170
voorheen doen.

297
00:13:26,170 --> 00:13:29,790
Dit is net soort van die afbaken
begin van 'n arbitrêre division--

298
00:13:29,790 --> 00:13:31,670
div-- van die bladsy.

299
00:13:31,670 --> 00:13:33,210
Daar is geen visuele breek.

300
00:13:33,210 --> 00:13:34,800
Daar is geen lyn.

301
00:13:34,800 --> 00:13:37,180
Dit is nie verreken as 'n
outomaties aparte stuk.

302
00:13:37,180 --> 00:13:39,430
Jy wil hê om dit te stileer
dat die manier om dit te doen.

303
00:13:39,430 --> 00:13:42,110
>> Dit sê net soort van ek wil 'n
stuk ruimte op my webblad,

304
00:13:42,110 --> 00:13:45,190
en ek is net gaan om te bel
dit op hierdie afdeling van my bladsy.

305
00:13:45,190 --> 00:13:47,619
Ons kan dinge binnekant sit
van divs, en in werklikheid,

306
00:13:47,619 --> 00:13:49,410
wanneer ons kop bo aan
IDE in 'n tweede, sal ons

307
00:13:49,410 --> 00:13:53,760
sien dat ek om my
vorm binnekant van 'n div.

308
00:13:53,760 --> 00:13:57,050
>> So ek het hier in my IDE n
lêer genaamd div vorm dot HTML.

309
00:13:57,050 --> 00:13:59,260
Kom ons maak dit op.

310
00:13:59,260 --> 00:14:01,460
Let daarop dat soos ek gesê het,
div is soort van arbitrêre.

311
00:14:01,460 --> 00:14:01,640
Reg?

312
00:14:01,640 --> 00:14:02,973
Dit maak nie regtig iets beteken.

313
00:14:02,973 --> 00:14:05,140
So ek het 'n arbitrêre
eerste afdeling van my bladsy.

314
00:14:05,140 --> 00:14:07,848
En dan in plaas van 'n ander div
later, begin op die lyn agt,

315
00:14:07,848 --> 00:14:08,730
Ek het hierdie vorm.

316
00:14:08,730 --> 00:14:13,594
En binnekant van die vorm Ek het 'n
aantal insette, velde van die vorm.

317
00:14:13,594 --> 00:14:16,510
So ek het 'n veld met die naam is A--
wat nie werklik iets beteken

318
00:14:16,510 --> 00:14:19,350
reg now-- wat blykbaar
neem die teks, 'n ander een wat

319
00:14:19,350 --> 00:14:22,630
neem 'n wagwoord, 'n ander is dit 'n Radio
knoppie, 'n ander is dit 'n boks,

320
00:14:22,630 --> 00:14:24,797
en 'n ander is dit 'n stuur knoppie.

321
00:14:24,797 --> 00:14:26,630
Wel, wat dit doen
al eintlik lyk?

322
00:14:26,630 --> 00:14:27,629
Wel, laat ons neem 'n blik.

323
00:14:27,629 --> 00:14:31,010
Ons sal dit oopmaak in ons voorskou venster.

324
00:14:31,010 --> 00:14:33,557
Let daarop dat hierdie arbitrêre
eerste division-- daar

325
00:14:33,557 --> 00:14:34,640
geen visuele skeiding hier.

326
00:14:34,640 --> 00:14:37,150
Dit het nie regtig iets te doen, reg?

327
00:14:37,150 --> 00:14:38,220
>> En dan moet ek my vorm.

328
00:14:38,220 --> 00:14:39,890
En ek het 'n spesiale formatering doen nie.

329
00:14:39,890 --> 00:14:42,680
So die vorm is net een
groot ry van inligting.

330
00:14:42,680 --> 00:14:46,424
As ek my vorm anders het geformateer,
Ek mag hê dit reël vir reël vir reël.

331
00:14:46,424 --> 00:14:47,590
Maar ek het nie enige stilering nie doen nie.

332
00:14:47,590 --> 00:14:49,256
Weereens, ons praat nie oor CSS hier.

333
00:14:49,256 --> 00:14:51,030
Ons is net praat oor HTML.

334
00:14:51,030 --> 00:14:53,980
>> Wel, in my teks vorm kan ek type--
onthou dat vorme van tekstipe

335
00:14:53,980 --> 00:14:55,480
so ek kan my naam te sit.

336
00:14:55,480 --> 00:14:57,330
En in my wagwoord ek
kan my wagwoord tik.

337
00:14:57,330 --> 00:14:59,740
En omdat die veld
is van die tipe wagwoord

338
00:14:59,740 --> 00:15:01,470
jy weet nie wat my wagwoord.

339
00:15:01,470 --> 00:15:02,800
Dit is al die punte.

340
00:15:02,800 --> 00:15:09,140
>> Ek kan ook kies om 'n merk
radio knoppie of afmerk n boks.

341
00:15:09,140 --> 00:15:10,420
Of ek kon my vorm indien.

342
00:15:10,420 --> 00:15:11,810
En ek het niks te doen,
so toe ek my in te dien,

343
00:15:11,810 --> 00:15:13,090
die bladsy net verfris.

344
00:15:13,090 --> 00:15:16,970
Maar ek kon dalk instel my
Stuur knoppie om iets anders te doen.

345
00:15:16,970 --> 00:15:20,410
En ons sal sien wat ons kan doen met
wat in 'n toekomstige video op PHP.

346
00:15:20,410 --> 00:15:22,520
Maar dit bou 'n baie
eenvoudige vorm wat ons

347
00:15:22,520 --> 00:15:27,360
kan gebruik om gebruikers interaksie en
om inligting aan ons webwerf.

348
00:15:27,360 --> 00:15:29,620
>> Een laaste opmerking voordat ons
beweeg na 'n ander tags

349
00:15:29,620 --> 00:15:32,040
is om 'n blik op hierdie te neem
insette tag een keer.

350
00:15:32,040 --> 00:15:35,760
Kennis dat ek uitgelig
die einde van die tag in rooi.

351
00:15:35,760 --> 00:15:39,390
Elke ander tag wat ons tot dusver gesien het
het 'n begin en 'n einde, 'n opening

352
00:15:39,390 --> 00:15:41,030
tag en 'n sluitingsdatum tag.

353
00:15:41,030 --> 00:15:42,520
>> Maar 'n inset tag nie.

354
00:15:42,520 --> 00:15:46,860
Daar is geen teks wat gaan
tussen insette tags.

355
00:15:46,860 --> 00:15:49,160
Al die inligting
ons van voorneme is om te dra

356
00:15:49,160 --> 00:15:52,640
vassit as deel van die
eienskappe van daardie insette.

357
00:15:52,640 --> 00:15:54,690
Sien ons het insette naam is gelyk aan x.

358
00:15:54,690 --> 00:15:55,580
Tipe gelyk y.

359
00:15:55,580 --> 00:15:57,660
Dit is regtig al die
inligting wat ons nodig het.

360
00:15:57,660 --> 00:15:59,470
>> Dit word 'n self sluitingsdatum tag.

361
00:15:59,470 --> 00:16:02,470
Dit nie 'n opening en 'n vereis
naby, want al die inligting

362
00:16:02,470 --> 00:16:04,974
vervat in die
tag en sy eienskappe.

363
00:16:04,974 --> 00:16:06,390
So soms jy sal dit sien, ook.

364
00:16:06,390 --> 00:16:10,400
Dus net bewus wees dat as jy 'n
tag wat heeltemal self-vervat,

365
00:16:10,400 --> 00:16:14,170
dit oopmaak en sluit self met
die oop hoek bracket aan die linkerkant

366
00:16:14,170 --> 00:16:17,000
en die streep hoek
bracket aan die regterkant.

367
00:16:17,000 --> 00:16:20,580
Ons sal 'n ander een van daardie sien
nou met die beeld tags as well.

368
00:16:20,580 --> 00:16:23,300
>> Voordat ons praat oor beelde, ons
nodig om te praat oor hiperskakels.

369
00:16:23,300 --> 00:16:26,080
As ons wil hê ons webblad te wees
interaktiewe en beweeg ons rond,

370
00:16:26,080 --> 00:16:28,121
dit sal lekker wees in staat wees
kliek op een van daardie

371
00:16:28,121 --> 00:16:30,190
wat tipies was 'n blou skakel.

372
00:16:30,190 --> 00:16:34,440
Dit is eintlik hoe ons bou
'n hyperlink in ons webblad.

373
00:16:34,440 --> 00:16:36,540
En interessant genoeg
daar is 'n ander HTML tag

374
00:16:36,540 --> 00:16:39,000
genoem skakel, wat nie 'n hyperlink.

375
00:16:39,000 --> 00:16:44,130
A hier staan ​​vir anker, en
dit is hoe ons dui op 'n hyperlink.

376
00:16:44,130 --> 00:16:49,150
>> A href gelyk x middel gaan
webblad X. En alles

377
00:16:49,150 --> 00:16:51,580
tussen die oop A tag
en die noue A tag

378
00:16:51,580 --> 00:16:56,010
is wat gaan wees dat onderstreep
blou teks wat lyk soos 'n skakel

379
00:16:56,010 --> 00:16:57,590
dat ons vertroud is met.

380
00:16:57,590 --> 00:17:01,660
Hieronder wat het ons 'n beeld tag, wat
is 'n self sluittag vir die vertoon

381
00:17:01,660 --> 00:17:05,599
'n beeld geleë op X. En
jy dalk in staat wees om te verander

382
00:17:05,599 --> 00:17:08,280
dat die beeld deur die spesifiseer
breedte en hoogte

383
00:17:08,280 --> 00:17:11,640
en ander eienskappe in
dat dot dot dot daar.

384
00:17:11,640 --> 00:17:14,260
>> Op die heel onderste hier
ons het 'n baie interessante

385
00:17:14,260 --> 00:17:16,170
soek tag wat nie doen
'n sluitingsdatum tag.

386
00:17:16,170 --> 00:17:19,410
Dit is uitroepteken DOCTYPE HTML.

387
00:17:19,410 --> 00:17:23,300
So HTML het sedert die was
vroeë 1990's vir die bou van webblaaie,

388
00:17:23,300 --> 00:17:25,859
en dit is ondergaan het
verskeie wysigings sedert dan.

389
00:17:25,859 --> 00:17:28,550
Mees onlangs in 2014
dit ondergaan 'n hersiening

390
00:17:28,550 --> 00:17:33,440
genoem HTML5 wat is nou die huidige
soort van de facto HTML standaard.

391
00:17:33,440 --> 00:17:36,730
>> Om aan te dui dat ons web
bladsye geskryf met behulp van HTML5,

392
00:17:36,730 --> 00:17:38,160
dit is hoe ons begin.

393
00:17:38,160 --> 00:17:40,380
Dit kan weggelaat word, maar
wat wat basies

394
00:17:40,380 --> 00:17:45,930
middel is jy kan nie enige van die tags gebruik
wat HTML5 tags, diegene nuwe tags.

395
00:17:45,930 --> 00:17:48,591
So begin ons altyd af
As ons gebruik HTML5.

396
00:17:48,591 --> 00:17:51,340
En al die tags ons het gepraat oor
voorheen is nie HTML5 tags.

397
00:17:51,340 --> 00:17:55,470
Maar dit sou aandui dat
HTML5 tags sal teenwoordig wees.

398
00:17:55,470 --> 00:17:58,400
En so het ons uitroep
DOCTYPE HTML, wat

399
00:17:58,400 --> 00:18:01,280
is aan die begin van ons
HTML-lêer, en dan na die punt

400
00:18:01,280 --> 00:18:04,930
ons eintlik het ons HTML oop
merk en gaan van daar af.

401
00:18:04,930 --> 00:18:10,050
>> Die laaste een is 'n opmerking tag,
wat lyk effens anders ook.

402
00:18:10,050 --> 00:18:12,810
Dit begin met die hoek
bracket uitroep Dash

403
00:18:12,810 --> 00:18:15,220
Dash maar geen sluitingsdatum bracket.

404
00:18:15,220 --> 00:18:20,150
In tussen die twee elemente is daar
is waar jy skryf jou kommentaar.

405
00:18:20,150 --> 00:18:28,420
En laat ons 'n blik op beelde
en kommentaar en skakels in CS50 IDE.

406
00:18:28,420 --> 00:18:32,850
>> So ek het hier 'n lêer genaamd lêerskakel
dot HTML wat ek gaan om oop te maak.

407
00:18:32,850 --> 00:18:36,420
En sien ek het 'n paar van die het
hier kommentaar in my HTML kommentaar.

408
00:18:36,420 --> 00:18:38,990
So, net soos in C en ander
programmeertale,

409
00:18:38,990 --> 00:18:43,169
HTML net deur 'n opmaak taal
het nie die vermoë om kommentaar te hê.

410
00:18:43,169 --> 00:18:45,710
En so ek glo gaan
plaas 'n foto van Rick Astley

411
00:18:45,710 --> 00:18:49,060
iewers tussen hierdie div
tag, hierdie arbitrêre verdeling.

412
00:18:49,060 --> 00:18:51,497
Blykbaar dit lêer is
geleë op Rick dot JPEG, wat

413
00:18:51,497 --> 00:18:53,580
as ons kop terug na
my lêer boom vir 'n tweede,

414
00:18:53,580 --> 00:18:55,490
is 'n lêer wat bestaan ​​in
die huidige gids.

415
00:18:55,490 --> 00:18:56,031
So dit is OK.

416
00:18:56,031 --> 00:18:57,710
Ek kan dit verwys.

417
00:18:57,710 --> 00:18:59,680
>> Dan kan ek interne skakels.

418
00:18:59,680 --> 00:19:05,080
So sien op die lyn 11 hier
my href is hallo dot HTML.

419
00:19:05,080 --> 00:19:09,050
Sodat net verwys na hallo dot HTML
wat bestaan ​​in die huidige gids.

420
00:19:09,050 --> 00:19:12,980
En ek kan ook 'n eksterne
links deur net spesifiseer HTTPS

421
00:19:12,980 --> 00:19:16,180
aan te dui dat ek praat nie
oor 'n lêer in my huidige gids.

422
00:19:16,180 --> 00:19:19,730
Ek praat van 'n lêer wat bestaan
iewers op die internet, wat ek

423
00:19:19,730 --> 00:19:23,370
om te versoek met behulp van die HTTP-protokol.

424
00:19:23,370 --> 00:19:25,990
>> So laat ons neem 'n blik op wat
hierdie bladsy kan lyk

425
00:19:25,990 --> 00:19:29,500
en maak gereed vir 'n foto van Rick
Astley om te wys op jou skerm.

426
00:19:29,500 --> 00:19:31,490
So ek sal hierdie voorskou.

427
00:19:31,490 --> 00:19:33,800
Daar is Rick Astley by die
top in hierdie arbitrêre

428
00:19:33,800 --> 00:19:35,008
afdeling ek dit aan die bokant.

429
00:19:35,008 --> 00:19:36,960
En dan af onder I
het my links, reg?

430
00:19:36,960 --> 00:19:39,330
>> Ek het 'n skakel na hallo dot HTML.

431
00:19:39,330 --> 00:19:42,860
En as ek dit op, ek kry
verskuif na hierdie bladsy

432
00:19:42,860 --> 00:19:47,050
dat ons is baie vertroud is met van
die begin van ons program.

433
00:19:47,050 --> 00:19:50,880
As ek pop die bladsy weer oop, as ek
pop lêerskakel oop een keer,

434
00:19:50,880 --> 00:19:54,420
Ek kan ook ekstern gaan
webwerf CS50 se.

435
00:19:54,420 --> 00:19:56,740
En daar see-- ons ek sal
zoom uit 'n bietjie here--

436
00:19:56,740 --> 00:20:00,260
ons sal sien CS50 se webwerf soort
ingebed in die middel van ons blad.

437
00:20:00,260 --> 00:20:04,670
So ek was in staat om 'n interne maak
sowel as 'n skakel 'n eksterne skakel.

438
00:20:04,670 --> 00:20:07,200
>> Die laaste reël met HTML wat
ons gaan om te praat oor hier

439
00:20:07,200 --> 00:20:09,510
is dat jou HTML goed gevorm moet word.

440
00:20:09,510 --> 00:20:13,020
In C het ons gepraat oor 'n baie
die verskillende sintaksis van die dinge.

441
00:20:13,020 --> 00:20:17,650
In HTML die sintaksis regtig
wentel om tags.

442
00:20:17,650 --> 00:20:19,660
Elke tag jy oop moet gesluit word.

443
00:20:19,660 --> 00:20:22,630
En in die feit, elke tag wat jy oopmaak
moet in omgekeerde volgorde gesluit.

444
00:20:22,630 --> 00:20:25,790
>> So as jy 'n vet tag oopmaak, 'n italic
tag, en dan 'n onderstreepkarakter tag

445
00:20:25,790 --> 00:20:28,120
om alles te doen om 'n drie
spesifieke stel van die teks,

446
00:20:28,120 --> 00:20:30,070
moet jy hulle maak in omgekeerde volgorde.

447
00:20:30,070 --> 00:20:32,270
So as jy vet geopen
italic, onderstreep, jy

448
00:20:32,270 --> 00:20:35,240
wil onderstreep, italic sluit, vet.

449
00:20:35,240 --> 00:20:39,990
Hierdie soort van inkapseling is wat
hou HTML mooi en georganiseer.

450
00:20:39,990 --> 00:20:44,370
>> Anders C, al is, sal sintaksfoute nie
eintlik kreupel jou HTML moontlik.

451
00:20:44,370 --> 00:20:48,730
Jou HTML kan nie goed wees
gevorm, maar nog steeds werk.

452
00:20:48,730 --> 00:20:50,589
En so hierdie foute
kan sorteer van slide deur.

453
00:20:50,589 --> 00:20:52,130
Dit is aan jou om werklik waaksaam wees.

454
00:20:52,130 --> 00:20:54,760
Soms sal hulle nie, maar
soms kan jy wegkom met dit.

455
00:20:54,760 --> 00:20:56,509
>> Dit kan 'n werklik
moeilike taak, al is,

456
00:20:56,509 --> 00:21:00,660
om tred te hou van wanneer jy oop te hou
'n tag, wanneer jy dit gesluit is,

457
00:21:00,660 --> 00:21:04,110
veral as jou HTML
lêers groter en groter.

458
00:21:04,110 --> 00:21:05,490
Jy sal 'n paar help wil.

459
00:21:05,490 --> 00:21:07,560
En daar is online
validator gereedskap wat jy

460
00:21:07,560 --> 00:21:11,474
kan gebruik om 'n blik op jou web het
bladsy en sien of dit goed gevorm HTML.

461
00:21:11,474 --> 00:21:13,390
En jy moet beslis
'n blik op die

462
00:21:13,390 --> 00:21:16,620
en begin om dit te gebruik as wat jy
begin doen 'n werk met HTML,

463
00:21:16,620 --> 00:21:20,800
skryf HTML, net sodat jy kry
'n paar goeie gewoontes organiseer

464
00:21:20,800 --> 00:21:24,377
HTML in 'n goeie manier en
goeie styl en maak seker

465
00:21:24,377 --> 00:21:27,210
dat jy niks doen wat
kon 'n sintaksfout skep wat

466
00:21:27,210 --> 00:21:30,270
sou veroorsaak dat jy 'n bietjie van
'n probleem in die pad af.

467
00:21:30,270 --> 00:21:31,190
>> Ek is Doug Lloyd.

468
00:21:31,190 --> 00:21:33,450
Dit is CS50.

469
00:21:33,450 --> 00:21:34,859