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

2
00:00:06,100 --> 00:00:08,790
>> DOUG LLOYD: Så vi har brugt
om-- hvis min matematik er rigtigt,

3
00:00:08,790 --> 00:00:11,900
Og jeg tror, ​​ser tilbage-- jeg tror
Vi tilbragte omkring 35 videoer taler

4
00:00:11,900 --> 00:00:15,139
om forskellige aspekter af C, måske
lidt mere, måske lidt mindre.

5
00:00:15,139 --> 00:00:16,930
Og vi ikke dække
alt i C, men vi

6
00:00:16,930 --> 00:00:21,170
dækkede en stor del af den
sprog, at langt størstedelen af ​​det,

7
00:00:21,170 --> 00:00:22,882
i hvert fald for almindelige anvendelser.

8
00:00:22,882 --> 00:00:25,090
Nu vil vi tale
om et andet sprog, HTML.

9
00:00:25,090 --> 00:00:28,180
Og vi kommer til at dække
det på blot én video.

10
00:00:28,180 --> 00:00:29,340
>> Men der kommer til at være OK.

11
00:00:29,340 --> 00:00:31,410
Det kommer til at faktisk blive
noget, du kommer til at vænne sig til.

12
00:00:31,410 --> 00:00:33,535
Nu hvor du har den
grundlæggende elementer i et sprog,

13
00:00:33,535 --> 00:00:35,776
det er faktisk ret nemt
at begynde at lære andre.

14
00:00:35,776 --> 00:00:37,650
Så vi kommer til at starte
at træde lidt tilbage

15
00:00:37,650 --> 00:00:43,340
og glans over den grundlæggende
forskelle mellem disse sprog

16
00:00:43,340 --> 00:00:45,750
og slags forlade dig til det.

17
00:00:45,750 --> 00:00:48,530
Der er en masse virkelig stor
ressourcer på internettet, som

18
00:00:48,530 --> 00:00:51,279
vi kommer til at begynde at lede dig
mod fordi internettet er

19
00:00:51,279 --> 00:00:53,340
en stor database af oplysninger.

20
00:00:53,340 --> 00:00:55,960
Og så det er ikke ligesom du vil
være tabere nødvendigvis

21
00:00:55,960 --> 00:00:58,349
ved ikke at have oplysningerne
dækket i en video.

22
00:00:58,349 --> 00:01:00,640
Du vil stadig kunne få
alt, hvad du har brug for og brug

23
00:01:00,640 --> 00:01:03,590
den viden, du har allerede
opbygget ved at forstå C

24
00:01:03,590 --> 00:01:07,130
at gøre indlæringskurve for disse
andre sprog faktisk meget fladere.

25
00:01:07,130 --> 00:01:08,640
Jeg lover.

26
00:01:08,640 --> 00:01:12,770
>> Men lad os tale om et sprog
det er virkelig grundlæggende for alle web

27
00:01:12,770 --> 00:01:14,830
side, som er HTML.

28
00:01:14,830 --> 00:01:18,230
HTML er Hyper Text Markup Language.

29
00:01:18,230 --> 00:01:22,700
HTML er et sprog, men det er
ikke et programmeringssprog.

30
00:01:22,700 --> 00:01:23,900
>> HTML har ikke variable.

31
00:01:23,900 --> 00:01:26,430
Det har ikke logik eller
funktioner eller noget lignende.

32
00:01:26,430 --> 00:01:30,301
Vi kan ikke gøre nogen
programmering per se i HTML.

33
00:01:30,301 --> 00:01:32,300
Nogle gange vil du høre
folk beskriver sig selv

34
00:01:32,300 --> 00:01:35,710
som HTML programmører, som
er ikke helt korrekt.

35
00:01:35,710 --> 00:01:37,980
Vi kan ikke skrive HTML-programmer.

36
00:01:37,980 --> 00:01:40,770
>> HTML er bare bruges til at markere tekst.

37
00:01:40,770 --> 00:01:42,690
Det kaldes et kodesprog.

38
00:01:42,690 --> 00:01:47,680
Og hvad det does-- denne markup--
vi bruger tags i HTML og disse tags--

39
00:01:47,680 --> 00:01:51,600
dette markup-- semantisk
definerer strukturen på en side

40
00:01:51,600 --> 00:01:55,280
og forårsager almindelig tekst,
eksisterer mellem tags skal fortolkes

41
00:01:55,280 --> 00:01:57,320
af browsere på forskellige måder.

42
00:01:57,320 --> 00:02:00,370
Og måske er det bedst at forklare
dette ved hjælp af en illustration.

43
00:02:00,370 --> 00:02:06,450
>> Her er en meget simpel HTML-side, ikke
en HTML-programmet, igen, en HTML-side.

44
00:02:06,450 --> 00:02:08,680
Og vi ved, det er en
HTML-side, fordi vi har

45
00:02:08,680 --> 00:02:11,480
afgrænset alt med HTML-tags.

46
00:02:11,480 --> 00:02:13,850
Så dette er hvad en HTML-tag ser ud.

47
00:02:13,850 --> 00:02:15,870
Det er mellem vinkelbeslag.

48
00:02:15,870 --> 00:02:18,570
Og bemærk i toppen, vi har
HTML og i bunden,

49
00:02:18,570 --> 00:02:21,400
efter at vi har gjort, hvad der er
tilsyneladende en masse andre HTML,

50
00:02:21,400 --> 00:02:24,310
vi har vinkelbeslag skråstreg HTML.

51
00:02:24,310 --> 00:02:29,262
Så den slags er grænsen
mellem det HTML og hvad der ikke er.

52
00:02:29,262 --> 00:02:32,220
Og selvfølgelig konventionelt, lige
som du skrev alle dine C-programmer

53
00:02:32,220 --> 00:02:35,300
med dot C extensions,
alle dine HTML-filer

54
00:02:35,300 --> 00:02:37,909
vil ende med dot HTML udvidelser.

55
00:02:37,909 --> 00:02:39,200
Men der er flere foregår her.

56
00:02:39,200 --> 00:02:40,658
Vi har ikke bare har disse HTML-tags.

57
00:02:40,658 --> 00:02:44,010
Vi har tilsyneladende dette
ting kaldet et hoved tag.

58
00:02:44,010 --> 00:02:46,010
Nå, OK, hvad er det?

59
00:02:46,010 --> 00:02:48,550
>> Nå måske er det bedst at
skelne ved hjælp af et organ,

