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

2
00:00:06,100 --> 00:00:08,790
>> DOUG LLOYD: Nii veetsime
about-- kui minu matemaatika on õige,

3
00:00:08,790 --> 00:00:11,900
Ja ma arvan, otsin back-- ma arvan
veetsime umbes 35 videos rääkima

4
00:00:11,900 --> 00:00:15,139
umbes erinevaid aspekte C, võibolla
natuke rohkem, võib-olla veidi vähem.

5
00:00:15,139 --> 00:00:16,930
Ja me ei hõlma
kõik C, kuid me

6
00:00:16,930 --> 00:00:21,170
kaetud suur patakas
keelt valdav enamus seda,

7
00:00:21,170 --> 00:00:22,882
Kindlasti jaoks tavalisemad.

8
00:00:22,882 --> 00:00:25,090
Nüüd me ei kavatse rääkida
umbes muus keeles, HTML.

9
00:00:25,090 --> 00:00:28,180
Ja me ei kavatse katta
see vaid üks video.

10
00:00:28,180 --> 00:00:29,340
>> Aga see saab olema OK.

11
00:00:29,340 --> 00:00:31,410
See läheb tegelikult muutunud
midagi sa lähed, et harjuda.

12
00:00:31,410 --> 00:00:33,535
Nüüd, kui teil on
põhialuste üks keel,

13
00:00:33,535 --> 00:00:35,776
see on tegelikult üsna lihtne
alustada õppimist teised.

14
00:00:35,776 --> 00:00:37,650
Nii et me läheme alustada
samm veidi tagasi

15
00:00:37,650 --> 00:00:43,340
ja ilustada põhi
Erinevused nende keelte

16
00:00:43,340 --> 00:00:45,750
ja omamoodi jäta sind sellega.

17
00:00:45,750 --> 00:00:48,530
Seal on palju tõesti suur
Interneti ressursid, mis

18
00:00:48,530 --> 00:00:51,279
me ei kavatse hakata suunab teid
suunas, kuna internet on

19
00:00:51,279 --> 00:00:53,340
suur varamu teavet.

20
00:00:53,340 --> 00:00:55,960
Ja nii see ei meeldi saate
olla kaotamas tingimata

21
00:00:55,960 --> 00:00:58,349
kuna neil ei ole esitatud informatsioon
kaetud video.

22
00:00:58,349 --> 00:01:00,640
Sul on veel võimalik saada
kõik, mida sa vajad ja kasutamine

23
00:01:00,640 --> 00:01:03,590
teadmisi olete juba
üles ehitatud arusaam C

24
00:01:03,590 --> 00:01:07,130
teha õppimisprotsessi nende
teisi keeli tegelikult palju ilusamana.

25
00:01:07,130 --> 00:01:08,640
Ma luban.

26
00:01:08,640 --> 00:01:12,770
>> Aga räägime üht keelt
see on tõesti fundamentaalne iga web

27
00:01:12,770 --> 00:01:14,830
lehele, mis on HTML.

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

29
00:01:18,230 --> 00:01:22,700
HTML on keel, kuid see on
ei programmeerimiskeelt.

30
00:01:22,700 --> 00:01:23,900
>> HTML ei ole muutujaid.

31
00:01:23,900 --> 00:01:26,430
See ei ole loogiline või
funktsioone või midagi sellist.

32
00:01:26,430 --> 00:01:30,301
Me ei saa teha mingeid
programmeerimine iseenesest HTML.

33
00:01:30,301 --> 00:01:32,300
Mõnikord kuulete
inimesed kirjeldavad endid

34
00:01:32,300 --> 00:01:35,710
HTML programmeerijad, mis
ei ole päris täpne.

35
00:01:35,710 --> 00:01:37,980
Me ei saa kirjutada HTML programme.

36
00:01:37,980 --> 00:01:40,770
>> HTML kasutatakse vaid märgi üles teksti.

37
00:01:40,770 --> 00:01:42,690
Seda nimetatakse märgistuskeel.

38
00:01:42,690 --> 00:01:47,680
Ja mida see does-- see markup--
Me kasutame silte HTML ja need tags--

39
00:01:47,680 --> 00:01:51,600
Selle markup-- semantiliselt
määratleb lehtede struktuuri

40
00:01:51,600 --> 00:01:55,280
ja põhjustab selle teksti, mis
vahel silte tuleb tõlgendada

41
00:01:55,280 --> 00:01:57,320
brauserid erinevalt.

42
00:01:57,320 --> 00:02:00,370
Ja võib-olla see on parim, et selgitada
Selle teel illustratsioon.

43
00:02:00,370 --> 00:02:06,450
>> Siin on väga lihtne HTML lehele, mitte
HTML programmi uuesti, HTML lehel.

44
00:02:06,450 --> 00:02:08,680
Ja me teame, see on
HTML lehele, sest me oleme

45
00:02:08,680 --> 00:02:11,480
piirneb kõike HTML teeke.

46
00:02:11,480 --> 00:02:13,850
Nii et see on see, mida HTML tag välja näeb.

47
00:02:13,850 --> 00:02:15,870
See on noolsulgudes.

48
00:02:15,870 --> 00:02:18,570
Ja märkate ülaosas meil
HTML ja väga põhjas,

49
00:02:18,570 --> 00:02:21,400
pärast oleme teinud seda, mida on
ilmselt palju teisi HTML,

50
00:02:21,400 --> 00:02:24,310
meil nurksulu kaldkriipsuga HTML.

51
00:02:24,310 --> 00:02:29,262
Nii et omamoodi on piir
vahel, mis on HTML ja mis mitte.

52
00:02:29,262 --> 00:02:32,220
Ja muidugi tavapäraselt, vaid
kui sa kirjutasid kõik oma C programmid

53
00:02:32,220 --> 00:02:35,300
dot C laiendusi,
kõik oma HTML faile

54
00:02:35,300 --> 00:02:37,909
lõpeb dot HTML laiendusi.

55
00:02:37,909 --> 00:02:39,200
Aga see pole veel kõik siin toimub.

56
00:02:39,200 --> 00:02:40,658
Me ei ole lihtsalt neid HTML tags.

57
00:02:40,658 --> 00:02:44,010
Me ilmselt on see
asi nimega pea tag.

58
00:02:44,010 --> 00:02:46,010
Noh, OK, mis see on?

59
00:02:46,010 --> 00:02:48,550
>> Aga võib-olla on parem
eristada teel keha,

60
00:02:48,550 --> 00:02:50,590
keha on sisu veebilehel.

