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

2
00:00:06,100 --> 00:00:08,790
>> DOUG LLOYD: Dus brachten we
about-- als mijn wiskunde is goed,

3
00:00:08,790 --> 00:00:11,900
en ik denk dat op zoek back-- denk ik
brachten we ongeveer 35 video's praten

4
00:00:11,900 --> 00:00:15,139
over de verschillende aspecten van de C, misschien
een beetje meer, misschien een beetje minder.

5
00:00:15,139 --> 00:00:16,930
En we hebben geen betrekking op
alles in C, maar we

6
00:00:16,930 --> 00:00:21,170
bedekt een groot deel van de
taal, de meeste ervan,

7
00:00:21,170 --> 00:00:22,882
zeker voor gemeenschappelijk gebruik.

8
00:00:22,882 --> 00:00:25,090
Nu gaan we praten
over een andere taal, HTML.

9
00:00:25,090 --> 00:00:28,180
En we gaan dekken
in één video.

10
00:00:28,180 --> 00:00:29,340
>> Maar dat gaat in orde te zijn.

11
00:00:29,340 --> 00:00:31,410
Dat gaat eigenlijk geworden
iets wat je gaat om te wennen aan.

12
00:00:31,410 --> 00:00:33,535
Nu dat je de
fundamenten van één taal,

13
00:00:33,535 --> 00:00:35,776
het is eigenlijk vrij eenvoudig
om te beginnen met het leren van anderen.

14
00:00:35,776 --> 00:00:37,650
Dus we gaan om te beginnen
een beetje een stap terug

15
00:00:37,650 --> 00:00:43,340
en glans over de fundamentele
verschillen tussen deze talen

16
00:00:43,340 --> 00:00:45,750
en je een soort van verlaten om het.

17
00:00:45,750 --> 00:00:48,530
Er is een hoop echt geweldig
bronnen op het internet, die

18
00:00:48,530 --> 00:00:51,279
we gaan beginnen met het leiden van u
richting, omdat het internet is

19
00:00:51,279 --> 00:00:53,340
een enorme opslagplaats van informatie.

20
00:00:53,340 --> 00:00:55,960
En dus het is niet alsof je zult
te verliezen noodzakelijkerwijs

21
00:00:55,960 --> 00:00:58,349
door niet de informatie
bedekt met een video.

22
00:00:58,349 --> 00:01:00,640
U zult nog steeds in staat zijn om
alles wat je nodig hebt en gebruik

23
00:01:00,640 --> 00:01:03,590
de kennis die je al hebt
opgebouwd door het begrijpen van C

24
00:01:03,590 --> 00:01:07,130
om de leercurve voor deze maken
andere talen eigenlijk een stuk vlakker.

25
00:01:07,130 --> 00:01:08,640
Ik beloof.

26
00:01:08,640 --> 00:01:12,770
>> Maar laten we praten over één taal
dat is echt fundamenteel belang voor elke web

27
00:01:12,770 --> 00:01:14,830
pagina, die is HTML.

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

29
00:01:18,230 --> 00:01:22,700
HTML is een taal, maar het is
geen programmeertaal.

30
00:01:22,700 --> 00:01:23,900
>> HTML niet variabelen.

31
00:01:23,900 --> 00:01:26,430
Het hoeft geen logica of
functies of iets dergelijks.

32
00:01:26,430 --> 00:01:30,301
We kunnen niet doen
programmeren per se in HTML.

33
00:01:30,301 --> 00:01:32,300
Soms hoor je
mensen zelf omschrijven

34
00:01:32,300 --> 00:01:35,710
HTML programmeurs, die
is niet helemaal correct.

35
00:01:35,710 --> 00:01:37,980
We kunnen geen HTML-programma's te schrijven.

36
00:01:37,980 --> 00:01:40,770
>> HTML wordt slechts gebruikt voor het markeren tekst.

37
00:01:40,770 --> 00:01:42,690
Het heet een opmaaktaal.

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

39
00:01:47,680 --> 00:01:51,600
dit markup-- semantisch
definieert de structuur van een pagina

40
00:01:51,600 --> 00:01:55,280
en zorgt ervoor dat de platte tekst die
bestaat tussen labels moeten worden uitgelegd

41
00:01:55,280 --> 00:01:57,320
door browsers op verschillende manieren.

42
00:01:57,320 --> 00:02:00,370
En misschien is het het beste om uit te leggen
Deze bij wijze van illustratie.

43
00:02:00,370 --> 00:02:06,450
>> Hier is een zeer eenvoudige HTML-pagina, niet
een HTML-programma, opnieuw, een HTML-pagina.

44
00:02:06,450 --> 00:02:08,680
En we weten dat het een
HTML-pagina, omdat we hebben

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

46
00:02:11,480 --> 00:02:13,850
Dus dit is wat een HTML-tag eruit ziet.

47
00:02:13,850 --> 00:02:15,870
Het is tussen punthaken.

48
00:02:15,870 --> 00:02:18,570
En let op de top hebben we
HTML en helemaal onderaan,

49
00:02:18,570 --> 00:02:21,400
nadat we hebben gedaan wat is
blijkbaar veel andere HTML,

50
00:02:21,400 --> 00:02:24,310
we hebben hoekijzer slash HTML.

51
00:02:24,310 --> 00:02:29,262
Dus dat soort is de grens
tussen wat HTML is en wat niet.

52
00:02:29,262 --> 00:02:32,220
En natuurlijk, conventioneel, net
als je al je C programma schreef

53
00:02:32,220 --> 00:02:35,300
met stip C extensies,
al uw HTML-bestanden

54
00:02:35,300 --> 00:02:37,909
zal eindigen met stip HTML extensies.

55
00:02:37,909 --> 00:02:39,200
Maar er is meer aan de hand hier.

56
00:02:39,200 --> 00:02:40,658
We hebben niet alleen deze tags.

57
00:02:40,658 --> 00:02:44,010
We hebben dit blijkbaar
ding heet een hoofd-tag.

58
00:02:44,010 --> 00:02:46,010
Nou, OK, wat is dat?

59
00:02:46,010 --> 00:02:48,550
>> Nou misschien is het het beste om
onderscheiden door middel van een orgaan,

60
00:02:48,550 --> 00:02:50,590
body waarbij de inhoud van de webpagina.

61
00:02:50,590 --> 00:02:55,860
Dus misschien het hoofd tag definieert stuff
dat is niet in het browservenster juiste,