60
00:02:48,550 --> 00:02:50,590
legeme er indholdet af websiden.

61
00:02:50,590 --> 00:02:55,860
Så måske hovedet tag definerer ting
som ikke er i browservinduet korrekt,

62
00:02:55,860 --> 00:02:59,410
men er på en måde vigtigt for vores
webside blive gjort korrekt.

63
00:02:59,410 --> 00:03:02,490
For eksempel indersiden af
head tag vi har titel tags.

64
00:03:02,490 --> 00:03:05,500
>> Så titel bliver hej verden,
der er faktisk kommer til at være, hvad

65
00:03:05,500 --> 00:03:08,797
dukker op i tappen i Chrome
eller i safari eller Firefox--

66
00:03:08,797 --> 00:03:11,880
uanset hvad browser du prefer-- der er
hvad der kommer til at dukke op i titlen.

67
00:03:11,880 --> 00:03:14,800
Og før faner det ville vise
op i hele browservinduet

68
00:03:14,800 --> 00:03:19,710
og du kan kun have én side
åbne i et browservindue ad gangen.

69
00:03:19,710 --> 00:03:22,160
Så det kommer til at være det
titlen på min side op på fanen

70
00:03:22,160 --> 00:03:24,600
eller browservinduet bar, hej verden.

71
00:03:24,600 --> 00:03:28,611
Og derefter indholdet af min
webside vil være verden, hej.

72
00:03:28,611 --> 00:03:31,360
Så lad os tage et kig på, hvad nogle
ting som dette kunne se ud.

73
00:03:31,360 --> 00:03:33,210
Dette er en temmelig simpel HTML-side.

74
00:03:33,210 --> 00:03:35,970
Så jeg er her i min CS50 IDE og
Jeg har zoomet ind en lille smule.

75
00:03:35,970 --> 00:03:38,290
Og jeg er bare at gå til
åbne op hej dot HTML

76
00:03:38,290 --> 00:03:42,000
og vise dig, at dette er temmelig meget
sidens indhold, som vi så før.

77
00:03:42,000 --> 00:03:45,240
Mine simple HTML, hoved tags,
title tags, krop, og så videre.

78
00:03:45,240 --> 00:03:47,320
Jeg har indrykket at være rene.

79
00:03:47,320 --> 00:03:51,530
>> Og så hvad jeg kan gøre i min
IDE er bare vist et eksempel på siden.

80
00:03:51,530 --> 00:03:52,630
Og der går vi.

81
00:03:52,630 --> 00:03:56,070
Indholdet af min side er verden,
hej, og jeg kan ikke se noget

82
00:03:56,070 --> 00:03:58,500
fra hovedet tags der.

83
00:03:58,500 --> 00:03:59,980
Det er blot indholdet af kroppen.

84
00:03:59,980 --> 00:04:00,780
Verden, hej.

85
00:04:00,780 --> 00:04:03,700
Og igen kroppen lige
sagde, verden, hej.

86
00:04:03,700 --> 00:04:06,160
Den anden del mangler.

87
00:04:06,160 --> 00:04:07,610
>> Så det er virkelig alt det er.

88
00:04:07,610 --> 00:04:11,370
Dette er en meget simpel grundlæggende HTML-side.

89
00:04:11,370 --> 00:04:14,280
Nu har jeg indrykket min HTML til
være virkelig rart og organiseret,

90
00:04:14,280 --> 00:04:15,840
men jeg har faktisk ikke behøver at.

91
00:04:15,840 --> 00:04:17,959
Jeg kunne gøre det ser temmelig grimt.

92
00:04:17,959 --> 00:04:19,467
Og dette ville stadig arbejde.

93
00:04:19,467 --> 00:04:21,050
Dette ville være nøjagtig den samme webside.

94
00:04:21,050 --> 00:04:23,100
Jeg har netop fået slippe af med
alle de hvide rum.

95
00:04:23,100 --> 00:04:24,820
>> Da det viser sig, hvide rum er data.

96
00:04:24,820 --> 00:04:28,540
Og så når vi sender data fra
afsender til modtager, fra server

97
00:04:28,540 --> 00:04:30,670
til kunden, data koster penge.

98
00:04:30,670 --> 00:04:34,460
Og så at komme af blanke tegn
er faktisk en god idé

99
00:04:34,460 --> 00:04:37,320
hvis du er en person, der tjener
en masse web-indhold.

100
00:04:37,320 --> 00:04:39,820
Det er en dårlig idé, hvis du er
nogen, der er at lære det her

101
00:04:39,820 --> 00:04:41,528
og du vil have
det pænt organiseret.

102
00:04:41,528 --> 00:04:43,810
Dette er meget lettere at tolke end dette.

103
00:04:43,810 --> 00:04:45,540
Men det er funktionelt identiske.

104
00:04:45,540 --> 00:04:48,720
>> Indrykningen og den slags
faktisk ikke noget i HTML.

105
00:04:48,720 --> 00:04:53,634
Alle, der betyder noget er, åbner tags og
lukke tags i den rigtige rækkefølge.

106
00:04:53,634 --> 00:04:55,050
Læg mærke til hvad der skete her, selv om.

107
00:04:55,050 --> 00:04:58,450
Opmærkningen giver os en måde at
kommunikere ekstra information

108
00:04:58,450 --> 00:04:59,940
om, hvad vi har skrevet.

109
00:04:59,940 --> 00:05:03,130
Hello, Verden del var
tolkes som titlen.

110
00:05:03,130 --> 00:05:06,410
Og verden, goddag del var
fortolkes indholdet

111
00:05:06,410 --> 00:05:09,090
eller hvad der skal være
synlig på min webside.

112
00:05:09,090 --> 00:05:12,167
>> Der er over 100 af disse forskellige
tags og masser af store ressourcer

113
00:05:12,167 --> 00:05:13,000
online for at finde dem.

114
00:05:13,000 --> 00:05:14,900
Vi kommer til at tale om en
få af dem i denne video, nogle

115
00:05:14,900 --> 00:05:16,440
af de virkelig grundlæggende ting.

116
00:05:16,440 --> 00:05:18,440
Men vi vil ikke tale
om det hele, fordi det

117
00:05:18,440 --> 00:05:20,250
ville være udtømmende hertil.

118
00:05:20,250 --> 00:05:22,880
>> En anden ting du kan gøre, selv om,
er åbne udviklingsværktøjer.