61
00:02:50,590 --> 00:02:55,860
Ehk pea tag määratleb kraami
mis ei ole brauseriaknas õige,

62
00:02:55,860 --> 00:02:59,410
kuid on kuidagi oluline meie
veebilehe muutuks õigesti.

63
00:02:59,410 --> 00:03:02,490
Näiteks sees
pea tag meil pealkiri sildid.

64
00:03:02,490 --> 00:03:05,500
>> Nii pealkiri on hello world,
See on tegelikult saab olema, mida

65
00:03:05,500 --> 00:03:08,797
näitab üles saki Chrome
või safari või Firefox--

66
00:03:08,797 --> 00:03:11,880
olenemata brauserist prefer-- see on
mis toimub, et näidata üles pealkirjas.

67
00:03:11,880 --> 00:03:14,800
Ja enne tabs see näitaks
kuni Teie sirvija aknas

68
00:03:14,800 --> 00:03:19,710
ja te saate ainult ühel lehel
avada brauseriaknas korraga.

69
00:03:19,710 --> 00:03:22,160
Seega, see saab olema
pealkiri oma lehele üles tab

70
00:03:22,160 --> 00:03:24,600
või brauseriakna baar, tere.

71
00:03:24,600 --> 00:03:28,611
Ja siis sisu minu
veebilehe olla maailma, tere.

72
00:03:28,611 --> 00:03:31,360
Võtame pilk mõned
asi niimoodi tunduda.

73
00:03:31,360 --> 00:03:33,210
See on üsna lihtne HTML lehel.

74
00:03:33,210 --> 00:03:35,970
Nii et ma olen siin minu CS50 IDE ja
Olen suumida in natuke.

75
00:03:35,970 --> 00:03:38,290
Ja ma olen lihtsalt kavatse
avada hello dot HTML

76
00:03:38,290 --> 00:03:42,000
ja näidata, et see on päris palju
Lehe sisu, mida me nägime enne.

77
00:03:42,000 --> 00:03:45,240
Minu lihtne HTML juht silte
pealkiri sildid, keha ja nii edasi.

78
00:03:45,240 --> 00:03:47,320
Olen liigestatud olema puhas.

79
00:03:47,320 --> 00:03:51,530
>> Ja siis mida ma saan teha minu
IDE on lihtsalt eelvaate lehele.

80
00:03:51,530 --> 00:03:52,630
Ja me läheme.

81
00:03:52,630 --> 00:03:56,070
Sisu minu leheküljel on maailma
Tere, ma ei näe midagi

82
00:03:56,070 --> 00:03:58,500
in peast sildid olemas.

83
00:03:58,500 --> 00:03:59,980
See on lihtsalt sisu keha.

84
00:03:59,980 --> 00:04:00,780
Maailm, tere.

85
00:04:00,780 --> 00:04:03,700
Ja jälle keha lihtsalt
ütles maailma, tere.

86
00:04:03,700 --> 00:04:06,160
Teine osa on puudu.

87
00:04:06,160 --> 00:04:07,610
>> Nii et tõesti kõik on.

88
00:04:07,610 --> 00:04:11,370
See on väga lihtne HTML lehel.

89
00:04:11,370 --> 00:04:14,280
Nüüd olen liigestatud minu HTML
tõesti kena ja organiseeritud,

90
00:04:14,280 --> 00:04:15,840
aga ma tegelikult ei pea.

91
00:04:15,840 --> 00:04:17,959
Ma võiks teha seda vaadata päris kole.

92
00:04:17,959 --> 00:04:19,467
Ja see ikka töötab.

93
00:04:19,467 --> 00:04:21,050
See oleks täpselt sama veebilehel.

94
00:04:21,050 --> 00:04:23,100
Ma olen lihtsalt saanud lahti
kõik tühimärgid.

95
00:04:23,100 --> 00:04:24,820
>> Nagu selgub, on tühimärkidel andmeid.

96
00:04:24,820 --> 00:04:28,540
Ja nii, kui me saadame andmeid
saatja vastuvõtja server

97
00:04:28,540 --> 00:04:30,670
kliendi andmed maksab raha.

98
00:04:30,670 --> 00:04:34,460
Ja nii vabaneda tühik
on tegelikult hea mõte

99
00:04:34,460 --> 00:04:37,320
kui sa oled keegi, kes teenib
kuni palju veebisisu.

100
00:04:37,320 --> 00:04:39,820
See on halb mõte, kui sa oled
keegi, kes on õppimise see kraam

101
00:04:39,820 --> 00:04:41,528
ja sa tahad olla
see kenasti korraldatud.

102
00:04:41,528 --> 00:04:43,810
See on palju lihtsam sõeluda kui see.

103
00:04:43,810 --> 00:04:45,540
Aga see on funktsionaalselt identne.

104
00:04:45,540 --> 00:04:48,720
>> Taandesügavuse ja värki
tegelikult ei oma tähtsust, HTML.

105
00:04:48,720 --> 00:04:53,634
Loeb avamist sildid ja
sulgemise silte õiges järjekorras.

106
00:04:53,634 --> 00:04:55,050
Pange tähele, mis siin juhtus, kuigi.

107
00:04:55,050 --> 00:04:58,450
Juurdehindlus annab meile viis
suhelda Täiendava info

108
00:04:58,450 --> 00:04:59,940
mida me oleme kirjutatud.

109
00:04:59,940 --> 00:05:03,130
Tere, maailm osa oli
tõlgendada kui pealkiri.

110
00:05:03,130 --> 00:05:06,410
Ja maailma, hello osa oli
tõlgendada sisu

111
00:05:06,410 --> 00:05:09,090
või milline peaks olema
nähtav minu veebilehele.

112
00:05:09,090 --> 00:05:12,167
>> Seal on üle 100 Nende erinevate
sildid ja palju suuri ressursse

113
00:05:12,167 --> 00:05:13,000
online leida neid.

114
00:05:13,000 --> 00:05:14,900
Me läheme rääkida
mõned neist on see video, mõned

115
00:05:14,900 --> 00:05:16,440
on tõesti fundamentaalne kraam.

116
00:05:16,440 --> 00:05:18,440
Aga me ei kavatse rääkida
sellest kõigest, sest see

117
00:05:18,440 --> 00:05:20,250
oleks ammendav, et seda teha.

118
00:05:20,250 --> 00:05:22,880
>> Teine asi, mida saate teha, aga
on avada arendaja tööriistad.