62
00:02:55,860 --> 00:02:59,410
maar is enigszins belangrijk voor ons
webpagina correct wordt weergegeven.

63
00:02:59,410 --> 00:03:02,490
Bijvoorbeeld, binnen de
head tag hebben we title-tags.

64
00:03:02,490 --> 00:03:05,500
>> Dus titel wordt Hallo wereld,
dat is eigenlijk gaat wat worden

65
00:03:05,500 --> 00:03:08,797
verschijnt in het tabblad in Chrome
of op safari of Firefox--

66
00:03:08,797 --> 00:03:11,880
welke browser u prefer-- dat is
wat er te zien zijn in de titel.

67
00:03:11,880 --> 00:03:14,800
En voordat tabbladen het zou laten zien
in uw gehele browservenster

68
00:03:14,800 --> 00:03:19,710
en u kunt slechts één pagina
geopend in een browservenster tegelijk.

69
00:03:19,710 --> 00:03:22,160
Dus dat gaat het worden
titel van mijn pagina in het tabblad

70
00:03:22,160 --> 00:03:24,600
of het browservenster bar, hello wereld.

71
00:03:24,600 --> 00:03:28,611
En dan is de inhoud van mijn
webpagina wereld, hallo.

72
00:03:28,611 --> 00:03:31,360
Dus laten we eens kijken naar wat sommige
zoiets eruit kan zien.

73
00:03:31,360 --> 00:03:33,210
Dit is een vrij eenvoudige HTML-pagina.

74
00:03:33,210 --> 00:03:35,970
Dus ik ben hier in mijn CS50 IDE en
Ik heb ingezoomd een beetje.

75
00:03:35,970 --> 00:03:38,290
En ik ga gewoon
openstellen hello dot HTML

76
00:03:38,290 --> 00:03:42,000
en laten zien dat dit is vrij veel
de pagina-inhoud die we eerder zagen.

77
00:03:42,000 --> 00:03:45,240
Mijn eenvoudige HTML, hoofd-tags,
titeltags, body, enzovoort.

78
00:03:45,240 --> 00:03:47,320
Ik heb ingesprongen schoon.

79
00:03:47,320 --> 00:03:51,530
>> En dan wat ik kan doen in mijn
IDE is slechts een voorbeeld van de pagina.

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

81
00:03:52,630 --> 00:03:56,070
De inhoud van mijn pagina is wereldberoemd,
hallo, en ik zie niets

82
00:03:56,070 --> 00:03:58,500
in van het hoofd-tags daar.

83
00:03:58,500 --> 00:03:59,980
Het is gewoon de inhoud van het lichaam.

84
00:03:59,980 --> 00:04:00,780
Wereld, hallo.

85
00:04:00,780 --> 00:04:03,700
En weer het lichaam net
zei, wereld, hallo.

86
00:04:03,700 --> 00:04:06,160
Het andere deel wordt vermist.

87
00:04:06,160 --> 00:04:07,610
>> Dus dat is eigenlijk alles wat het is.

88
00:04:07,610 --> 00:04:11,370
Dit is een zeer eenvoudige eenvoudige HTML-pagina.

89
00:04:11,370 --> 00:04:14,280
Ik heb nu mijn HTML ingesprongen op
echt leuk en georganiseerd,

90
00:04:14,280 --> 00:04:15,840
maar ik eigenlijk niet hoeft te doen.

91
00:04:15,840 --> 00:04:17,959
Ik kon het er behoorlijk lelijk.

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

93
00:04:19,467 --> 00:04:21,050
Dit zou exact dezelfde webpagina.

94
00:04:21,050 --> 00:04:23,100
Ik heb net weggedaan
alle van de witte ruimte.

95
00:04:23,100 --> 00:04:24,820
>> Zo blijkt, witte ruimte is data.

96
00:04:24,820 --> 00:04:28,540
En dus als we het verzenden van gegevens uit
zender naar ontvanger, van server

97
00:04:28,540 --> 00:04:30,670
client, data kost geld.

98
00:04:30,670 --> 00:04:34,460
En dus het wegwerken van witruimte
is eigenlijk een goed idee

99
00:04:34,460 --> 00:04:37,320
als je iemand die fungeert
een hoop van web content.

100
00:04:37,320 --> 00:04:39,820
Het is een slecht idee als je
iemand die is te leren dit spul

101
00:04:39,820 --> 00:04:41,528
en je wilt hebben
het mooi georganiseerd.

102
00:04:41,528 --> 00:04:43,810
Dit is een stuk makkelijker om te ontleden dan dit.

103
00:04:43,810 --> 00:04:45,540
Maar het is functioneel identiek.

104
00:04:45,540 --> 00:04:48,720
>> De inspringen en dat soort dingen
eigenlijk niet toe in HTML.

105
00:04:48,720 --> 00:04:53,634
Het enige dat telt is het openen van markeringen en
tags te sluiten in de juiste volgorde.

106
00:04:53,634 --> 00:04:55,050
Let op wat hier gebeurd is, dat wel.

107
00:04:55,050 --> 00:04:58,450
De opmaak geeft ons een manier om
communiceren extra informatie

108
00:04:58,450 --> 00:04:59,940
over wat we hebben geschreven.

109
00:04:59,940 --> 00:05:03,130
Hello, Wereld deel was
geïnterpreteerd als de titel.

110
00:05:03,130 --> 00:05:06,410
En de wereld, hello deel was
geïnterpreteerd als de inhoud

111
00:05:06,410 --> 00:05:09,090
of wat zou moeten zijn
zichtbaar op mijn webpagina.

112
00:05:09,090 --> 00:05:12,167
>> Er zijn meer dan 100 van deze verschillende
labels en tal van grote middelen

113
00:05:12,167 --> 00:05:13,000
online om ze te vinden.

114
00:05:13,000 --> 00:05:14,900
We gaan om te praten over een
weinigen van hen in deze video, een aantal

115
00:05:14,900 --> 00:05:16,440
van de echt fundamentele dingen.

116
00:05:16,440 --> 00:05:18,440
Maar we gaan niet praten
erover omdat zij

117
00:05:18,440 --> 00:05:20,250
uitputtend te doen zijn.

118
00:05:20,250 --> 00:05:22,880
>> Een ander ding dat je kunt doen, hoewel,
is het openstellen van developer tools.