119
00:05:22,880 --> 00:05:26,069
Og hvis du husker fra
vores video på HTTP,

120
00:05:26,069 --> 00:05:27,860
Jeg forklarede, hvordan du åbner
op udviklingsværktøjer.

121
00:05:27,860 --> 00:05:32,020
I Chrome er det normalt F12
at åbne op udvikleren værktøjslinje.

122
00:05:32,020 --> 00:05:35,909
Så i stedet for at vælge netværket
fane kan du vælge fanen Elementer.

123
00:05:35,909 --> 00:05:37,700
Og hvis du indlæser en web
side, vil du rent faktisk

124
00:05:37,700 --> 00:05:40,280
se HTML, der skaber denne webside.

125
00:05:40,280 --> 00:05:44,090
Og så kan du lære en masse om HTML
ved at se på dine foretrukne hjemmesider

126
00:05:44,090 --> 00:05:48,474
og se, hvordan de bygger den
forskellige stykker af dem, som du kan lide.

127
00:05:48,474 --> 00:05:50,890
Så måske er der denne cool
mønster eller noget lignende.

128
00:05:50,890 --> 00:05:52,140
Hvordan de gør det med HTML?

129
00:05:52,140 --> 00:05:55,630
Nå du kan bare åbne din developer
værktøjer og svæver over dette element

130
00:05:55,630 --> 00:05:57,700
og se præcis, hvad HTML gør det.

131
00:05:57,700 --> 00:05:59,450
Så det er en rigtig
god måde at lære HTML,

132
00:05:59,450 --> 00:06:02,330
og jeg anbefaler stærkt, at
du gøre det både for at lære HTML

133
00:06:02,330 --> 00:06:04,930
og også at lære lidt
lidt om nogle af de muligheder

134
00:06:04,930 --> 00:06:07,050
til rådighed for dig i
udviklingsværktøjer, som

135
00:06:07,050 --> 00:06:10,200
vil helt sikkert komme i handy som
du begynder at gøre mere intensiv web

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

137
00:06:11,090 --> 00:06:14,080
>> Så lad os tage et kig på en
par almindelige HTML-tags.

138
00:06:14,080 --> 00:06:17,210
Og vi vil hoppe og tage et kig på
hvad disse tags vil også gøre

139
00:06:17,210 --> 00:06:20,490
som ved at se på nogle filer i mit IDE.

140
00:06:20,490 --> 00:06:26,330
Så her er tre meget grundlæggende tags for
tweaking det visuelle udseende af tekst.

141
00:06:26,330 --> 00:06:29,050
Der er B-tags, I tags og U-tags.

142
00:06:29,050 --> 00:06:33,170
Og henholdsvis hvad de gør, er
gøre teksten mellem dem med fed skrift,

143
00:06:33,170 --> 00:06:35,430
kursiv og understregning.

144
00:06:35,430 --> 00:06:40,430
Så lad os se, hvad der ville se
ligesom på en faktiske webside i min IDE.

145
00:06:40,430 --> 00:06:43,390
>> Så her i min IDE har jeg en
fil kaldet BIU dot HTML.

146
00:06:43,390 --> 00:06:46,770
BIU dot HTML bare at være
fed, kursiv, understregning.

147
00:06:46,770 --> 00:06:47,830
Jeg vil åbne det op.

148
00:06:47,830 --> 00:06:51,810
>> Og vi vil se, at her jeg
har denne tekst er B-tags fed.

149
00:06:51,810 --> 00:06:54,010
Denne tekst er I tags kursiv.

150
00:06:54,010 --> 00:06:56,307
Og denne tekst er U-tags understreget.

151
00:06:56,307 --> 00:06:57,640
Hvad er dette kommer til at se ud?

152
00:06:57,640 --> 00:06:59,473
Nå igen, alt hvad jeg har
at gøre, er at gå over her

153
00:06:59,473 --> 00:07:04,690
til min browser, min fil browser, skal du klikke
Eksempel, og det er hvad der kommer op.

154
00:07:04,690 --> 00:07:07,520
>> Teksten i mellem B
tags er faktisk nu fed.

155
00:07:07,520 --> 00:07:10,720
Teksten i mellem I
tags er faktisk nu kursiv.

156
00:07:10,720 --> 00:07:14,634
Og teksten i mellem U
tags er faktisk nu understreget.

157
00:07:14,634 --> 00:07:15,550
Så det er temmelig godt.

158
00:07:15,550 --> 00:07:18,450
Vi ved nu, hvordan man kan gøre tekst
ser lidt mere fancy

159
00:07:18,450 --> 00:07:20,360
eller tegne vægt på visse ting.

160
00:07:20,360 --> 00:07:25,530
Et andet par af fælles tags her
afsnit tags, P og header tags,

161
00:07:25,530 --> 00:07:27,980
som jeg har gjort her som HX.

162
00:07:27,980 --> 00:07:32,520
>> Disse P-tags, disse afsnit tags,
bryde din tekst op i afsnit.

163
00:07:32,520 --> 00:07:34,646
Det er ikke nok bare at
tryk Enter og efterlade rum,

164
00:07:34,646 --> 00:07:37,186
fordi en computer er kun vil
at gøre, hvad du fortæller det til at gøre

165
00:07:37,186 --> 00:07:39,450
og det ignorerer hvid
plads til det meste.

166
00:07:39,450 --> 00:07:41,636
Så vi kan ikke bare trykke Enter
og forventer vores computer

167
00:07:41,636 --> 00:07:43,760
at fortolke, at vi ønsker
at starte et nyt afsnit.

168
00:07:43,760 --> 00:07:47,670
Vi må meget eksplicit sige dette
er en paragraph-- dette er another--

169
00:07:47,670 --> 00:07:50,740
ved at indsætte hver i et sæt af P tags.

170
00:07:50,740 --> 00:07:54,560
>> Og vi har også disse muligheder
for H tags, disse header tags.

171
00:07:54,560 --> 00:07:57,000
Vi har seks forskellige niveauer
overskrifter, en, to, tre,

172
00:07:57,000 --> 00:08:01,110
fire, fem og seks, som er
gradvist større og større

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

174
00:08:01,710 --> 00:08:04,360
Og de får mindre og
mindre og mindre og mindre.

175
00:08:04,360 --> 00:08:07,690
Så vi har et topniveau overskrift, en anden
vater, og så videre, og så videre.