119
00:05:22,880 --> 00:05:26,069
Ja kui te mäletate
Meie video HTTP,

120
00:05:26,069 --> 00:05:27,860
Ma selgitasin, kuidas avada
kuni arendaja tööriistad.

121
00:05:27,860 --> 00:05:32,020
Chrome on tavaliselt F12
avada arendaja tööriistariba.

122
00:05:32,020 --> 00:05:35,909
Siis asemel valida Network
alt saate valida Elements tab.

123
00:05:35,909 --> 00:05:37,700
Ja kui sisestad veebi
lehele, saate tegelikult

124
00:05:37,700 --> 00:05:40,280
vaata HTML, mis loob sellele veebilehele.

125
00:05:40,280 --> 00:05:44,090
Ja nii saate palju õppida HTML
vaadates oma lemmik veebilehed

126
00:05:44,090 --> 00:05:48,474
ja näha, kuidas nad ehitama
erinevat neile, et teile meeldib.

127
00:05:48,474 --> 00:05:50,890
Ehk seal on see lahe
muster või midagi sellist.

128
00:05:50,890 --> 00:05:52,140
Kuidas nad seda HTML?

129
00:05:52,140 --> 00:05:55,630
Noh saate lihtsalt avada oma arendaja
tööriistad ja hover üle, et element

130
00:05:55,630 --> 00:05:57,700
ja täpselt näha, mida HTML teeb.

131
00:05:57,700 --> 00:05:59,450
Nii see on tõesti
Hea võimalus õppida HTML,

132
00:05:59,450 --> 00:06:02,330
ja ma soovitan, et
sa seda nii õppida HTML

133
00:06:02,330 --> 00:06:04,930
ja ka õppida veidi
natuke mõned valikud

134
00:06:04,930 --> 00:06:07,050
teile kättesaadavaks
Arendaja tööriistad, mis

135
00:06:07,050 --> 00:06:10,200
kindlasti tulevad mugav, kui
sa hakkad teeme intensiivsema web

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

137
00:06:11,090 --> 00:06:14,080
>> Võtame pilk
paari ühise HTML teeke.

138
00:06:14,080 --> 00:06:17,210
Ja me hüpata ja kui heita pilk
Mis neid silte ka muuta

139
00:06:17,210 --> 00:06:20,490
nagu vaadates mõned failid minu IDE.

140
00:06:20,490 --> 00:06:26,330
Nii et siin on kolm väga lihtne silte
tutistamine välimust teksti.

141
00:06:26,330 --> 00:06:29,050
Seal on B sildid, ma sildid ja U sildid.

142
00:06:29,050 --> 00:06:33,170
Ja vastavalt mida nad teevad, on
muuta teksti vahel neid julgeid,

143
00:06:33,170 --> 00:06:35,430
kaldkirjas ja allajoonimine.

144
00:06:35,430 --> 00:06:40,430
Vaatame, mida see näeks
nagu tegelikul veebilehe minu IDE.

145
00:06:40,430 --> 00:06:43,390
>> Nii et siin on minu IDE mul
fail nimega biu dot HTML.

146
00:06:43,390 --> 00:06:46,770
Biu dot HTML olemisele
julge, kursiivis, rõhutades.

147
00:06:46,770 --> 00:06:47,830
Ma seda avatumaks.

148
00:06:47,830 --> 00:06:51,810
>> Ja me näeme, et siin ma
on see tekst on B sildid julge.

149
00:06:51,810 --> 00:06:54,010
See tekst on mul sildid italic.

150
00:06:54,010 --> 00:06:56,307
Ja see tekst on U sildid joonitud.

151
00:06:56,307 --> 00:06:57,640
Mis on see välja näeb?

152
00:06:57,640 --> 00:06:59,473
Noh jälle, kõik, mis mul
tegema, on minna üle siin

153
00:06:59,473 --> 00:07:04,690
minu brauser, minu failibrauseri klõpsa
Eelvaade ja see on see, mis kerkib.

154
00:07:04,690 --> 00:07:07,520
>> Tekst vahel B
sildid on nüüd tõesti julge.

155
00:07:07,520 --> 00:07:10,720
Tekst vahel ma
sildid on praegu tõepoolest italic.

156
00:07:10,720 --> 00:07:14,634
Ja teksti vahel U
sildid on praegu tõepoolest joonitud.

157
00:07:14,634 --> 00:07:15,550
Nii et on päris hea.

158
00:07:15,550 --> 00:07:18,450
Me teame nüüd, kuidas teksti
vaadata veidi rohkem meeldima

159
00:07:18,450 --> 00:07:20,360
või juhtida tähelepanu teatud asju.

160
00:07:20,360 --> 00:07:25,530
Teine paar ühist sildid siin
lõikes sildid, P, ja header tags,

161
00:07:25,530 --> 00:07:27,980
mis ma olen osutanud siin HX.

162
00:07:27,980 --> 00:07:32,520
>> Need P sildid need lõikes silte
murda oma teksti üles võetud punktid.

163
00:07:32,520 --> 00:07:34,646
See ei ole piisav, et lihtsalt
Enter ja jäta ruumi,

164
00:07:34,646 --> 00:07:37,186
sest arvuti on ainult kavatse
teha seda, mida sa öelda tahad

165
00:07:37,186 --> 00:07:39,450
ja see ei arvesta valge
ruumi enamasti.

166
00:07:39,450 --> 00:07:41,636
Nii et me ei saa lihtsalt Enter
ja ootavad oma arvuti

167
00:07:41,636 --> 00:07:43,760
tõlgendada, et me tahame
alustada uut lõiku.

168
00:07:43,760 --> 00:07:47,670
Me peame väga selgelt öelda
on üks paragraph-- see another--

169
00:07:47,670 --> 00:07:50,740
mida ümbritseb iga kogum P sildid.

170
00:07:50,740 --> 00:07:54,560
>> Ja meil on ka neid võimalusi
H sildid, need header tags.

171
00:07:54,560 --> 00:07:57,000
Meil on kuus eri tasanditel
päiste, üks, kaks, kolm,

172
00:07:57,000 --> 00:08:01,110
nelja-, viie- ja kuus, mis on
järk-järgult suuremaks ja suuremaks

173
00:08:01,110 --> 00:08:01,710
päiseid.

174
00:08:01,710 --> 00:08:04,360
Ja nad saavad väiksemad ja
väiksemaid ja väiksemaid.

175
00:08:04,360 --> 00:08:07,690
Nii et meil on tipptasemel päise kaudu, teine
tasandil kaudu, ja nii edasi, ja nii edasi.