119
00:05:22,880 --> 00:05:26,069
En als je te herinneren van
onze video over HTTP,

120
00:05:26,069 --> 00:05:27,860
Ik legde uit hoe om te openen
up developer tools.

121
00:05:27,860 --> 00:05:32,020
In Chrome is het meestal de F12-toets
het openstellen van de werkbalk ontwikkelaar.

122
00:05:32,020 --> 00:05:35,909
Dan in plaats van het kiezen van het netwerk
tab, kunt u het tabblad Elementen.

123
00:05:35,909 --> 00:05:37,700
En als u een webpagina laadt
pagina vindt u eigenlijk

124
00:05:37,700 --> 00:05:40,280
zie de HTML die die webpagina creëert.

125
00:05:40,280 --> 00:05:44,090
En dus kun je veel leren over HTML
door te kijken naar uw favoriete websites

126
00:05:44,090 --> 00:05:48,474
en zien hoe ze bouwen de
diverse stukken van hen die je leuk vindt.

127
00:05:48,474 --> 00:05:50,890
Dus misschien is er dit koele
patroon of iets dergelijks.

128
00:05:50,890 --> 00:05:52,140
Hoe maken ze het met HTML?

129
00:05:52,140 --> 00:05:55,630
Nou, je kunt gewoon open uw ontwikkelaar
gereedschappen en zweven over dat element

130
00:05:55,630 --> 00:05:57,700
en precies zien wat HTML maakt.

131
00:05:57,700 --> 00:05:59,450
Dus dat is een echt
goede manier om HTML te leren,

132
00:05:59,450 --> 00:06:02,330
en ik raden dat
je doet het zowel om te leren HTML

133
00:06:02,330 --> 00:06:04,930
en ook een beetje leren
beetje over enkele van de opties

134
00:06:04,930 --> 00:06:07,050
u beschikbaar in
developer tools, die

135
00:06:07,050 --> 00:06:10,200
zal zeker van pas komen als
u begint met het doen van een intensievere web

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

137
00:06:11,090 --> 00:06:14,080
>> Dus laten we een kijkje nemen op een
paar gemeenschappelijke HTML-tags.

138
00:06:14,080 --> 00:06:17,210
En we zullen springen en neem een ​​kijkje op
wat deze tags ook zal maken

139
00:06:17,210 --> 00:06:20,490
zoals door te kijken naar een aantal bestanden in mijn IDE.

140
00:06:20,490 --> 00:06:26,330
Dus hier zijn drie zeer eenvoudige tags
tweaken van de visuele weergave van tekst.

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

142
00:06:29,050 --> 00:06:33,170
Respectievelijk wat ze doen is
maken de tekst tussen hen in het vet,

143
00:06:33,170 --> 00:06:35,430
cursief en onderstreept.

144
00:06:35,430 --> 00:06:40,430
Dus laten we zien hoe dat eruit zou zien
zoals op een echte webpagina in mijn IDE.

145
00:06:40,430 --> 00:06:43,390
>> Dus hier in mijn IDE Ik heb een
bestand genaamd BIU dot HTML.

146
00:06:43,390 --> 00:06:46,770
BIU dot HTML gewoon
vet, cursief, onderstrepen.

147
00:06:46,770 --> 00:06:47,830
Ik zal het te openen.

148
00:06:47,830 --> 00:06:51,810
>> En we zullen zien dat ik hier
deze tekst is B-tags vet.

149
00:06:51,810 --> 00:06:54,010
Deze tekst is ik-tags cursief.

150
00:06:54,010 --> 00:06:56,307
En deze tekst is U-tags onderstreept.

151
00:06:56,307 --> 00:06:57,640
Wat gaat dit eruit?

152
00:06:57,640 --> 00:06:59,473
Weer goed, alles wat ik heb
te doen is gaan hier

153
00:06:59,473 --> 00:07:04,690
mijn browser, mijn dossier browser, klik
Preview, en dit is wat omhoog komt.

154
00:07:04,690 --> 00:07:07,520
>> De tekst tussen de B
labels is inderdaad nu vet.

155
00:07:07,520 --> 00:07:10,720
De tekst tussen de I
labels is inderdaad nu cursief.

156
00:07:10,720 --> 00:07:14,634
En de tekst tussen de U
labels inderdaad nu onderstreept.

157
00:07:14,634 --> 00:07:15,550
Dus dat is behoorlijk goed.

158
00:07:15,550 --> 00:07:18,450
We weten nu hoe om tekst te maken
ziet er een beetje meer luxe

159
00:07:18,450 --> 00:07:20,360
of tekenen de nadruk op bepaalde dingen.

160
00:07:20,360 --> 00:07:25,530
Nog een paar gemeenschappelijke labels zijn hier
paragraaf-tags, P, en de header tags,

161
00:07:25,530 --> 00:07:27,980
die ik hier heb weergegeven als HX.

162
00:07:27,980 --> 00:07:32,520
>> Deze P-tags, deze paragraaf-tags,
breken uw tekst tot in de punten.

163
00:07:32,520 --> 00:07:34,646
Het is niet genoeg om alleen
druk op Enter en laat ruimten,

164
00:07:34,646 --> 00:07:37,186
want een computer is alleen maar
om te doen wat je hem vertelt wat te doen

165
00:07:37,186 --> 00:07:39,450
en het negeert wit
ruimte grotendeels.

166
00:07:39,450 --> 00:07:41,636
Dus we kunnen niet zomaar druk op enter
en verwachten dat onze computer

167
00:07:41,636 --> 00:07:43,760
te interpreteren die we willen
om een ​​nieuwe paragraaf te beginnen.

168
00:07:43,760 --> 00:07:47,670
We moeten dit zeer expliciet zeggen
één paragraph-- dit another--

169
00:07:47,670 --> 00:07:50,740
door omsluiten elk in een reeks van P-tags.

170
00:07:50,740 --> 00:07:54,560
>> En we hebben ook deze opties
voor H-tags, deze header tags.

171
00:07:54,560 --> 00:07:57,000
We hebben zes verschillende niveaus
headers, één, twee, drie,

172
00:07:57,000 --> 00:08:01,110
vier, vijf, zes, die
geleidelijk steeds grotere

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

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

175
00:08:04,360 --> 00:08:07,690
Dus we hebben een topniveau header, een tweede
level header, enzovoorts, enzovoorts.