176
00:08:07,690 --> 00:08:10,480
>> Lad os tage et kig på måske nogle
P-tags og nogle header tags

177
00:08:10,480 --> 00:08:13,110
i aktion på en webside.

178
00:08:13,110 --> 00:08:18,180
Så her i min IDE jeg har en fil kaldet
PH dot HTML, idet pH-værdien stykker

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

180
00:08:18,970 --> 00:08:20,709
Åbn det op.

181
00:08:20,709 --> 00:08:23,000
Der er en masse foregår her
fordi jeg har lagt nogle lorem

182
00:08:23,000 --> 00:08:24,660
ipsum, nogle bare tilfældig tekst her.

183
00:08:24,660 --> 00:08:27,284
Så jeg vil zoome ud en lille smule
fordi der er så meget foregår.

184
00:08:27,284 --> 00:08:31,980
Men bemærk, at jeg har i det
top her Jeg har en H1, et niveau et,

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

186
00:08:32,802 --> 00:08:36,010
Så jeg har et afsnit, som er lige
en flok af tilfældige text-- lorem ipsum--

187
00:08:36,010 --> 00:08:38,720
bare standard standard fyldning i tekst.

188
00:08:38,720 --> 00:08:41,970
Så jeg har to stykker inde i det
niveau et sidehoved og derefter ned under jeg

189
00:08:41,970 --> 00:08:46,850
har en niveau to header her på linie 24,
et andet niveau header, og yderligere to

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

191
00:08:47,840 --> 00:08:51,910
Nå hvad betyder dette ligne
hvis jeg ser det i min preview?

192
00:08:51,910 --> 00:08:53,790
Lad os se.

193
00:08:53,790 --> 00:08:55,730
>> Så mærke til, at
første niveau header her

194
00:08:55,730 --> 00:08:58,420
er faktisk ganske lidt større
end det andet niveau header.

195
00:08:58,420 --> 00:08:59,940
Så vi brugte H1 tags.

196
00:08:59,940 --> 00:09:03,820
Og bemærk, at P-tags giver os mulighed
til at bryde tingene ud i stykker.

197
00:09:03,820 --> 00:09:07,500
Hvis vi havde fået slippe af disse P-tags
og faktisk bare sætte Indtaster eller Retur

198
00:09:07,500 --> 00:09:10,110
i mellem, hvad vi håbede ville
være de forskellige stykker,

199
00:09:10,110 --> 00:09:13,193
de ville alle bare smække sammen og
det ville ikke have denne nice stykke

200
00:09:13,193 --> 00:09:15,840
adskillelse med plads over og under.

201
00:09:15,840 --> 00:09:18,300
Og så det er hvad afsnit
tags og header tags

202
00:09:18,300 --> 00:09:22,440
er almindeligt anvendt til at gøre at trække
opmærksom på dele af vores webside

203
00:09:22,440 --> 00:09:23,550
på denne måde.

204
00:09:23,550 --> 00:09:27,560
>> Næste op er nogle mærker, som vi bruger
at opbygge lister på vores hjemmeside.

205
00:09:27,560 --> 00:09:30,820
Så vi har uordnet
lists-- ULs-- der er lige

206
00:09:30,820 --> 00:09:34,090
punktopstillinger, bestilt
liste, som er numbered--

207
00:09:34,090 --> 00:09:37,680
OLs-- og indersiden af ​​enten
en af ​​dem, vi har brug for

208
00:09:37,680 --> 00:09:40,600
sæt af hvordan man angive listeelementer, LI.

209
00:09:40,600 --> 00:09:44,370
Og så har vi åbent UL-tag
og vi sætte punkter inde i den.

210
00:09:44,370 --> 00:09:46,920
Og så når vi er færdig med
det, kan vi lukke UL tag.

211
00:09:46,920 --> 00:09:49,850
>> Og tilsvarende vi kan have
en ordnet eller nummereret liste

212
00:09:49,850 --> 00:09:51,560
og sætte listeelementer inde i det.

213
00:09:51,560 --> 00:09:53,350
Så lad os tage et kig
på et par lister

214
00:09:53,350 --> 00:09:57,230
og hvad de ville
gengive som på CS50 IDE.

215
00:09:57,230 --> 00:10:00,640
Så jeg har her i min IDE et
fil kaldet lister dot HTML.

216
00:10:00,640 --> 00:10:03,100
Lad os tage et kig.

217
00:10:03,100 --> 00:10:08,482
>> Og varsel her har jeg en uordnet
liste med fem ting i det.

218
00:10:08,482 --> 00:10:11,440
Og så har jeg en ordnet liste, og
Jeg har skiftet tag en lille smule,

219
00:10:11,440 --> 00:10:11,939
højre?

220
00:10:11,939 --> 00:10:13,152
Jeg har sagt starten lig seks.

221
00:10:13,152 --> 00:10:16,110
Det viser sig med en ordnet liste I
kan indstille startpunktet uanset hvor

222
00:10:16,110 --> 00:10:20,130
Jeg want-- som standard vil det være en--
ved blot at tilføje denne såkaldte attribut

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

224
00:10:21,190 --> 00:10:23,572
Og så denne liste vil
begynde at tælle på seks.

225
00:10:23,572 --> 00:10:26,780
Så de elementer i denne nummereret liste
skal være seks, syv, otte, ni, ti,

226
00:10:26,780 --> 00:10:29,930
fordi der er fem elementer
på listen, i modsætning til en,

227
00:10:29,930 --> 00:10:33,770
to, tre, fire, fem, som
ville være tilfældet, hvis jeg havde sagt OL

228
00:10:33,770 --> 00:10:36,730
uden at angive starten attribut.

229
00:10:36,730 --> 00:10:41,594
>> Så vi vil bare få vist dette, så du kan
få en fornemmelse for, hvad der foregår her.

230
00:10:41,594 --> 00:10:42,260
Og der går vi.

231
00:10:42,260 --> 00:10:44,610
Der er min liste.

232
00:10:44,610 --> 00:10:47,810
De første fem elementer er
uordnede eller punktopstillinger.

233
00:10:47,810 --> 00:10:51,010
Og de næste fem elementer
er en separat ordnet liste

234
00:10:51,010 --> 00:10:52,980
startende fra seks.

235
00:10:52,980 --> 00:10:56,247
Så det er, hvordan vi kan
opbygge lister ved hjælp af HTML.