176
00:08:07,690 --> 00:08:10,480
>> Võtame pilk võib-olla mõned
P sildid ja mõned header tags

177
00:08:10,480 --> 00:08:13,110
tegevuses veebilehele.

178
00:08:13,110 --> 00:08:18,180
Nii et siin on minu IDE Mul on fail nimega
PH dot HTML, PH on punktid

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

180
00:08:18,970 --> 00:08:20,709
Avage et üles.

181
00:08:20,709 --> 00:08:23,000
Seal on palju siin toimub
sest ma olen teinud mõningaid lorem

182
00:08:23,000 --> 00:08:24,660
ipsum, mõned lihtsalt juhuslik teksti siin.

183
00:08:24,660 --> 00:08:27,284
Nii et ma suumida natuke
sest seal on nii palju toimub.

184
00:08:27,284 --> 00:08:31,980
Aga teate, et mul on päris
üles siin mul on H1, astme,

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

186
00:08:32,802 --> 00:08:36,010
Siis mul on punkt, mis on lihtsalt
kamp juhuslikult text-- lorem ipsum--

187
00:08:36,010 --> 00:08:38,720
lihtsalt vaikimisi standard täitmine teksti.

188
00:08:38,720 --> 00:08:41,970
Nii et mul on kaks lõiku sees, et
tasandil üks päise kaudu ja seejärel allapoole ma

189
00:08:41,970 --> 00:08:46,850
on tase kahe peaga siin on line 24,
teise taseme päise kaudu, ja veel kaks

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

191
00:08:47,840 --> 00:08:51,910
Noh, mida see välja näeb
kui ma seda vaadata minu eelvaate?

192
00:08:51,910 --> 00:08:53,790
Vaatame.

193
00:08:53,790 --> 00:08:55,730
>> Nii märkate, et
Esimesel tasandil päise kaudu siin

194
00:08:55,730 --> 00:08:58,420
on tegelikult üsna vähe suurem
kui teine ​​tase päise kaudu.

195
00:08:58,420 --> 00:08:59,940
Nii me kasutasime H1 tags.

196
00:08:59,940 --> 00:09:03,820
Ja märkate, et P sildid võimaldab meil
murda asju viidud punktid.

197
00:09:03,820 --> 00:09:07,500
Kui me oleksime saanud lahti need P sildid
ja tegelikult lihtsalt panna Siseneb või Returns

198
00:09:07,500 --> 00:09:10,110
vahel, mida me lootsime, et
olla erinevad lõiked,

199
00:09:10,110 --> 00:09:13,193
nad kõik lihtsalt slam kokku ja
see ei ole nii hea punkt

200
00:09:13,193 --> 00:09:15,840
eraldamine ruumi allapoole ja.

201
00:09:15,840 --> 00:09:18,300
Ja nii see ongi punkt
sildid ja header tags

202
00:09:18,300 --> 00:09:22,440
kasutatakse tavaliselt tegema, et
tähelepanu osad meie kodulehelt

203
00:09:22,440 --> 00:09:23,550
selles suunas.

204
00:09:23,550 --> 00:09:27,560
>> Järgmisena on mõned sildid, et me kasutame
ehitada nimekirjad meie veebilehel.

205
00:09:27,560 --> 00:09:30,820
Nii et meil on järjestamata
lists-- ULs-- mis on vaid

206
00:09:30,820 --> 00:09:34,090
täpploenditega tellida
nimekirja, mis on numbered--

207
00:09:34,090 --> 00:09:37,680
OLs-- ja sees kas
üks neist peame olema

208
00:09:37,680 --> 00:09:40,600
komplekti kuidas märkida loendiüksusi LI.

209
00:09:40,600 --> 00:09:44,370
Ja nii on meil avatud UL tag
ja paneme teemad sees on.

210
00:09:44,370 --> 00:09:46,920
Ja siis, kui me teinud
et saame sulgeda UL tag.

211
00:09:46,920 --> 00:09:49,850
>> Ja sarnaselt saame
tellitud või nummerdatud nimekirja

212
00:09:49,850 --> 00:09:51,560
ja pane loendiüksused sees, et.

213
00:09:51,560 --> 00:09:53,350
Võtame pilk
kell paar nimekirjad

214
00:09:53,350 --> 00:09:57,230
ja mida nad oleksid
muuta nii edasi CS50 IDE.

215
00:09:57,230 --> 00:10:00,640
Nii et mul on siin minu IDE
fail nimega nimekirjad dot HTML.

216
00:10:00,640 --> 00:10:03,100
Võtame pilk.

217
00:10:03,100 --> 00:10:08,482
>> Ja teate siin on mul järjestamata
loetleda viis asju ta.

218
00:10:08,482 --> 00:10:11,440
Ja siis on mul tellitud nimekirja ja
Olen muutunud sildi natuke,

219
00:10:11,440 --> 00:10:11,939
õige?

220
00:10:11,939 --> 00:10:13,152
Ma olen öelnud start võrdub kuus.

221
00:10:13,152 --> 00:10:16,110
Selgub, mille nimekiri nummerdada ma
saab määrata alguspunkt kõikjal

222
00:10:16,110 --> 00:10:20,130
Ma want-- vaikimisi on see one--
lihtsalt lisades see nn atribuut

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

224
00:10:21,190 --> 00:10:23,572
Ja nii see nimekiri
lugemise alustamiseks kell kuus.

225
00:10:23,572 --> 00:10:26,780
Nii elemendid, et nimekiri nummerdada
peaks olema kuus, seitse, kaheksa, üheksa, kümme,

226
00:10:26,780 --> 00:10:29,930
sest seal on viis tegurit
nimekirjas, mitte üks,

227
00:10:29,930 --> 00:10:33,770
kaks, kolm, neli, viis, mille
oleks siis, kui ma oleks öelnud OL

228
00:10:33,770 --> 00:10:36,730
täpsustamata algust atribuut.

229
00:10:36,730 --> 00:10:41,594
>> Nii me lihtsalt eelvaate selle, et saaksite
tajuksid, mida siin toimub.

230
00:10:41,594 --> 00:10:42,260
Ja me läheme.

231
00:10:42,260 --> 00:10:44,610
Seal on minu nimekirja.

232
00:10:44,610 --> 00:10:47,810
Esimesed viis elementi on
Tavalise või täpploetelusid.

233
00:10:47,810 --> 00:10:51,010
Ja järgmise viie elemendid
on eraldi tellitud nimekirja