176
00:08:07,690 --> 00:08:10,480
>> Laten we eens een kijkje nemen op misschien wat
P-tags en een aantal header tags

177
00:08:10,480 --> 00:08:13,110
in actie op een webpagina.

178
00:08:13,110 --> 00:08:18,180
Dus hier in mijn IDE Ik heb een bestand genaamd
PH dot HTML, PH zijnde paragrafen

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

180
00:08:18,970 --> 00:08:20,709
Open die up.

181
00:08:20,709 --> 00:08:23,000
Er is veel te doen hier
omdat ik wat lorem hebt gezet

182
00:08:23,000 --> 00:08:24,660
ipsum, sommige gewoon willekeurige tekst hier.

183
00:08:24,660 --> 00:08:27,284
Dus ik zal uit te zoomen een beetje
want er is zoveel aan de hand.

184
00:08:27,284 --> 00:08:31,980
Maar let op dat ik aan het
top hier heb ik een H1, een niveau één,

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

186
00:08:32,802 --> 00:08:36,010
Dan heb ik een paragraaf, die net
een bos van willekeurige text-- lorem ipsum--

187
00:08:36,010 --> 00:08:38,720
gewoon standaard standaard vulling in de tekst.

188
00:08:38,720 --> 00:08:41,970
Dus ik heb twee paragrafen binnenkant van die
niveau een header en dan beneden I

189
00:08:41,970 --> 00:08:46,850
een level twee header hier op lijn 24,
een tweede niveau header, en nog eens twee

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

191
00:08:47,840 --> 00:08:51,910
Nou wat betekent dit eruit
als ik bekijk het in mijn voorbeeld?

192
00:08:51,910 --> 00:08:53,790
Laten we kijken.

193
00:08:53,790 --> 00:08:55,730
>> Zo merken dat de
eerste niveau header hier

194
00:08:55,730 --> 00:08:58,420
is eigenlijk best een beetje groter
dan het tweede niveau header.

195
00:08:58,420 --> 00:08:59,940
Dus we H1-tags.

196
00:08:59,940 --> 00:09:03,820
En merkt dat de P-tags laten ons
om dingen uit te breken in de punten.

197
00:09:03,820 --> 00:09:07,500
Als we hadden gekregen ontdoen van die P-tags
en eigenlijk gewoon openen of Returns

198
00:09:07,500 --> 00:09:10,110
in tussen wat we hoopten
zijn de verschillende onderdelen,

199
00:09:10,110 --> 00:09:13,193
ze zouden allemaal bij elkaar slam en
zou dit aardige paragraaf niet

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

201
00:09:15,840 --> 00:09:18,300
En dus dat is wat paragraaf
labels en header tags

202
00:09:18,300 --> 00:09:22,440
worden vaak gebruikt om alsnog te trekken
aandacht voor de delen van onze website

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

204
00:09:23,550 --> 00:09:27,560
>> Next up zijn een aantal tags die we gebruiken
te bouwen lijsten op onze website.

205
00:09:27,560 --> 00:09:30,820
Dus we hebben ongeordende
lists-- ULs-- die net zijn

206
00:09:30,820 --> 00:09:34,090
opsommingen, besteld
lijst die numbered-- zijn

207
00:09:34,090 --> 00:09:37,680
OLs-- en de binnenkant van beide
een van die we nodig hebben

208
00:09:37,680 --> 00:09:40,600
sets van hoe te geven lijst items, LI.

209
00:09:40,600 --> 00:09:44,370
En dus hebben we geopend UL tag
en zetten we items binnenkant van het.

210
00:09:44,370 --> 00:09:46,920
En toen we klaar zijn met
dat kunnen we de UL-tag te sluiten.

211
00:09:46,920 --> 00:09:49,850
>> En op soortgelijke wijze kunnen we
een geordende of genummerde lijst

212
00:09:49,850 --> 00:09:51,560
en zet lijst items binnenkant van dat.

213
00:09:51,560 --> 00:09:53,350
Dus laten we eens een kijkje nemen
op een paar lijsten

214
00:09:53,350 --> 00:09:57,230
en wat ze zouden
renderen Op CS50 IDE.

215
00:09:57,230 --> 00:10:00,640
Dus ik heb hier in mijn IDE een
bestand genaamd lijsten dot HTML.

216
00:10:00,640 --> 00:10:03,100
Laten we kijken.

217
00:10:03,100 --> 00:10:08,482
>> En let hier heb ik een ongeordende
een lijst met vijf dingen in.

218
00:10:08,482 --> 00:10:11,440
En dan heb ik een geordende lijst, en
Ik heb de tag een beetje veranderd,

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

220
00:10:11,939 --> 00:10:13,152
Ik heb gezegd start gelijk aan zes.

221
00:10:13,152 --> 00:10:16,110
Het blijkt met een geordende lijst I
kan het startpunt waar ingesteld

222
00:10:16,110 --> 00:10:20,130
Ik want-- standaard wordt een-- zijn
door gewoon het toevoegen van deze zogenaamde attribuut

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

224
00:10:21,190 --> 00:10:23,572
En dus is deze lijst
beginnen te tellen op zes.

225
00:10:23,572 --> 00:10:26,780
Zodat de elementen van die genummerde lijst
moeten zes, zeven, acht, negen, tien,

226
00:10:26,780 --> 00:10:29,930
omdat er vijf elementen
in de lijst, in plaats van een,

227
00:10:29,930 --> 00:10:33,770
twee, drie, vier, vijf, waarbij
het geval zou zijn als ik OL had gezegd

228
00:10:33,770 --> 00:10:36,730
zonder vermelding van het attribuut start.

229
00:10:36,730 --> 00:10:41,594
>> Dus we alleen dit voorbeeld zodat u kunt
een gevoel voor wat er aan de hand hier.

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

231
00:10:42,260 --> 00:10:44,610
Daar is mijn lijst.

232
00:10:44,610 --> 00:10:47,810
De eerste vijf elementen zijn
ongeordende of opsommingen.

233
00:10:47,810 --> 00:10:51,010
En de volgende vijf elementen
zijn een apart besteld lijst

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

235
00:10:52,980 --> 00:10:56,247
Dus dat is hoe we kunnen
bouwen lijsten met behulp van HTML.

236
00:10:56,247 --> 00:10:58,080
Een ander ding dat je misschien
wilt doen met HTML