236
00:10:56,247 --> 00:10:58,080
En anden ting du måske
ønsker at gøre med HTML

237
00:10:58,080 --> 00:11:01,520
er at opbygge en tabel over
information af rækker og kolonner

238
00:11:01,520 --> 00:11:04,560
at præsentere oplysninger i en
især organiseret måde.

239
00:11:04,560 --> 00:11:09,110
For at gøre dette med HTML vi kan få en
tabel definition begynder åben beslag

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

241
00:11:10,160 --> 00:11:14,680
Og så inde i skemaet vi
kan have et sæt af rækker, TR-tags

242
00:11:14,680 --> 00:11:15,980
at angive hver række.

243
00:11:15,980 --> 00:11:22,510
Og derefter TD tags gå inde i TR-tags
at angive en kolonne i et træk.

244
00:11:22,510 --> 00:11:24,340
>> Hvorfor hedder det TD og ikke TC?

245
00:11:24,340 --> 00:11:25,940
Nå, TD står for tabeldata.

246
00:11:25,940 --> 00:11:27,900
Normalt du lægger
dine oplysninger er der.

247
00:11:27,900 --> 00:11:29,440
Så det er derfor, det er TD og ikke TC.

248
00:11:29,440 --> 00:11:31,140
Det er en lille smule forvirrende.

249
00:11:31,140 --> 00:11:33,720
>> Så du har table tags og
indersiden af ​​din tabel tags

250
00:11:33,720 --> 00:11:35,600
du har et antal rækker, TR'er.

251
00:11:35,600 --> 00:11:40,030
Og inde i hver række, du har
Datablad for antallet af kolonner

252
00:11:40,030 --> 00:11:42,880
at du vil have
i denne særlige træk.

253
00:11:42,880 --> 00:11:47,730
Lad os tage et kig på et meget
simpel bordet over i CS50 IDE.

254
00:11:47,730 --> 00:11:49,730
>> Så jeg har her en fil
kaldet tabel dot HTML.

255
00:11:49,730 --> 00:11:53,390
Lad os få et kig på
hvad der ligner.

256
00:11:53,390 --> 00:11:56,225
Der er en masse foregår her, men
hvis du bemærker jeg har en tabel åben.

257
00:11:56,225 --> 00:11:57,850
Jeg begynder definitionen med bord.

258
00:11:57,850 --> 00:12:02,100
Og så i mit første række, jeg tilsyneladende
har fire kolonner, en, to, tre,

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

260
00:12:02,660 --> 00:12:04,290
Og så er jeg færdig med denne række.

261
00:12:04,290 --> 00:12:07,750
>> Så jeg starter en anden række og
gør to, fire, seks, otte.

262
00:12:07,750 --> 00:12:08,850
Afslut pågældende række.

263
00:12:08,850 --> 00:12:11,410
Gøre en anden række, tre, seks, ni, 12.

264
00:12:11,410 --> 00:12:14,830
Og så en sidste række, fire,
otte, 12, og selv om det er

265
00:12:14,830 --> 00:12:16,560
lidt afskåret her, 16.

266
00:12:16,560 --> 00:12:17,710
>> Jeg færdig pågældende række.

267
00:12:17,710 --> 00:12:18,970
Jeg færdig bordet.

268
00:12:18,970 --> 00:12:21,430
Og så er jeg færdig med min HTML.

269
00:12:21,430 --> 00:12:22,590
Hvad betyder dette se ud?

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

271
00:12:26,014 --> 00:12:27,430
Tja, det er egentlig ikke meget at se.

272
00:12:27,430 --> 00:12:31,690
Jeg har helt klart organiseret mine oplysninger
i en noget mere organiseret måde.

273
00:12:31,690 --> 00:12:33,755
Men det er ikke super smuk her.

274
00:12:33,755 --> 00:12:36,130
Og vi kommer til at beskæftige sig med
at når vi taler om CSS.

275
00:12:36,130 --> 00:12:38,930
Vi vil revidere denne idé om
hvad vi gør for at gøre en table--

276
00:12:38,930 --> 00:12:41,260
måske formatere det lidt bedre?

277
00:12:41,260 --> 00:12:45,070
Men jeg har stadig fire rækker,
som hver har fire kolonner,

278
00:12:45,070 --> 00:12:48,890
og virkelig, hvad svarer det til en
meget enkel fire af fire multiplikation

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

280
00:12:49,870 --> 00:12:51,690
>> Bare et par flere tags, vi vil tale om.

281
00:12:51,690 --> 00:12:54,617
Lad os tale om det
Begrebet en HTML-formular.

282
00:12:54,617 --> 00:12:57,450
Så du kan have set dette i
sammenhæng med at logge ind på en webside.

283
00:12:57,450 --> 00:12:59,100
Normalt skal du indtaste dit brugernavn.

284
00:12:59,100 --> 00:13:01,510
Du skriver i dit password,
og du er god til at gå.

285
00:13:01,510 --> 00:13:04,170
Det ville være begyndelsen på en formular.

286
00:13:04,170 --> 00:13:05,420
>> Skipping løbet div et sekund.

287
00:13:05,420 --> 00:13:07,987
Vi har også indgange, som
slags passe inde former.

288
00:13:07,987 --> 00:13:10,320
Disse er de elementer,
du faktisk skrive i,

289
00:13:10,320 --> 00:13:12,580
eller radioknapperne du er
tikkende, eller checken

290
00:13:12,580 --> 00:13:14,310
bokse, som du tikkende off.

291
00:13:14,310 --> 00:13:15,770
Så disse gå ind af formularer.

292
00:13:15,770 --> 00:13:18,500
Og de omfatter grundlæggende
hver række af formen

293
00:13:18,500 --> 00:13:19,887
Hvis din formular er formateret godt.

294
00:13:19,887 --> 00:13:22,220
Så er der denne begrebet
en div, som ikke rigtig

295
00:13:22,220 --> 00:13:25,060
passer i en bestemt kategori
af tags som dem, jeg har

296
00:13:25,060 --> 00:13:26,170
gjort tidligere.

297
00:13:26,170 --> 00:13:29,790
Det bare slags afgrænser den
begyndelsen af ​​nogle vilkårlige division--

298
00:13:29,790 --> 00:13:31,670
div-- på siden.

299
00:13:31,670 --> 00:13:33,210
Der er ingen visuel pause.