234
00:10:51,010 --> 00:10:52,980
alates kuue.

235
00:10:52,980 --> 00:10:56,247
Nii see on, kuidas me suudame
ehitada nimekirjad kasutades HTML.

236
00:10:56,247 --> 00:10:58,080
Teine asi, mida võiks
tahad teha HTML

237
00:10:58,080 --> 00:11:01,520
on ehitada tabel
andmed ridade ja veergude

238
00:11:01,520 --> 00:11:04,560
esitada teavet
eriti organiseeritud viisil.

239
00:11:04,560 --> 00:11:09,110
Selleks HTML meil on
tabelimääratlus hakanud avatud sulg

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

241
00:11:10,160 --> 00:11:14,680
Ja siis sees, et tabelis oleme
võib olla komplekt rida, TR sildid

242
00:11:14,680 --> 00:11:15,980
näidata igas reas.

243
00:11:15,980 --> 00:11:22,510
Ja siis TD sildid minna sees TR sildid
määrata veeru jooksul järjest.

244
00:11:22,510 --> 00:11:24,340
>> Miks on selle nimi TD ja ei TC?

245
00:11:24,340 --> 00:11:25,940
Noh, TD tähistab tabeli andmed.

246
00:11:25,940 --> 00:11:27,900
Tavaliselt sa panna
Sinu andmed olemas.

247
00:11:27,900 --> 00:11:29,440
Nii et miks see on TD mitte TC.

248
00:11:29,440 --> 00:11:31,140
See on natuke segane.

249
00:11:31,140 --> 00:11:33,720
>> Nii et teil on tabelis sildid ja
sees oma laua sildid

250
00:11:33,720 --> 00:11:35,600
Teil on mitu rida, TRs.

251
00:11:35,600 --> 00:11:40,030
Ja sees igas reas pead
TDS eest veergude arv

252
00:11:40,030 --> 00:11:42,880
et sa tahad olla
selles konkreetses järjest.

253
00:11:42,880 --> 00:11:47,730
Võtame pilk väga
Lihtne tabel üle CS50 IDE.

254
00:11:47,730 --> 00:11:49,730
>> Nii et mul on siin failina
nimetatakse tabelit dot HTML.

255
00:11:49,730 --> 00:11:53,390
Olgem on pilk
mida see välja näeb.

256
00:11:53,390 --> 00:11:56,225
Seal on päris palju siin aga
kui te märkate Mul on laua avatud.

257
00:11:56,225 --> 00:11:57,850
Ma olen hakanud määratlus laua.

258
00:11:57,850 --> 00:12:02,100
Ja siis minu esimene rida ma ilmselt
on neli veergu, üks, kaks, kolm,

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

260
00:12:02,660 --> 00:12:04,290
Ja siis ma olen teinud selle rea.

261
00:12:04,290 --> 00:12:07,750
>> Siis ma hakkan teise rea ja
teha kaks, neli, kuus, kaheksa.

262
00:12:07,750 --> 00:12:08,850
Valmis et järjest.

263
00:12:08,850 --> 00:12:11,410
Kas teise rea, kolme, kuue, üheksa, 12.

264
00:12:11,410 --> 00:12:14,830
Ja siis viimane rida, neli,
Kaheksa, 12 ja kuigi see on

265
00:12:14,830 --> 00:12:16,560
veidi lõigata siin, 16.

266
00:12:16,560 --> 00:12:17,710
>> Ma lõpetasin selle rea.

267
00:12:17,710 --> 00:12:18,970
Ma lõpetasin tabelis.

268
00:12:18,970 --> 00:12:21,430
Ja siis ma olen teinud minu HTML.

269
00:12:21,430 --> 00:12:22,590
Mida see välja näeb?

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

271
00:12:26,014 --> 00:12:27,430
Noh, see ei ole tõesti palju näha.

272
00:12:27,430 --> 00:12:31,690
Olen selgelt organiseeritud minu andmed
mõnevõrra rohkem organiseeritud viisil.

273
00:12:31,690 --> 00:12:33,755
Aga see ei ole super ilus siin.

274
00:12:33,755 --> 00:12:36,130
Ja me ei kavatse tegeleda
et kui me räägime CSS.

275
00:12:36,130 --> 00:12:38,930
Me vaadata idee
mida me teeme teha table--

276
00:12:38,930 --> 00:12:41,260
võibolla vormi seda natuke parem?

277
00:12:41,260 --> 00:12:45,070
Aga ma veel neli rida,
millest igaühes neli veergu,

278
00:12:45,070 --> 00:12:48,890
ja tõesti, mida teeb see kokku on
väga lihtne neli neli korrutamine

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

280
00:12:49,870 --> 00:12:51,690
>> Paar rohkem silte räägime.

281
00:12:51,690 --> 00:12:54,617
Olgem rääkida
mõiste HTML kujul.

282
00:12:54,617 --> 00:12:57,450
Nii et sa võisid seda näinud
kontekstis logige veebilehele.

283
00:12:57,450 --> 00:12:59,100
Tavaliselt kirjutad oma kasutajanime.

284
00:12:59,100 --> 00:13:01,510
Sa kirjutad oma parooli,
ja sa oled hea minna.

285
00:13:01,510 --> 00:13:04,170
See oleks algusest vormi.

286
00:13:04,170 --> 00:13:05,420
>> Vahele üle osad teine.

287
00:13:05,420 --> 00:13:07,987
Meil on ka sisendite mis
Selline mahuvad vorme.

288
00:13:07,987 --> 00:13:10,320
Need on elemendid, mis
sa oled tegelikult kirjutades,

289
00:13:10,320 --> 00:13:12,580
või nööpe oled
tiksub, või tšeki

290
00:13:12,580 --> 00:13:14,310
karbid, et sa oled peapesu.

291
00:13:14,310 --> 00:13:15,770
Nii et need lähevad sees vorme.

292
00:13:15,770 --> 00:13:18,500
Ja nad koosnevad põhiliselt
iga rea ​​kujul

293
00:13:18,500 --> 00:13:19,887
kui teie kujul vormindatud hästi.

294
00:13:19,887 --> 00:13:22,220
Siis on see mõiste
div, mis ei ole tegelikult

295
00:13:22,220 --> 00:13:25,060
sobi ühegi konkreetse kategooria
sildid nagu neist olen

296
00:13:25,060 --> 00:13:26,170
teinud varem.

297
00:13:26,170 --> 00:13:29,790
See justkui piiritleb
hakanud mõne suvalise division--