237
00:10:58,080 --> 00:11:01,520
is het bouwen van een lijst van
informatie rijen en kolommen

238
00:11:01,520 --> 00:11:04,560
om informatie op een
in het bijzonder georganiseerde manier.

239
00:11:04,560 --> 00:11:09,110
Om dit te doen met HTML kunnen we een hebben
tabeldefinitie begin geopend beugel

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

241
00:11:10,160 --> 00:11:14,680
En dan de binnenkant van die tafel we
kan een set rijen, TR tags

242
00:11:14,680 --> 00:11:15,980
elke rij geven.

243
00:11:15,980 --> 00:11:22,510
En dan TD-tags naar binnen gaan van de TR-tags
een kolom in een rij opgeven.

244
00:11:22,510 --> 00:11:24,340
>> Waarom heet het TD en niet Tc?

245
00:11:24,340 --> 00:11:25,940
Nou, TD staat voor table data.

246
00:11:25,940 --> 00:11:27,900
Meestal je het aantrekken
uw informatie daar.

247
00:11:27,900 --> 00:11:29,440
Dus dat is waarom het TD en niet TC.

248
00:11:29,440 --> 00:11:31,140
Het is een beetje verwarrend.

249
00:11:31,140 --> 00:11:33,720
>> Dus je hebt table-tags en
binnenkant van uw tafel labels

250
00:11:33,720 --> 00:11:35,600
heb je een aantal rijen, TR.

251
00:11:35,600 --> 00:11:40,030
En in elke rij die u hebt
TDS voor het aantal kolommen

252
00:11:40,030 --> 00:11:42,880
dat je wilt hebben
dat bepaalde rij.

253
00:11:42,880 --> 00:11:47,730
Laten we eens een kijkje nemen op een zeer
eenvoudige tafel over in CS50 IDE.

254
00:11:47,730 --> 00:11:49,730
>> Dus ik heb hier een bestand
riep tafel dot HTML.

255
00:11:49,730 --> 00:11:53,390
Laten we eens een kijkje op
hoe dat eruit ziet.

256
00:11:53,390 --> 00:11:56,225
Er is veel te doen hier, maar
als u merkt dat ik een tafel geopend.

257
00:11:56,225 --> 00:11:57,850
Ik begin de definitie met een tafel.

258
00:11:57,850 --> 00:12:02,100
En dan in mijn eerste rij ik blijkbaar
vier kolommen, één, twee, drie,

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

260
00:12:02,660 --> 00:12:04,290
En dan ben ik klaar met die rij.

261
00:12:04,290 --> 00:12:07,750
>> Dan nog een rij te beginnen I en
doen twee, vier, zes, acht.

262
00:12:07,750 --> 00:12:08,850
Afwerking die rij.

263
00:12:08,850 --> 00:12:11,410
Doe een andere rij, drie, zes, negen, 12.

264
00:12:11,410 --> 00:12:14,830
En dan een laatste rij, vier,
acht, 12 en hoewel het

265
00:12:14,830 --> 00:12:16,560
een beetje hier afgesneden, 16.

266
00:12:16,560 --> 00:12:17,710
>> Ik ben klaar met die rij.

267
00:12:17,710 --> 00:12:18,970
Ik ben klaar met de tafel.

268
00:12:18,970 --> 00:12:21,430
En dan ben ik klaar met mijn HTML.

269
00:12:21,430 --> 00:12:22,590
Wat betekent dit eruit?

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

271
00:12:26,014 --> 00:12:27,430
Nou, het is niet echt veel te zien.

272
00:12:27,430 --> 00:12:31,690
Ik heb duidelijk mijn gegevens georganiseerd
in een wat meer georganiseerde manier.

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

274
00:12:33,755 --> 00:12:36,130
En we gaan om te gaan met
dat wanneer we praten over CSS.

275
00:12:36,130 --> 00:12:38,930
We zullen dit idee van opnieuw
wat we doen om een ​​table-- maken

276
00:12:38,930 --> 00:12:41,260
misschien formatteren een beetje beter?

277
00:12:41,260 --> 00:12:45,070
Maar ik heb nog vier rijen,
elk met vier kolommen,

278
00:12:45,070 --> 00:12:48,890
en echt wat dit neer op een
eenvoudige vier bij vier vermenigvuldiging

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

280
00:12:49,870 --> 00:12:51,690
>> Slechts een paar meer tags we praten over.

281
00:12:51,690 --> 00:12:54,617
Laten we praten over de
Het concept van een HTML-formulier.

282
00:12:54,617 --> 00:12:57,450
Dus je kan hebben gezien dit in de
kader van het inloggen op een webpagina.

283
00:12:57,450 --> 00:12:59,100
Meestal typt u in uw gebruikersnaam.

284
00:12:59,100 --> 00:13:01,510
U typt in je wachtwoord,
en je goed om te gaan.

285
00:13:01,510 --> 00:13:04,170
Dit zou het begin van een vorm.

286
00:13:04,170 --> 00:13:05,420
>> Negeer afd een seconde.

287
00:13:05,420 --> 00:13:07,987
We hebben ook ingangen die
soort passen binnen van formulieren.

288
00:13:07,987 --> 00:13:10,320
Dit zijn de elementen die
je bent eigenlijk te typen in,

289
00:13:10,320 --> 00:13:12,580
of de radio knoppen die u bent
tikken, of de cheque

290
00:13:12,580 --> 00:13:14,310
dozen die je afvinken.

291
00:13:14,310 --> 00:13:15,770
Zodat deze naar binnen gaan vormen.

292
00:13:15,770 --> 00:13:18,500
En ze bestaan ​​eigenlijk
elke rij van de vorm

293
00:13:18,500 --> 00:13:19,887
Als uw formulier goed is geformatteerd.

294
00:13:19,887 --> 00:13:22,220
Dan is er het concept van
een div, die niet echt

295
00:13:22,220 --> 00:13:25,060
past in een bepaalde categorie
tags zoals die ik heb

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

297
00:13:26,170 --> 00:13:29,790
Het is gewoon een soort van markeert de
begin van een willekeurig division--

298
00:13:29,790 --> 00:13:31,670
div-- van de pagina.

299
00:13:31,670 --> 00:13:33,210
Er is geen visuele pauze.

300
00:13:33,210 --> 00:13:34,800
Er is geen lijn.

301
00:13:34,800 --> 00:13:37,180
Het is niet verrekend als een
automatisch aparte brok.