300
00:13:33,210 --> 00:13:34,800
Der er ingen linje.

301
00:13:34,800 --> 00:13:37,180
Det er ikke modregne som en
separat chunk automatisk.

302
00:13:37,180 --> 00:13:39,430
Du ville have til at style det
på den måde at gøre det.

303
00:13:39,430 --> 00:13:42,110
>> Det bare slags siger jeg vil have en
stykke plads på min webside,

304
00:13:42,110 --> 00:13:45,190
og jeg bare at kalde
det på denne opdeling af min side.

305
00:13:45,190 --> 00:13:47,619
Vi kan sætte ting inde
af divs, og i virkeligheden,

306
00:13:47,619 --> 00:13:49,410
når vi hovedet over til
IDE i en anden, vi får

307
00:13:49,410 --> 00:13:53,760
se, at jeg lægger min
dannes inde i en div.

308
00:13:53,760 --> 00:13:57,050
>> Så jeg har her i min IDE et
fil kaldet div formular dot HTML.

309
00:13:57,050 --> 00:13:59,260
Lad os åbne det op.

310
00:13:59,260 --> 00:14:01,460
Bemærk, at som jeg sagde,
div er slags vilkårlig.

311
00:14:01,460 --> 00:14:01,640
Højre?

312
00:14:01,640 --> 00:14:02,973
Det betyder ikke virkelig betyder noget.

313
00:14:02,973 --> 00:14:05,140
Så jeg har en arbitrær
første division af min side.

314
00:14:05,140 --> 00:14:07,848
Og så i stedet for en anden div
senere, der starter på linje otte,

315
00:14:07,848 --> 00:14:08,730
Jeg har denne form.

316
00:14:08,730 --> 00:14:13,594
Og inde i formen jeg har en
Antallet af indgange, felter i formularen.

317
00:14:13,594 --> 00:14:16,510
Så jeg har et felt, hvis navn er en--
som ikke virkelig betyder noget

318
00:14:16,510 --> 00:14:19,350
højre nu-- der tilsyneladende
tager tekst, en anden, der

319
00:14:19,350 --> 00:14:22,630
tager en adgangskode, en anden, der er en radio
knap, en anden, der er et afkrydsningsfelt,

320
00:14:22,630 --> 00:14:24,797
og en anden, der er en knap Send.

321
00:14:24,797 --> 00:14:26,630
Nå, hvad betyder det
alt faktisk se ud?

322
00:14:26,630 --> 00:14:27,629
Nå, lad os tage et kig.

323
00:14:27,629 --> 00:14:31,010
Vi vil åbne det op i vores preview-vinduet.

324
00:14:31,010 --> 00:14:33,557
Bemærk at denne vilkårlige
først division-- der er

325
00:14:33,557 --> 00:14:34,640
ingen visuel adskillelse her.

326
00:14:34,640 --> 00:14:37,150
Det gjorde ikke rigtig gøre noget, ikke?

327
00:14:37,150 --> 00:14:38,220
>> Og så har jeg min form.

328
00:14:38,220 --> 00:14:39,890
Og jeg gjorde det ikke nogen særlig formatering.

329
00:14:39,890 --> 00:14:42,680
Så form er blot en
store række af information.

330
00:14:42,680 --> 00:14:46,424
Hvis jeg havde formateret min formular forskelligt,
Jeg kunne have det linje for linje for linje.

331
00:14:46,424 --> 00:14:47,590
Men jeg gjorde det ikke nogen styling.

332
00:14:47,590 --> 00:14:49,256
Igen, vi taler ikke om CSS her.

333
00:14:49,256 --> 00:14:51,030
Vi bare taler om HTML.

334
00:14:51,030 --> 00:14:53,980
>> Tja i min tekstform jeg kan Motortype-
huske, at former af typen tekst

335
00:14:53,980 --> 00:14:55,480
så jeg kan sætte mit navn.

336
00:14:55,480 --> 00:14:57,330
Og i min adgangskode Jeg
kan skrive min adgangskode.

337
00:14:57,330 --> 00:14:59,740
Og fordi dette område
er af typen adgangskode,

338
00:14:59,740 --> 00:15:01,470
du ved ikke, hvad mit password er.

339
00:15:01,470 --> 00:15:02,800
Det er alle prikker.

340
00:15:02,800 --> 00:15:09,140
>> Jeg kan også vælge at sætte kryds ud for en
alternativknap eller kryds et afkrydsningsfelt.

341
00:15:09,140 --> 00:15:10,420
Eller jeg kunne sende min form.

342
00:15:10,420 --> 00:15:11,810
Og jeg gjorde ikke noget,
så når jeg indsende min form

343
00:15:11,810 --> 00:15:13,090
siden bare opdateres.

344
00:15:13,090 --> 00:15:16,970
Men jeg kunne måske konfigurere min
Indsend knappen for at gøre noget andet.

345
00:15:16,970 --> 00:15:20,410
Og vi vil se, hvad vi kan gøre med
at der i en fremtidig video på PHP.

346
00:15:20,410 --> 00:15:22,520
Men dette sker en meget
enkel form, som vi

347
00:15:22,520 --> 00:15:27,360
kan bruge til at få brugerne interagerer og
indsende oplysninger til vores hjemmeside.

348
00:15:27,360 --> 00:15:29,620
>> En sidste bemærkning, før vi
gå videre til nogle andre mærker

349
00:15:29,620 --> 00:15:32,040
er at tage et kig på dette
input tag endnu en gang.

350
00:15:32,040 --> 00:15:35,760
Bemærk, at jeg har fremhævet
enderne af fragmentet i rødt.

351
00:15:35,760 --> 00:15:39,390
Hver anden tag, vi har set hidtil har
havde en begyndelse og en slutning, en åbning

352
00:15:39,390 --> 00:15:41,030
tag og et afsluttende tag.

353
00:15:41,030 --> 00:15:42,520
>> Men en input tag ikke.

354
00:15:42,520 --> 00:15:46,860
Der er ingen tekst, der går
mellem input-tags.

355
00:15:46,860 --> 00:15:49,160
Alle de oplysninger
vi har til hensigt at formidle

356
00:15:49,160 --> 00:15:52,640
er bundet op som en del af
attributter af denne input.

357
00:15:52,640 --> 00:15:54,690
Bemærk, at vi har input navn lig x.

358
00:15:54,690 --> 00:15:55,580
Typen er lig y.