298
00:13:29,790 --> 00:13:31,670
div-- lehel.

299
00:13:31,670 --> 00:13:33,210
Ei ole visuaalne katkestus.

300
00:13:33,210 --> 00:13:34,800
Pole line.

301
00:13:34,800 --> 00:13:37,180
See ei ole maha kui
eraldi tüki automaatselt.

302
00:13:37,180 --> 00:13:39,430
Sa pead stiil
et kuidas seda teha.

303
00:13:39,430 --> 00:13:42,110
>> See justkui ütleb, et ma tahan
tükk ruumi minu veebilehele,

304
00:13:42,110 --> 00:13:45,190
ja ma lähen lihtsalt helistada
see on see jaotus minu lehele.

305
00:13:45,190 --> 00:13:47,619
Me ei pane asju sees
of divs, ja tegelikult,

306
00:13:47,619 --> 00:13:49,410
kui me pea üle
IDE teise, siis me

307
00:13:49,410 --> 00:13:53,760
näha, et ma panen oma
moodustavad sees div.

308
00:13:53,760 --> 00:13:57,050
>> Nii et mul on siin minu IDE
fail nimega div kujul dot HTML.

309
00:13:57,050 --> 00:13:59,260
Teeme seda avatumaks.

310
00:13:59,260 --> 00:14:01,460
Pange tähele, et nagu ma ütlesin,
div on selline meelevaldne.

311
00:14:01,460 --> 00:14:01,640
Õigus?

312
00:14:01,640 --> 00:14:02,973
See ei ole tegelikult tähendavad midagi.

313
00:14:02,973 --> 00:14:05,140
Nii et mul on suvaline
Esimene jagunemine minu lehele.

314
00:14:05,140 --> 00:14:07,848
Ja siis selle asemel, et teise div
Hiljem, alates line kaheksa,

315
00:14:07,848 --> 00:14:08,730
Mul on selle vormi.

316
00:14:08,730 --> 00:14:13,594
Ja sees kujul on mul
sisendite arv, valdkonnas kujul.

317
00:14:13,594 --> 00:14:16,510
Nii et mul on valdkond, kelle nimi on a--
mis ei ole tegelikult tähendavad midagi

318
00:14:16,510 --> 00:14:19,350
õige now-- et ilmselt
võtab teksti, teine, et

319
00:14:19,350 --> 00:14:22,630
võtab Parooli teine, mis on Raadio
nuppu, teine, et on ruut,

320
00:14:22,630 --> 00:14:24,797
ja teine, mis on nuppu Esita.

321
00:14:24,797 --> 00:14:26,630
Noh, mida see
kõik tegelikult välja näeb?

322
00:14:26,630 --> 00:14:27,629
Noh, võtame pilk.

323
00:14:27,629 --> 00:14:31,010
Me avada see meie eelvaate aknas.

324
00:14:31,010 --> 00:14:33,557
Pange tähele, et see meelevaldne
Esimene division-- seal

325
00:14:33,557 --> 00:14:34,640
no visuaalne eraldatus siin.

326
00:14:34,640 --> 00:14:37,150
See ei ole tegelikult midagi, eks?

327
00:14:37,150 --> 00:14:38,220
>> Ja siis on mul kujul.

328
00:14:38,220 --> 00:14:39,890
Ja ma ei tee midagi erilist formaati.

329
00:14:39,890 --> 00:14:42,680
Nii et vorm on vaid üks
suur teabereale.

330
00:14:42,680 --> 00:14:46,424
Kui ma oleksin vormindatud minu vorm erinevalt,
Ma oleks võinud seda rida realt.

331
00:14:46,424 --> 00:14:47,590
Aga ma ei tee midagi stiil.

332
00:14:47,590 --> 00:14:49,256
Jällegi, me ei räägi CSS siin.

333
00:14:49,256 --> 00:14:51,030
Me lihtsalt räägime HTML.

334
00:14:51,030 --> 00:14:53,980
>> Noh minu teksti kujul võin liik--
mäletan, et vormid tüüpi teksti

335
00:14:53,980 --> 00:14:55,480
nii et ma ei pane oma nime.

336
00:14:55,480 --> 00:14:57,330
Ja minu parool Ma
võid kirjutada oma parooli.

337
00:14:57,330 --> 00:14:59,740
Ja et see valdkond
tüübiks parooli,

338
00:14:59,740 --> 00:15:01,470
sa ei tea, mida minu parool.

339
00:15:01,470 --> 00:15:02,800
See kõik dots.

340
00:15:02,800 --> 00:15:09,140
>> Võin ka valida märgistada ära
raadionupp või märgistada ära kast.

341
00:15:09,140 --> 00:15:10,420
Või ma võiks esitada oma vormi.

342
00:15:10,420 --> 00:15:11,810
Ja ma ei saa midagi teha,
nii et kui ma esitan oma vormi,

343
00:15:11,810 --> 00:15:13,090
lehe lihtsalt värskendab.

344
00:15:13,090 --> 00:15:16,970
Aga ma võiks ehk seadistada oma
Saada nuppu teha midagi muud.

345
00:15:16,970 --> 00:15:20,410
Ja me näeme, mida me saame teha
et tulevikus video PHP.

346
00:15:20,410 --> 00:15:22,520
Aga see rajaneb väga
Lihtne vorm, et me

347
00:15:22,520 --> 00:15:27,360
saab kasutada on kasutajad suhelda ja
esitavad meie veebilehel.

348
00:15:27,360 --> 00:15:29,620
>> Viimane kommentaar enne kui me
liikuda edasi mõne teise sildid

349
00:15:29,620 --> 00:15:32,040
on heita pilk selle
input tag veel üks kord.

350
00:15:32,040 --> 00:15:35,760
Pane tähele, et ma olen rõhutanud
otsad sildi punane.

351
00:15:35,760 --> 00:15:39,390
Iga teine ​​tag oleme näinud siiani on
oli algus ja lõpp, ava

352
00:15:39,390 --> 00:15:41,030
tag ja lõpusildiga.

353
00:15:41,030 --> 00:15:42,520
>> Aga sisend tag ei ​​ole.

354
00:15:42,520 --> 00:15:46,860
Pole teksti, mis läheb
vahel sisend sildid.

355
00:15:46,860 --> 00:15:49,160
Kõik info
me kavatsevad edasi

356
00:15:49,160 --> 00:15:52,640
pool seotud osana
atribuudid et sisend.

357
00:15:52,640 --> 00:15:54,690
Pange tähele, meil on sisend nimi võrdub x.