302
00:13:37,180 --> 00:13:39,430
Je zou hebben om het stylen
op die manier om dat te doen.

303
00:13:39,430 --> 00:13:42,110
>> Het zegt enkel soort Ik wil een
stuk van de ruimte op mijn website,

304
00:13:42,110 --> 00:13:45,190
en ik ga gewoon om te bellen
dat deze verdeling van mijn pagina.

305
00:13:45,190 --> 00:13:47,619
We kunnen dingen binnen zetten
van divs, en in feite,

306
00:13:47,619 --> 00:13:49,410
als we hoofd over aan
IDE in een tweede, zullen we

307
00:13:49,410 --> 00:13:53,760
zien dat ik ben om mijn
vormen binnen een div.

308
00:13:53,760 --> 00:13:57,050
>> Dus ik heb hier in mijn IDE een
bestand genaamd div vorm dot HTML.

309
00:13:57,050 --> 00:13:59,260
Laten we open het.

310
00:13:59,260 --> 00:14:01,460
Merk op dat zoals ik al zei,
div is een soort van willekeur.

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

312
00:14:01,640 --> 00:14:02,973
Het niet echt iets betekenen.

313
00:14:02,973 --> 00:14:05,140
Dus ik heb een willekeurige
eerste divisie van mijn pagina.

314
00:14:05,140 --> 00:14:07,848
En dan in plaats van een andere div
Later, vanaf lijn acht,

315
00:14:07,848 --> 00:14:08,730
Ik heb dit formulier.

316
00:14:08,730 --> 00:14:13,594
En de binnenkant van de vorm heb ik een
aantal ingangen, velden van het formulier.

317
00:14:13,594 --> 00:14:16,510
Dus ik heb een veld waarvan de naam is A--
die niet echt iets betekenen

318
00:14:16,510 --> 00:14:19,350
rechts now-- die blijkbaar
neemt tekst, een ander dat

319
00:14:19,350 --> 00:14:22,630
neemt een wachtwoord, een ander dat is een Radio
knop, een ander is dat een vakje,

320
00:14:22,630 --> 00:14:24,797
en een ander dat is een Submit knop.

321
00:14:24,797 --> 00:14:26,630
Nou, wat dit doet
Alle eigenlijk uitzien?

322
00:14:26,630 --> 00:14:27,629
Nou, laten we eens een kijkje nemen.

323
00:14:27,629 --> 00:14:31,010
We zullen het te openen in onze preview-venster.

324
00:14:31,010 --> 00:14:33,557
Merk op dat deze willekeurige
eerste division-- er

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

326
00:14:34,640 --> 00:14:37,150
Het heeft niet echt iets te doen, toch?

327
00:14:37,150 --> 00:14:38,220
>> En dan heb ik mijn vorm.

328
00:14:38,220 --> 00:14:39,890
En ik had geen speciale opmaak niet.

329
00:14:39,890 --> 00:14:42,680
Dus de vorm is slechts een
grote rij van informatie.

330
00:14:42,680 --> 00:14:46,424
Als ik mijn vorm anders had opgemaakt,
Ik zou kunnen hebben deze lijn door lijn per lijn.

331
00:14:46,424 --> 00:14:47,590
Maar ik had geen styling niet.

332
00:14:47,590 --> 00:14:49,256
Nogmaals, we het niet over CSS hier.

333
00:14:49,256 --> 00:14:51,030
We zijn net over HTML.

334
00:14:51,030 --> 00:14:53,980
>> Welnu, in mijn tekstvorm ik kan Motortype-
vergeet niet dat vormen van het type tekst

335
00:14:53,980 --> 00:14:55,480
dus ik kan mijn naam te zetten.

336
00:14:55,480 --> 00:14:57,330
En in mijn wachtwoord Ik
kan mijn wachtwoord typen.

337
00:14:57,330 --> 00:14:59,740
En omdat dat veld
is van het type wachtwoord,

338
00:14:59,740 --> 00:15:01,470
je weet niet wat mijn wachtwoord is.

339
00:15:01,470 --> 00:15:02,800
Het is allemaal puntjes.

340
00:15:02,800 --> 00:15:09,140
>> Ik kan er ook voor kiezen om afvinken een
radioknop of afvinken een selectievakje.

341
00:15:09,140 --> 00:15:10,420
Of ik kon mijn formulier.

342
00:15:10,420 --> 00:15:11,810
En ik deed niets,
dus toen ik mijn formulier,

343
00:15:11,810 --> 00:15:13,090
de pagina net vernieuwd.

344
00:15:13,090 --> 00:15:16,970
Maar ik kon misschien configureren mijn
Submit knop om iets anders te doen.

345
00:15:16,970 --> 00:15:20,410
En we zullen zien wat we kunnen doen met
dat in een toekomstige video op PHP.

346
00:15:20,410 --> 00:15:22,520
Maar dit bouwt een zeer
eenvoudige vorm die we

347
00:15:22,520 --> 00:15:27,360
kunnen gebruiken om gebruikers te communiceren en
indienen informatie op onze website.

348
00:15:27,360 --> 00:15:29,620
>> Een laatste opmerking voordat we
overgaan tot een aantal andere labels

349
00:15:29,620 --> 00:15:32,040
zijn om een ​​kijkje te nemen op dit
ingang tag nog een keer.

350
00:15:32,040 --> 00:15:35,760
Merk op dat ik heb gewezen op
de uiteinden van het label in het rood.

351
00:15:35,760 --> 00:15:39,390
Elke andere tag die we tot nu toe gezien heeft
had een begin en een einde, een opening

352
00:15:39,390 --> 00:15:41,030
tag en een afsluitende tag.

353
00:15:41,030 --> 00:15:42,520
>> Maar een input-tag niet.

354
00:15:42,520 --> 00:15:46,860
Er is geen tekst die gaat
tussen ingang markeringen.

355
00:15:46,860 --> 00:15:49,160
Alle informatie
we zijn van plan over te brengen

356
00:15:49,160 --> 00:15:52,640
wordt gebonden als deel van de
attributen van die ingang.

357
00:15:52,640 --> 00:15:54,690
Merken we hebben inbreng naam is gelijk aan x.

358
00:15:54,690 --> 00:15:55,580
Soort gelijk aan y.

359
00:15:55,580 --> 00:15:57,660
Dat is echt de
informatie die we nodig hebben.