359
00:15:55,580 --> 00:15:57,660
Det er virkelig alt
oplysninger, vi har brug for.

360
00:15:57,660 --> 00:15:59,470
>> Dette kaldes en selvlukkende tag.

361
00:15:59,470 --> 00:16:02,470
Det kræver ikke en åbning og en
tæt, fordi alle de oplysninger

362
00:16:02,470 --> 00:16:04,974
er indeholdt inde i
tag og dets egenskaber.

363
00:16:04,974 --> 00:16:06,390
Så nogle gange vil du se dette, også.

364
00:16:06,390 --> 00:16:10,400
Så bare være opmærksom på, at hvis du har en
tag, der er helt selvstændig,

365
00:16:10,400 --> 00:16:14,170
den åbner og lukker sig
den åbne vinkel beslag til venstre

366
00:16:14,170 --> 00:16:17,000
og skråstreg vinkel
beslag til højre.

367
00:16:17,000 --> 00:16:20,580
Vi vil se endnu en af ​​dem,
lige nu med billede tags så godt.

368
00:16:20,580 --> 00:16:23,300
>> Før vi taler om billeder, vi
har brug for at snakke om hyperlinks.

369
00:16:23,300 --> 00:16:26,080
Hvis vi ønsker, at vores webside for at være
interaktiv og bevæge os rundt,

370
00:16:26,080 --> 00:16:28,121
det ville være rart at kunne
til at klikke på en af ​​dem

371
00:16:28,121 --> 00:16:30,190
hvad har typisk været en blå link.

372
00:16:30,190 --> 00:16:34,440
Dette er faktisk hvordan vi opbygger
et hyperlink i vores hjemmeside.

373
00:16:34,440 --> 00:16:36,540
Og interessant nok
der er en anden HTML-tag

374
00:16:36,540 --> 00:16:39,000
kaldet link, som ikke er et hyperlink.

375
00:16:39,000 --> 00:16:44,130
En her står for anker, og
det er, hvordan vi angiver et hyperlink.

376
00:16:44,130 --> 00:16:49,150
>> En href lig x midler gå til
webside X. Og alt

377
00:16:49,150 --> 00:16:51,580
mellem det åbne Et mærke
og den tætte Et mærke

378
00:16:51,580 --> 00:16:56,010
er, hvad der kommer til at være der understregede
blå tekst, der ligner et link

379
00:16:56,010 --> 00:16:57,590
at vi er bekendt med.

380
00:16:57,590 --> 00:17:01,660
Nedenfor, at vi har et billede-tag, som
er en selvstændig lukker mærke til visning

381
00:17:01,660 --> 00:17:05,599
et billede placeret på X. Og
du kan være i stand til at ændre

382
00:17:05,599 --> 00:17:08,280
billedet ved at angive
bredde og højde

383
00:17:08,280 --> 00:17:11,640
og andre attributter i
at dot dot dot der.

384
00:17:11,640 --> 00:17:14,260
>> Nederst her
vi har en meget interessant

385
00:17:14,260 --> 00:17:16,170
søger tag, der ikke
har en afsluttende tag.

386
00:17:16,170 --> 00:17:19,410
Det er udråbstegn DOCTYPE HTML.

387
00:17:19,410 --> 00:17:23,300
Så HTML har eksisteret siden
begyndelsen af ​​1990'erne til at bygge web-sider,

388
00:17:23,300 --> 00:17:25,859
og det er gået undergået
flere revisioner siden da.

389
00:17:25,859 --> 00:17:28,550
Senest i 2014
det undergik en revision

390
00:17:28,550 --> 00:17:33,440
kaldet HTML5 som nu er den nuværende
slags de facto-HTML-standarden.

391
00:17:33,440 --> 00:17:36,730
>> At angive, at vores web
sider er skrevet ved hjælp af HTML5,

392
00:17:36,730 --> 00:17:38,160
dette er, hvordan vi starter.

393
00:17:38,160 --> 00:17:40,380
Det kan udelades, men
hvad der dybest set

394
00:17:40,380 --> 00:17:45,930
Midlet er at du ikke kan bruge nogen af ​​de tags
som er HTML5 tags, de nye mærker.

395
00:17:45,930 --> 00:17:48,591
Så vi altid starter
hvis vi bruger HTML5.

396
00:17:48,591 --> 00:17:51,340
Og alle de tags vi har talt om
tidligere ikke HTML5 tags.

397
00:17:51,340 --> 00:17:55,470
Men dette ville indikere, at
HTML5 tags vil være til stede.

398
00:17:55,470 --> 00:17:58,400
Og så vi har udråbstegn
DOCTYPE HTML, som

399
00:17:58,400 --> 00:18:01,280
er selve begyndelsen af ​​vores
HTML-fil, og derefter efter dette punkt

400
00:18:01,280 --> 00:18:04,930
vi faktisk har vores HTML åben
mærke og videre derfra.

401
00:18:04,930 --> 00:18:10,050
>> Den sidste er en kommentar tag,
som ser lidt anderledes, også.

402
00:18:10,050 --> 00:18:12,810
Det starter ud med vinkel
beslag udråbstegn bindestreg

403
00:18:12,810 --> 00:18:15,220
Dash men ingen afsluttende beslag.

404
00:18:15,220 --> 00:18:20,150
I mellem disse to elementer der
er, hvor du skriver dine kommentarer.

405
00:18:20,150 --> 00:18:28,420
Og lad os tage et kig på billederne
og kommentarer og links i CS50 IDE.

406
00:18:28,420 --> 00:18:32,850
>> Så jeg har her en fil kaldet billede link
dot HTML, som jeg har tænkt mig at åbne op.

407
00:18:32,850 --> 00:18:36,420
Og bemærk jeg har fået et par
kommentarer her i min HTML kommentarer.

408
00:18:36,420 --> 00:18:38,990
Så ligesom i C og andre
programmeringssprog,

409
00:18:38,990 --> 00:18:43,169
HTML bare ved at være et kodesprog
har evnen til at have kommentarer.

410
00:18:43,169 --> 00:18:45,710
Og så jeg tilsyneladende vil
placere et billede af Rick Astley

411
00:18:45,710 --> 00:18:49,060
et sted mellem denne div
tag, denne vilkårlige division.

412
00:18:49,060 --> 00:18:51,497
Tilsyneladende, at filen er
placeret på Rick dot JPEG, som