358
00:15:54,690 --> 00:15:55,580
Tüüp võrdub y.

359
00:15:55,580 --> 00:15:57,660
See on tõesti kõiki
informatsiooni me vajame.

360
00:15:57,660 --> 00:15:59,470
>> Seda nimetatakse ise lõpusildiga.

361
00:15:59,470 --> 00:16:02,470
See ei nõua ava- ja
tihe, sest kogu teave

362
00:16:02,470 --> 00:16:04,974
sisaldub sees
tag ja selle omadusi.

363
00:16:04,974 --> 00:16:06,390
Nii et mõnikord näete seda ka.

364
00:16:06,390 --> 00:16:10,400
Nii lihtsalt olema teadlik, et kui teil on
tag, mis on täiesti iseseisev,

365
00:16:10,400 --> 00:16:14,170
see avab ja sulgeb end
Avatud nurksulu vasakul

366
00:16:14,170 --> 00:16:17,000
ja kaldkriips nurk
klambri õigus.

367
00:16:17,000 --> 00:16:20,580
Me näeme veel üks neist
kohe koos pildi siltide samuti.

368
00:16:20,580 --> 00:16:23,300
>> Enne kui me räägime pilte, me
vaja rääkida linke.

369
00:16:23,300 --> 00:16:26,080
Kui me tahame, et meie veebilehel olla
interaktiivne ja liikuda meie ümber,

370
00:16:26,080 --> 00:16:28,121
oleks tore oleks võimalik
klikkima üks neist

371
00:16:28,121 --> 00:16:30,190
Mis on tavaliselt olnud sinine link.

372
00:16:30,190 --> 00:16:34,440
See on tegelikult, kuidas me ehitame
hüperlink meie veebilehel.

373
00:16:34,440 --> 00:16:36,540
Ja huvitaval kombel
seal on teine ​​HTML tag

374
00:16:36,540 --> 00:16:39,000
nimetatakse link, mis ei ole hüperlingi.

375
00:16:39,000 --> 00:16:44,130
Siin seisab ankur, ja
see, kuidas me näitavad hüperlingi.

376
00:16:44,130 --> 00:16:49,150
>> Href võrdub x vahenditega minna
veebilehe X. Ja kõike

377
00:16:49,150 --> 00:16:51,580
vahel avatud silt
ja sulgeda tag

378
00:16:51,580 --> 00:16:56,010
on see, mis saab olema, et joonitud
sinine tekst, mis näeb välja nagu link

379
00:16:56,010 --> 00:16:57,590
et me oleme tuttavad.

380
00:16:57,590 --> 00:17:01,660
Allpool, et meil on pilt tag, mis
on ise lõpusilt väljapanek

381
00:17:01,660 --> 00:17:05,599
pilt asub X. Ja
sa võiksid muuta

382
00:17:05,599 --> 00:17:08,280
et pilt määrates
laius ja kõrgus

383
00:17:08,280 --> 00:17:11,640
ja muud atribuudid
et dot dot dot seal.

384
00:17:11,640 --> 00:17:14,260
>> Kõige all siin
meil on väga huvitav

385
00:17:14,260 --> 00:17:16,170
otsin tag, mis ei ole
on lõpusildiga.

386
00:17:16,170 --> 00:17:19,410
See on hüüumärk doctype HTML.

387
00:17:19,410 --> 00:17:23,300
Nii HTML on olnud umbes alates
1990ndate alguses ehitada veebilehti,

388
00:17:23,300 --> 00:17:25,859
ja see on läinud läbinud
mitu parandusi ajast.

389
00:17:25,859 --> 00:17:28,550
Viimasel aastal 2014
see läbis läbivaatamist

390
00:17:28,550 --> 00:17:33,440
nimetatakse HTML5, mis on nüüd praeguse
omamoodi de facto HTML standard.

391
00:17:33,440 --> 00:17:36,730
>> Et näidata, et meie veebis
lehed on kirjutatud kasutades HTML5,

392
00:17:36,730 --> 00:17:38,160
see, kuidas me alustad.

393
00:17:38,160 --> 00:17:40,380
See võib ära jätta, kuid
mida see põhimõtteliselt

394
00:17:40,380 --> 00:17:45,930
vahendid on te ei saa kasutada kõiki silte
mis on HTML5 sildid, need uued sildid.

395
00:17:45,930 --> 00:17:48,591
Nii et me alati alustad
Kui me kasutame HTML5.

396
00:17:48,591 --> 00:17:51,340
Ja kõik sildid me rääkisime
Varem ei ole HTML5 sildid.

397
00:17:51,340 --> 00:17:55,470
Aga see näitab, et
HTML5 sildid on kohal.

398
00:17:55,470 --> 00:17:58,400
Ja nii on meil hüüatus
doctype HTML, mis

399
00:17:58,400 --> 00:18:01,280
on algusest peale meie
HTML fail ja siis pärast, et punkti

400
00:18:01,280 --> 00:18:04,930
meil tegelikult on meie HTML avatud
sildistamine ja jätkata sealt.

401
00:18:04,930 --> 00:18:10,050
>> Viimane on kommentaarimärgendit,
mis näeb välja veidi erinevad ka.

402
00:18:10,050 --> 00:18:12,810
See hakkab liikuma nurk
sulg hüüatus kriips

403
00:18:12,810 --> 00:18:15,220
kriips kuid ei sulgemise sulg.

404
00:18:15,220 --> 00:18:20,150
Vahel need kaks elementi on
on koht, kus sa kirjutad oma kommentaarid.

405
00:18:20,150 --> 00:18:28,420
Ja võtame pilk pildid
ja kommentaarid ja lingid CS50 IDE.

406
00:18:28,420 --> 00:18:32,850
>> Nii et mul on siin olemas fail pildi link
dot HTML mida ma avada.

407
00:18:32,850 --> 00:18:36,420
Ja teate, mul on paar
Kommentaarid Siin minu HTML kommentaarid.

408
00:18:36,420 --> 00:18:38,990
Nii nagu ka C ja muud
programmeerimiskeeli,

409
00:18:38,990 --> 00:18:43,169
HTML lihtsalt on märgistuskeel
temal on võime omada kommentaarid.

410
00:18:43,169 --> 00:18:45,710
Ja nii ma ilmselt läheb
pane pilt Rick Astley

411
00:18:45,710 --> 00:18:49,060
kuskil see div
tag, see meelevaldne jaotus.

412
00:18:49,060 --> 00:18:51,497
Ilmselt see fail on
asub Rick dot JPEG, mis