360
00:15:57,660 --> 00:15:59,470
>> Dit heet een zelfsluitende tag.

361
00:15:59,470 --> 00:16:02,470
Het maakt niet een opening en een vereisen
dicht omdat alle informatie

362
00:16:02,470 --> 00:16:04,974
is opgenomen in de
tag en zijn attributen.

363
00:16:04,974 --> 00:16:06,390
Dus soms zult dit zien, ook.

364
00:16:06,390 --> 00:16:10,400
Dus gewoon bewust dat als je een
tag die is volledig self-contained,

365
00:16:10,400 --> 00:16:14,170
opent en sluit zich door
de open hoek beugel aan de linkerzijde

366
00:16:14,170 --> 00:16:17,000
en de schuine streep hoek
beugel aan de rechterkant.

367
00:16:17,000 --> 00:16:20,580
We zullen weer een van die zien
nu met image-tags ook.

368
00:16:20,580 --> 00:16:23,300
>> Voordat we praten over beeldvorming,
moeten praten over hyperlinks.

369
00:16:23,300 --> 00:16:26,080
Als we willen dat onze webpagina te zijn
interactief en bewegen ons rond,

370
00:16:26,080 --> 00:16:28,121
het zou mooi zijn in staat
te klikken op een van die

371
00:16:28,121 --> 00:16:30,190
wat typisch is een blauwe link.

372
00:16:30,190 --> 00:16:34,440
Dit is eigenlijk de manier waarop we bouwen
een hyperlink in onze webpagina.

373
00:16:34,440 --> 00:16:36,540
En interessant genoeg
er is nog een HTML-tag

374
00:16:36,540 --> 00:16:39,000
noemde verbinding, die geen hyperlink.

375
00:16:39,000 --> 00:16:44,130
Een staat hier voor anker, en
dat is hoe we wijzen op een hyperlink.

376
00:16:44,130 --> 00:16:49,150
>> Een href gelijk x middelen naar
webpagina X. En alles

377
00:16:49,150 --> 00:16:51,580
tussen de open Een tag
en het sluiten van een tag

378
00:16:51,580 --> 00:16:56,010
is wat er gaat dat onderstreepte
blauwe tekst die eruit ziet als een link

379
00:16:56,010 --> 00:16:57,590
dat we kennen.

380
00:16:57,590 --> 00:17:01,660
Onder dat hebben we een beeld tag, die
is een zelfsluitende tag voor het weergeven

381
00:17:01,660 --> 00:17:05,599
een beeld gelegen op X. En
je zou kunnen veranderen

382
00:17:05,599 --> 00:17:08,280
dat het door het specificeren
breedte en hoogte

383
00:17:08,280 --> 00:17:11,640
en andere attributen
dat dot dot dot daar.

384
00:17:11,640 --> 00:17:14,260
>> Helemaal onderaan hier
We hebben een zeer interessante

385
00:17:14,260 --> 00:17:16,170
zoek tag die niet doet
een afsluitende tag.

386
00:17:16,170 --> 00:17:19,410
Het uitroepteken doctype HTML.

387
00:17:19,410 --> 00:17:23,300
Dus HTML is al sinds het geweest
vroege jaren 1990 voor het bouwen van webpagina's,

388
00:17:23,300 --> 00:17:25,859
en het is ondergaan gegaan
een aantal wijzigingen sindsdien.

389
00:17:25,859 --> 00:17:28,550
Het meest recent in 2014
onderging een herziening

390
00:17:28,550 --> 00:17:33,440
genaamd HTML5 die nu de huidige
soort de facto standaard HTML.

391
00:17:33,440 --> 00:17:36,730
>> Om aan te geven dat onze web
pagina's worden geschreven in HTML5,

392
00:17:36,730 --> 00:17:38,160
dit is hoe we beginnen.

393
00:17:38,160 --> 00:17:40,380
Het kan worden weggelaten, maar
wat dat eigenlijk

394
00:17:40,380 --> 00:17:45,930
betekent is dat je niet een van de tags
die HTML5-tags, die nieuwe labels.

395
00:17:45,930 --> 00:17:48,591
Dus we beginnen altijd uitgeschakeld
als we met behulp van HTML5.

396
00:17:48,591 --> 00:17:51,340
En alle labels die we hebben gesproken over
voorheen niet HTML5-tags.

397
00:17:51,340 --> 00:17:55,470
Maar dit zou aangeven dat
HTML5-tags zullen aanwezig zijn.

398
00:17:55,470 --> 00:17:58,400
En dus hebben we uitroepteken
doctype HTML, die

399
00:17:58,400 --> 00:18:01,280
is aan het begin van onze
HTML-bestand, en dan na dat punt

400
00:18:01,280 --> 00:18:04,930
we eigenlijk hebben onze HTML geopend
taggen en ga vanaf daar.

401
00:18:04,930 --> 00:18:10,050
>> De laatste is een commentaar tag,
die ziet er iets anders, ook.

402
00:18:10,050 --> 00:18:12,810
Het begint met een hoek
beugel uitroepteken dash

403
00:18:12,810 --> 00:18:15,220
dash maar geen haakje sluiten.

404
00:18:15,220 --> 00:18:20,150
Tussen deze twee elementen zijn
is waar je schrijft uw commentaar.

405
00:18:20,150 --> 00:18:28,420
En laten we eens kijken naar beelden
en commentaar en links in CS50 IDE.

406
00:18:28,420 --> 00:18:32,850
>> Dus ik heb hier een bestand genaamd afbeelding link
dot HTML die ik ga te openen.

407
00:18:32,850 --> 00:18:36,420
En zie ik heb een paar kreeg
hier commentaar in mijn HTML opmerkingen.

408
00:18:36,420 --> 00:18:38,990
Dus net als in C en andere
programmeertalen,

409
00:18:38,990 --> 00:18:43,169
HTML gewoon door een markup language
heeft de mogelijkheid om opmerkingen te hebben.

410
00:18:43,169 --> 00:18:45,710
En dus ben ik blijkbaar gaan
Plaats een foto van Rick Astley

411
00:18:45,710 --> 00:18:49,060
ergens tussen deze div
tag, deze willekeurige verdeling.

412
00:18:49,060 --> 00:18:51,497
Blijkbaar is dat bestand is
gevestigd bij Rick dot JPEG, die

413
00:18:51,497 --> 00:18:53,580
Als we terug naar
mijn dossier boom voor een tweede,