413
00:18:51,497 --> 00:18:53,580
hvis vi hovedet tilbage over til
min fil træ til en anden,

414
00:18:53,580 --> 00:18:55,490
er en fil, der findes i
den aktuelle mappe.

415
00:18:55,490 --> 00:18:56,031
Så det er OK.

416
00:18:56,031 --> 00:18:57,710
Jeg kan henvise til det.

417
00:18:57,710 --> 00:18:59,680
>> Så kan jeg have interne links.

418
00:18:59,680 --> 00:19:05,080
Så mærke på linie 11 her
min href er hej dot HTML.

419
00:19:05,080 --> 00:19:09,050
Så det bare refererer til goddag dot HTML
der findes i den aktuelle mappe.

420
00:19:09,050 --> 00:19:12,980
Og jeg kan også have ekstern
links ved bare at angive HTTPS

421
00:19:12,980 --> 00:19:16,180
at angive, at jeg ikke taler
om en fil i min nuværende mappe.

422
00:19:16,180 --> 00:19:19,730
Jeg taler om en fil, der findes
et eller andet sted på internettet, som jeg har

423
00:19:19,730 --> 00:19:23,370
at anmode hjælp af HTTP-protokollen.

424
00:19:23,370 --> 00:19:25,990
>> Så lad os tage et kig på, hvad
denne side kan se ud

425
00:19:25,990 --> 00:19:29,500
og gør dig klar til et billede af Rick
Astley at dukke op på din skærm.

426
00:19:29,500 --> 00:19:31,490
Så jeg vil se et eksempel dette.

427
00:19:31,490 --> 00:19:33,800
Der er Rick Astley på
øverst i denne vilkårlige

428
00:19:33,800 --> 00:19:35,008
division jeg sætte det på toppen.

429
00:19:35,008 --> 00:19:36,960
Og derefter ned under jeg
har mine links, right?

430
00:19:36,960 --> 00:19:39,330
>> Jeg har et link til goddag dot HTML.

431
00:19:39,330 --> 00:19:42,860
Og hvis jeg klikker der, jeg får
flyttet over til denne side

432
00:19:42,860 --> 00:19:47,050
at vi er meget fortrolig med fra
begyndelsen af ​​vores program.

433
00:19:47,050 --> 00:19:50,880
Hvis jeg pop pågældende side åben igen, hvis jeg
pop billede link åbner en gang mere,

434
00:19:50,880 --> 00:19:54,420
Jeg kan også gå eksternt
til CS50 hjemmeside.

435
00:19:54,420 --> 00:19:56,740
Og der har vi see-- jeg vil
zoome ud en lille smule her--

436
00:19:56,740 --> 00:20:00,260
vi vil se CS50 hjemmeside slags
indlejret i midten af ​​vores side.

437
00:20:00,260 --> 00:20:04,670
Så jeg var i stand til at foretage en intern
link samt et eksternt link.

438
00:20:04,670 --> 00:20:07,200
>> Den sidste regel med HTML, der
vi kommer til at tale om her

439
00:20:07,200 --> 00:20:09,510
er, at din HTML skal være godt dannet.

440
00:20:09,510 --> 00:20:13,020
I C talte vi meget om
de forskellige syntaks i tingene.

441
00:20:13,020 --> 00:20:17,650
I HTML syntaksen virkelig
kredser om tags.

442
00:20:17,650 --> 00:20:19,660
Hvert tag du åbner skal lukkes.

443
00:20:19,660 --> 00:20:22,630
Og i virkeligheden, hver tag du åbner
skal lukkes i omvendt rækkefølge.

444
00:20:22,630 --> 00:20:25,790
>> Så hvis du åbner en fed tag, en kursiv
tag, og derefter en understregning tag

445
00:20:25,790 --> 00:20:28,120
at gøre alle tre til en
bestemt sæt af tekst,

446
00:20:28,120 --> 00:20:30,070
bør du lukke dem i omvendt rækkefølge.

447
00:20:30,070 --> 00:20:32,270
Så hvis du åbnede fed,
kursiv, understregning, du

448
00:20:32,270 --> 00:20:35,240
ønsker at lukke understregning, kursiv, fed.

449
00:20:35,240 --> 00:20:39,990
Denne form for indkapsling er det
holder HTML pæn og organiseret.

450
00:20:39,990 --> 00:20:44,370
>> I modsætning til C, dog syntaksfejl vil ikke
faktisk ødelægge din HTML evt.

451
00:20:44,370 --> 00:20:48,730
Din HTML kan være ikke godt
dannet, men vil stadig fungere.

452
00:20:48,730 --> 00:20:50,589
Og så disse fejl
kan sortere af dias ved.

453
00:20:50,589 --> 00:20:52,130
Det er op til dig at virkelig være på vagt.

454
00:20:52,130 --> 00:20:54,760
Nogle gange vil de ikke, men
nogle gange kan man slippe af sted med det.

455
00:20:54,760 --> 00:20:56,509
>> Det kan være en virkelig
vanskelig opgave, selv om,

456
00:20:56,509 --> 00:21:00,660
at holde styr på, da du åbnede
et tag, når du har lukket det,

457
00:21:00,660 --> 00:21:04,110
især da din HTML
filer får større og større.

458
00:21:04,110 --> 00:21:05,490
Du ønsker noget hjælp.

459
00:21:05,490 --> 00:21:07,560
Og der er online
validator værktøjer, som du

460
00:21:07,560 --> 00:21:11,474
kan bruge til at få et kig på din web
side og se om det er velformet HTML.

461
00:21:11,474 --> 00:21:13,390
Og bør du helt sikkert
tage et kig på dem

462
00:21:13,390 --> 00:21:16,620
og begynde at bruge dem som du
begynde at gøre noget arbejde med HTML,

463
00:21:16,620 --> 00:21:20,800
skrive HTML, bare så du får
nogle gode vaner om at organisere

464
00:21:20,800 --> 00:21:24,377
din HTML på en god måde, og
god stil og sikre

465
00:21:24,377 --> 00:21:27,210
at du ikke laver noget,
kunne skabe en syntaks fejl,

466
00:21:27,210 --> 00:21:30,270
ville medføre, at du lidt af
et problem nede ad vejen.

467
00:21:30,270 --> 00:21:31,190
>> Jeg er Doug Lloyd.

468
00:21:31,190 --> 00:21:33,450
Det er CS50.

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