413
00:18:51,497 --> 00:18:53,580
kui me pea tagasi üle
minu failipuuks teist,

414
00:18:53,580 --> 00:18:55,490
on fail, mis eksisteerib
aktiivse kataloogi.

415
00:18:55,490 --> 00:18:56,031
Nii et pole hullu.

416
00:18:56,031 --> 00:18:57,710
Ma ei viide ta.

417
00:18:57,710 --> 00:18:59,680
>> Siis saan sisemisi linke.

418
00:18:59,680 --> 00:19:05,080
Nii märkate real 11 siin
minu href on hello dot HTML.

419
00:19:05,080 --> 00:19:09,050
Nii et lihtsalt viitab hello dot HTML
mis eksisteerib praeguse kataloogi.

420
00:19:09,050 --> 00:19:12,980
Ja ma ei saa ka välise
lingid, mida just täpsustatakse HTTPS

421
00:19:12,980 --> 00:19:16,180
mis näitab, et ma ei räägi
umbes faili minu praeguse kataloogi.

422
00:19:16,180 --> 00:19:19,730
Ma räägin faili, mis on olemas
kuskil internetis, mis mul on

423
00:19:19,730 --> 00:19:23,370
nõuda kasutades HTTP protokolli.

424
00:19:23,370 --> 00:19:25,990
>> Võtame pilk
see leht tunduda

425
00:19:25,990 --> 00:19:29,500
ja saada valmis pilt Rick
Astley näidata üles oma ekraanil.

426
00:19:29,500 --> 00:19:31,490
Nii et ma eelvaadet.

427
00:19:31,490 --> 00:19:33,800
Seal on Rick Astley juures
väga top selles meelevaldne

428
00:19:33,800 --> 00:19:35,008
jagunemine panin selle tipus.

429
00:19:35,008 --> 00:19:36,960
Ja siis allapoole ma
on minu lingid, eks?

430
00:19:36,960 --> 00:19:39,330
>> Mul on link hello dot HTML.

431
00:19:39,330 --> 00:19:42,860
Ja kui ma vajutan, et ma saan
üle läinud see leht

432
00:19:42,860 --> 00:19:47,050
et me oleme väga tuttav alates
Algusest meie programmi.

433
00:19:47,050 --> 00:19:50,880
Kui ma pop sellele lehele taas avatud, kui ma
pop pildi link avada veel üks kord,

434
00:19:50,880 --> 00:19:54,420
Võin ka minna väliselt
et CS50 veebisaidil.

435
00:19:54,420 --> 00:19:56,740
Ja seal me see-- ma tulen
suumimiseks natuke siin--

436
00:19:56,740 --> 00:20:00,260
me näeme CS50 veebilehte omamoodi
varjatud keset meie lehel.

437
00:20:00,260 --> 00:20:04,670
Nii et ma ei suutnud teha sisemiste
viitavad samuti välise link.

438
00:20:04,670 --> 00:20:07,200
>> Viimane reegel HTML et
me ei kavatse siin rääkida

439
00:20:07,200 --> 00:20:09,510
on see, et teie HTML peaks olema hästi arenenud.

440
00:20:09,510 --> 00:20:13,020
In C oleme palju rääkinud
erinevate süntaks asju.

441
00:20:13,020 --> 00:20:17,650
HTML süntaksi tõesti
keerleb sildid.

442
00:20:17,650 --> 00:20:19,660
Iga tag avad tuleb sulgeda.

443
00:20:19,660 --> 00:20:22,630
Ja tegelikult, iga sildi avate
tuleks sulgeda vastupidises järjekorras.

444
00:20:22,630 --> 00:20:25,790
>> Nii et kui avate julge tag, mis on italic
tag, ja siis joonitud silt

445
00:20:25,790 --> 00:20:28,120
tegema kõik kolm kuni
teatav hulk teksti,

446
00:20:28,120 --> 00:20:30,070
siis tuleb need sulgeda vastupidises järjekorras.

447
00:20:30,070 --> 00:20:32,270
Nii et kui sa avada julge,
italic, rõhutavad, siis

448
00:20:32,270 --> 00:20:35,240
soovite sulgeda rõhutada, italic, julge.

449
00:20:35,240 --> 00:20:39,990
Selline ümbrisesse, mida
hoiab HTML kena ja organiseeritud.

450
00:20:39,990 --> 00:20:44,370
>> Erinevalt C, aga süntaksi vigu ei tee
sandistab oma HTML-olla.

451
00:20:44,370 --> 00:20:48,730
Sinu HTML ei pruugi olla hästi
moodustatud, kuid ikkagi töötab.

452
00:20:48,730 --> 00:20:50,589
Ja nii need vead
saab järjestada slide poolt.

453
00:20:50,589 --> 00:20:52,130
See on kuni teil tõesti olema valvas.

454
00:20:52,130 --> 00:20:54,760
Vahel nad ei suuda aga
Mõnikord ei pääse ta.

455
00:20:54,760 --> 00:20:56,509
>> See võib olla tegelikult
raske ülesanne, kuigi

456
00:20:56,509 --> 00:21:00,660
jälgida, kui avasite
silt, kui suletud see,

457
00:21:00,660 --> 00:21:04,110
eriti kui teie HTML
Failide saada suuremaks.

458
00:21:04,110 --> 00:21:05,490
Sa tahad veidi abi.

459
00:21:05,490 --> 00:21:07,560
Ja on online
validator tööriistu, mida

460
00:21:07,560 --> 00:21:11,474
saab kasutada on pilk oma veebilehitseja
lehele ja vaata, kas see on hästi arenenud HTML.

461
00:21:11,474 --> 00:21:13,390
Ja mida sa peaksid kindlasti
vaatleme neid

462
00:21:13,390 --> 00:21:16,620
ja hakata kasutama neid kui
alustada tehes mõned tööd HTML,

463
00:21:16,620 --> 00:21:20,800
kirjalikult HTML, just nii saad
mõned head harjumused korraldamisest

464
00:21:20,800 --> 00:21:24,377
HTML heas mõttes ja
hea stiili ja hoolitsedes

465
00:21:24,377 --> 00:21:27,210
et sa ei tee midagi, et
võiks luua süntaksi viga, mis

466
00:21:27,210 --> 00:21:30,270
põhjustaks sulle natuke
probleem mööda teed.

467
00:21:30,270 --> 00:21:31,190
>> Ma olen Doug Lloyd.

468
00:21:31,190 --> 00:21:33,450
See on CS50.

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