414
00:18:53,580 --> 00:18:55,490
is een bestand dat bestaat in
de huidige directory.

415
00:18:55,490 --> 00:18:56,031
Dus dat is OK.

416
00:18:56,031 --> 00:18:57,710
Ik kan het verwijzen.

417
00:18:57,710 --> 00:18:59,680
>> Dan kan ik interne links.

418
00:18:59,680 --> 00:19:05,080
Zo merkt op lijn 11 hier
mijn href is hallo dot HTML.

419
00:19:05,080 --> 00:19:09,050
Zodat alleen verwijst naar hello dot HTML
die bestaat in de huidige directory.

420
00:19:09,050 --> 00:19:12,980
En ik kan ook externe
verbindingen door gewoon te specificeren HTTPS

421
00:19:12,980 --> 00:19:16,180
om aan te geven dat ik niet praten
over een bestand in mijn huidige directory.

422
00:19:16,180 --> 00:19:19,730
Ik heb het over een bestand dat bestaat
ergens op het internet, die ik heb

423
00:19:19,730 --> 00:19:23,370
te vragen via het HTTP-protocol.

424
00:19:23,370 --> 00:19:25,990
>> Dus laten we eens kijken naar wat
Deze pagina eruit zou kunnen zien

425
00:19:25,990 --> 00:19:29,500
en maak je klaar voor een foto van Rick
Astley te laten zien op je scherm.

426
00:19:29,500 --> 00:19:31,490
Dus ik zal dit een voorbeeld van.

427
00:19:31,490 --> 00:19:33,800
Er is Rick Astley op
top in deze willekeurige

428
00:19:33,800 --> 00:19:35,008
divisie Ik zet het op de top.

429
00:19:35,008 --> 00:19:36,960
En dan beneden I
heb mijn links, rechts?

430
00:19:36,960 --> 00:19:39,330
>> Ik heb een link naar hallo dot HTML.

431
00:19:39,330 --> 00:19:42,860
En als ik die klik, krijg ik
verplaatst naar deze pagina

432
00:19:42,860 --> 00:19:47,050
dat we zeer vertrouwd met uit
het begin van ons programma.

433
00:19:47,050 --> 00:19:50,880
Als ik pop die pagina weer open, als ik
pop afbeelding link openen nog een keer,

434
00:19:50,880 --> 00:19:54,420
Ik kan ook extern gaan
naar de website CS50's.

435
00:19:54,420 --> 00:19:56,740
En daar see-- we Ik zal
uitzoomen een beetje hier--

436
00:19:56,740 --> 00:20:00,260
we zullen zien CS50's website soort
ingebed in het midden van onze pagina.

437
00:20:00,260 --> 00:20:04,670
Dus ik was in staat om een ​​intern maken
evenals koppelen als een externe link.

438
00:20:04,670 --> 00:20:07,200
>> De laatste regel met HTML die
gaan we praten hier over

439
00:20:07,200 --> 00:20:09,510
is dat uw HTML goed moeten worden gevormd.

440
00:20:09,510 --> 00:20:13,020
In C spraken we veel over
de verschillende syntaxis van de dingen.

441
00:20:13,020 --> 00:20:17,650
In de HTML syntax echt
draait om labels.

442
00:20:17,650 --> 00:20:19,660
Elke tag u opent moet worden gesloten.

443
00:20:19,660 --> 00:20:22,630
En in feite, elke tag u opent
dient in de omgekeerde volgorde worden gesloten.

444
00:20:22,630 --> 00:20:25,790
>> Dus als je een vette tag te openen, een cursief
tag, en daarna een onderstreping tag

445
00:20:25,790 --> 00:20:28,120
doen alle drie een
bepaalde set van de tekst,

446
00:20:28,120 --> 00:20:30,070
moet je ze sluiten in omgekeerde volgorde.

447
00:20:30,070 --> 00:20:32,270
Dus als je vet geopend,
cursief, onderstrepen, je

448
00:20:32,270 --> 00:20:35,240
willen onderstrepen, cursief sluiten, vet.

449
00:20:35,240 --> 00:20:39,990
Dit soort van inkapseling is wat
houdt HTML mooi en georganiseerd.

450
00:20:39,990 --> 00:20:44,370
>> In tegenstelling tot C, echter, zal syntaxisfouten niet
eigenlijk verlamde uw HTML mogelijk.

451
00:20:44,370 --> 00:20:48,730
HTML kan niet goed zijn
gevormd, maar zou nog steeds werken.

452
00:20:48,730 --> 00:20:50,589
En zo deze fouten
kunt sorteren van dia door.

453
00:20:50,589 --> 00:20:52,130
Het is aan jou om heel waakzaam te zijn.

454
00:20:52,130 --> 00:20:54,760
Soms zullen ze niet, maar
soms kun je wegkomen met het.

455
00:20:54,760 --> 00:20:56,509
>> Het kan een echt
moeilijke taak, hoewel,

456
00:20:56,509 --> 00:21:00,660
om bij te houden wanneer u geopend te houden
een tag, als je het gesloten,

457
00:21:00,660 --> 00:21:04,110
vooral als uw HTML
Bestanden worden groter en groter.

458
00:21:04,110 --> 00:21:05,490
U zult wat hulp willen.

459
00:21:05,490 --> 00:21:07,560
En er zijn online
validator tools die je

460
00:21:07,560 --> 00:21:11,474
kunt gebruiken om een ​​blik op uw web hebben
pagina en kijk of het is goed gevormd HTML.

461
00:21:11,474 --> 00:21:13,390
En je moet zeker
een kijkje nemen op deze

462
00:21:13,390 --> 00:21:16,620
en beginnen om ze te gebruiken als je
beginnen met het doen van wat werk met HTML,

463
00:21:16,620 --> 00:21:20,800
het schrijven van HTML, zodat je krijgt
een aantal goede gewoonten over het organiseren

464
00:21:20,800 --> 00:21:24,377
je HTML op een goede manier en
goede stijl en ervoor te zorgen

465
00:21:24,377 --> 00:21:27,210
dat je niets doet dat
zou een syntax fout maken dat

466
00:21:27,210 --> 00:21:30,270
zou ertoe leiden dat u een beetje
een probleem op de weg.

467
00:21:30,270 --> 00:21:31,190
>> Ik ben Doug Lloyd.

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

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