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

2
00:00:06,100 --> 00:00:08,790
>> DOUG LLOYD: Do ni pasigis
about-- se mia math pravas,

3
00:00:08,790 --> 00:00:11,900
Kaj mi kredas rigardante back-- mi pensas
ni pasigis ĉirkaŭ 35 filmetoj parolanta

4
00:00:11,900 --> 00:00:15,139
pri diversaj aspektoj de C, eble
iom pli, eble iom malpli.

5
00:00:15,139 --> 00:00:16,930
Kaj ni ne kovris
ĉio en C, sed ni

6
00:00:16,930 --> 00:00:21,170
kovras grandan parton de la
lingvo, la vasta plimulto de ĝi,

7
00:00:21,170 --> 00:00:22,882
certe por komunaj uzoj.

8
00:00:22,882 --> 00:00:25,090
Nun ni iras por paroli
pri alia lingvo, HTML.

9
00:00:25,090 --> 00:00:28,180
Kaj ni tuj kovros
ĝin en nur unu video.

10
00:00:28,180 --> 00:00:29,340
>> Sed tio tuj estos OK.

11
00:00:29,340 --> 00:00:31,410
Tio tuj vere fariĝis
io vi tuj kutimi nin.

12
00:00:31,410 --> 00:00:33,535
Nun ke vi havas la
fundamentaĵoj de unu lingvo

13
00:00:33,535 --> 00:00:35,776
ĝi estas fakte sufiĉe facila
komenci lerni aliajn.

14
00:00:35,776 --> 00:00:37,650
Do ni tuj komencos
paŝi iom reen

15
00:00:37,650 --> 00:00:43,340
kaj forgliti super la baza
diferencoj inter ĉi tiuj lingvoj

16
00:00:43,340 --> 00:00:45,750
kaj ia forlasos vin.

17
00:00:45,750 --> 00:00:48,530
Ekzistas multe da vere granda
rimedoj en la interreto, kiu

18
00:00:48,530 --> 00:00:51,279
ni tuj komenci direktanta vin
al ĉar la interreto estas

19
00:00:51,279 --> 00:00:53,340
vasta deponejo de informoj.

20
00:00:53,340 --> 00:00:55,960
Kaj tiel ĝi ne estas kiel vi instruos vin
esti perdanta ekstere nepre

21
00:00:55,960 --> 00:00:58,349
por ne havi la informon
kovrita en video.

22
00:00:58,349 --> 00:01:00,640
Vi ankoraŭ povos akiri
ĉio vi bezonas kaj uzo

23
00:01:00,640 --> 00:01:03,590
la scio vi jam
konstruite per prudento C

24
00:01:03,590 --> 00:01:07,130
fari la lernado kurbo por tiuj
aliaj lingvoj fakte multe pli plata.

25
00:01:07,130 --> 00:01:08,640
Mi promesas.

26
00:01:08,640 --> 00:01:12,770
>> Sed ni parolu pri unu lingvo
tio estas vere fundamentaj por ĉiu ttt

27
00:01:12,770 --> 00:01:14,830
paĝo, kiu estas HTML.

28
00:01:14,830 --> 00:01:18,230
HTML estas la Hyper Teksto Markup Lingvo.

29
00:01:18,230 --> 00:01:22,700
HTML estas lingvo sed estas
ne programlingvo.

30
00:01:22,700 --> 00:01:23,900
>> HTML ne havas variabloj.

31
00:01:23,900 --> 00:01:26,430
Ĝi ne havas logikon aŭ
funkcioj aŭ io simila.

32
00:01:26,430 --> 00:01:30,301
Ni nenion povas fari
programado per si en HTML.

33
00:01:30,301 --> 00:01:32,300
Foje vi aŭdos
personoj priskribi sin

34
00:01:32,300 --> 00:01:35,710
kiel HTML programistoj, kiuj
estas ne tute preciza.

35
00:01:35,710 --> 00:01:37,980
Ni ne povas skribi HTML programoj.

36
00:01:37,980 --> 00:01:40,770
>> HTML estas nur uzita por marki supren teksto.

37
00:01:40,770 --> 00:01:42,690
Ĝi nomiĝas markaĵojn.

38
00:01:42,690 --> 00:01:47,680
Kaj kion tio does-- ĉi markup--
ni uzu etikedoj en HTML kaj tiuj tags--

39
00:01:47,680 --> 00:01:51,600
ĉi markup-- semantike
difinas la strukturon de artikolo

40
00:01:51,600 --> 00:01:55,280
kaj kaŭzas la tekstaj kiujn
ekzistas inter etikedoj esti interpretita

41
00:01:55,280 --> 00:01:57,320
per retumiloj en malsamaj manieroj.

42
00:01:57,320 --> 00:02:00,370
Kaj eble ĝi estas bona por klarigi
ĉi pere de ilustrado.

43
00:02:00,370 --> 00:02:06,450
>> Jen tre simpla HTML-paĝo, ne
HTML programo, denove, HTMLa paĝo.

44
00:02:06,450 --> 00:02:08,680
Kaj ni scias ĝi estas
HTML-paĝo ĉar ni

45
00:02:08,680 --> 00:02:11,480
saltita ĉiu kun HTML etikedoj.

46
00:02:11,480 --> 00:02:13,850
Do jen kion HTML etikedo aspektas.

47
00:02:13,850 --> 00:02:15,870
Ĝi estas inter angulajn krampojn.

48
00:02:15,870 --> 00:02:18,570
Kaj rimarki supre ni havas
HTML kaj je la tre fundo,

49
00:02:18,570 --> 00:02:21,400
post ni faris kio estas
ŝajne multaj aliaj HTML,

50
00:02:21,400 --> 00:02:24,310
ni havas angulon krampo oblikvo HTML.

51
00:02:24,310 --> 00:02:29,262
Do tia estas la rando
inter kio estas HTML kaj kio ne.

52
00:02:29,262 --> 00:02:32,220
Kaj kompreneble, konvencie, ĵus
kiel vi skribis ĉiujn viajn C programoj

53
00:02:32,220 --> 00:02:35,300
kun skalara C etendoj,
ĉiuj viajn HTML dosierojn

54
00:02:35,300 --> 00:02:37,909
finos kun skalara HTML etendoj.

55
00:02:37,909 --> 00:02:39,200
Sed estas pli okazas ĉi tie.

56
00:02:39,200 --> 00:02:40,658
Ni ne nur devas tiujn etikedojn.

57
00:02:40,658 --> 00:02:44,010
Ni ŝajne havas tiun
afero nomita kapo etikedo.

58
00:02:44,010 --> 00:02:46,010
Nu, bone, kio estas tio?

59
00:02:46,010 --> 00:02:48,550
>> Nu eble estas plej bone
distingi pere de korpo,

60
00:02:48,550 --> 00:02:50,590
korpo estanta la enhavo de la TTT-paĝo.

61
00:02:50,590 --> 00:02:55,860
Do eble la kapo etikedo difinas havajxoj
kiu ne estas en la retumilo fenestro konvena,

62
00:02:55,860 --> 00:02:59,410
sed estas iel grava al nia
retpaĝo pruntante korekte.

63
00:02:59,410 --> 00:03:02,490
Ekzemple, ene de la
kapo etikedo ni havas titolon etikedoj.

64
00:03:02,490 --> 00:03:05,500
>> Do titolo estanta saluton mondo,
kiu estas reale tuj estos kio

65
00:03:05,500 --> 00:03:08,797
aperas en la pestaña de Chrome
aŭ en safaro aŭ Firefox--

66
00:03:08,797 --> 00:03:11,880
ajn retumilo vi prefer-- tio
kio okazas al manifestacio en la titolo.

67
00:03:11,880 --> 00:03:14,800
Kaj antaŭ langetoj ĝi montrus
supren en via tuta retumilo fenestro

68
00:03:14,800 --> 00:03:19,710
kaj vi povas nur havi unu paĝo
malfermu en retumilo fenestro samtempe.

69
00:03:19,710 --> 00:03:22,160
Por ke tuj estos la
titolo de mia paĝo en la langeto

70
00:03:22,160 --> 00:03:24,600
aŭ la browser fenestro trinkejo, saluton mondo.

71
00:03:24,600 --> 00:03:28,611
Kaj tiam la enhavo de mia
retpaĝo estos mondo, saluton.

72
00:03:28,611 --> 00:03:31,360
Do ni rigardu kion iuj
io tia povus aspekti.

73
00:03:31,360 --> 00:03:33,210
Jen sufiĉe simpla HTML-paĝo.

74
00:03:33,210 --> 00:03:35,970
Do mi estas ĉi tie en mia CS50 IDE kaj
Mi zomis en iomete.

75
00:03:35,970 --> 00:03:38,290
Kaj mi simple tuj
malfermu saluton skalara HTML

76
00:03:38,290 --> 00:03:42,000
kaj montri al vi ke tiu estas preskaux
la pagxo de enhavo kiun ni vidis antaŭe.

77
00:03:42,000 --> 00:03:45,240
Mia simpla HTML, kapo etikedoj,
titolo etikedoj, korpo, kaj tiel plu.

78
00:03:45,240 --> 00:03:47,320
Mi dentado esti pura.

79
00:03:47,320 --> 00:03:51,530
>> Kaj tiam kion mi povas fari en mia
IDE estas nur antaŭrigardi la paĝo.

80
00:03:51,530 --> 00:03:52,630
Kaj tie ni iru.

81
00:03:52,630 --> 00:03:56,070
La enhavo de mia paĝo estas mondo,
saluton, mi ne vidas ion

82
00:03:56,070 --> 00:03:58,500
el la kapo etikedoj tie.

83
00:03:58,500 --> 00:03:59,980
Estas nur la enhavon de la korpo.

84
00:03:59,980 --> 00:04:00,780
Mondo, saluton.

85
00:04:00,780 --> 00:04:03,700
Kaj denove la korpo nur
diris, mondo, saluton.

86
00:04:03,700 --> 00:04:06,160
La alia parto mankas.

87
00:04:06,160 --> 00:04:07,610
>> Do jen vere ĉiuj estas.

88
00:04:07,610 --> 00:04:11,370
Tio estas tre simpla baza HTML-paĝo.

89
00:04:11,370 --> 00:04:14,280
Nun mi dentado mia HTML por
esti vere bela kaj organizita,

90
00:04:14,280 --> 00:04:15,840
sed mi ne vere devas.

91
00:04:15,840 --> 00:04:17,959
Mi povus fari ĝin rigardi bela malbela.

92
00:04:17,959 --> 00:04:19,467
Kaj tio estus ankoraŭ funkcios.

93
00:04:19,467 --> 00:04:21,050
Ĉi tiu estus la ĝusta sama retpaĝo.

94
00:04:21,050 --> 00:04:23,100
Mi ĵus liveris de
ĉiuj la blanka spaco.

95
00:04:23,100 --> 00:04:24,820
>> Kiel ĝi rezultas, blanka spaco estas datumoj.

96
00:04:24,820 --> 00:04:28,540
Kaj tial kiam ni sendas datumojn de
sendinto al ricevilo, de servilo

97
00:04:28,540 --> 00:04:30,670
al kliento, datumoj kostas monon.

98
00:04:30,670 --> 00:04:34,460
Kaj tiel liverante de spaceto
estas fakte bona ideo

99
00:04:34,460 --> 00:04:37,320
se vi estas iu kiu servas
supren multajn ttt enhavo.

100
00:04:37,320 --> 00:04:39,820
Estas malbona ideo se vi estas
iu kiu estas lernanta ĉi stuff

101
00:04:39,820 --> 00:04:41,528
kaj vi volas havi
ĝi bele organizita.

102
00:04:41,528 --> 00:04:43,810
Tiu estas multe pli facile analizi ol tiu.

103
00:04:43,810 --> 00:04:45,540
Sed estas funkcie identaj.

104
00:04:45,540 --> 00:04:48,720
>> La deŝovon kaj da tio
fakte ne gravas en HTML.

105
00:04:48,720 --> 00:04:53,634
Ĉiuj ke aferoj estas malfermanta etikedoj kaj
fermante etikedoj en la ĝusta ordo.

106
00:04:53,634 --> 00:04:55,050
Rimarku kio okazis tie, kvankam.

107
00:04:55,050 --> 00:04:58,450
La markado donas al ni metodon
komuniki ekstra informo

108
00:04:58,450 --> 00:04:59,940
pri kio ni skribis.

109
00:04:59,940 --> 00:05:03,130
La Halo, Unua parto estis
interpretitaj kiel la titolo.

110
00:05:03,130 --> 00:05:06,410
Kaj la mondo, saluton parto estis
interpretitaj kiel la enhavo

111
00:05:06,410 --> 00:05:09,090
aŭ kio devus esti
videbla sur mia retpaĝo.

112
00:05:09,090 --> 00:05:12,167
>> Ekzistas super 100 el tiuj malsamaj
etikedoj kaj multaj grandaj rimedoj

113
00:05:12,167 --> 00:05:13,000
rete trovi ilin.

114
00:05:13,000 --> 00:05:14,900
Ni tuj paroli pri
kelkaj el ili en tiu video, iuj

115
00:05:14,900 --> 00:05:16,440
de la vere fundamentaj aĵoj.

116
00:05:16,440 --> 00:05:18,440
Sed ni ne tuj diskuto
pri ĉio ĉar

117
00:05:18,440 --> 00:05:20,250
estus ĝisfunda fari tion.

118
00:05:20,250 --> 00:05:22,880
>> Alia afero vi povas fari, kvankam,
estas malfermi programisto iloj.

119
00:05:22,880 --> 00:05:26,069
Kaj se vi memoras de
niaj filmetoj sur HTTP,

120
00:05:26,069 --> 00:05:27,860
Mi klarigis kiel malfermi
supren programisto iloj.

121
00:05:27,860 --> 00:05:32,020
En Chrome estas kutime la F12 klavo
malfermiĝi la ellaboranto toolbar.

122
00:05:32,020 --> 00:05:35,909
Tiam anstataux elekti la Reto
langeto, vi povas elekti la Elementoj langeto.

123
00:05:35,909 --> 00:05:37,700
Kaj se vi ŝarĝi retejo
paĝo, vi vere

124
00:05:37,700 --> 00:05:40,280
vidu la HTML kiu kreas ke retpaĝo.

125
00:05:40,280 --> 00:05:44,090
Kaj tiel vi povas lerni multon pri HTML
rigardante viaj preferataj retejoj

126
00:05:44,090 --> 00:05:48,474
kaj vidante kiel ili konstruu la
diversaj pecoj de kiuj vi ŝatas.

127
00:05:48,474 --> 00:05:50,890
Do eble tie estas tiu malvarmeta
ŝablono aŭ iel simile.

128
00:05:50,890 --> 00:05:52,140
Kiel ili faras ĝin kun HTML?

129
00:05:52,140 --> 00:05:55,630
Nu vi povas simple malfermu vian ellaboranto
iloj kaj ŝvebado super tiu ero

130
00:05:55,630 --> 00:05:57,700
kaj vidi ĝuste kio HTML faras ĝin.

131
00:05:57,700 --> 00:05:59,450
Do tio estas vere
Bona maniero por lerni HTML,

132
00:05:59,450 --> 00:06:02,330
kaj mi forte rekomendas ke
vi faras ĝin ambaŭ lerni HTML

133
00:06:02,330 --> 00:06:04,930
kaj ankaŭ lerni iom
iom pri kelkaj el la ebloj

134
00:06:04,930 --> 00:06:07,050
disponeblaj al vi en
programisto iloj, kiujn

135
00:06:07,050 --> 00:06:10,200
certe eniros oportunan kiel
vi komencas faranta pli intensivaj retejo

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

137
00:06:11,090 --> 00:06:14,080
>> Do ni rigardu kiel
kelkaj komunaj HTML etikedoj.

138
00:06:14,080 --> 00:06:17,210
Kaj ni saltas kaj rigardu
kion tiuj etikedoj ankaŭ redonu

139
00:06:17,210 --> 00:06:20,490
kiel rigardante iuj dosieroj en mia IDE.

140
00:06:20,490 --> 00:06:26,330
Do tie estas tri tre baza etikedojn por
tweaking la vida aspekto de teksto.

141
00:06:26,330 --> 00:06:29,050
Ekzistas B etikedoj, mi etikedoj, kaj U etikedoj.

142
00:06:29,050 --> 00:06:33,170
Kaj respektive kion ili faras estas
redonu la tekston inter ilin en negrita,

143
00:06:33,170 --> 00:06:35,430
kursivo, kaj substrekita.

144
00:06:35,430 --> 00:06:40,430
Do ni vidu kion tio aspektus
kiel en reala retpaĝo en mia IDE.

145
00:06:40,430 --> 00:06:43,390
>> Do jen mia IDE Mi havas
dosiero nomata BIU skalara HTML.

146
00:06:43,390 --> 00:06:46,770
BIU skalara HTML nur esti
aŭdaca, kursivo, substrekita.

147
00:06:46,770 --> 00:06:47,830
Mi malfermos ĝin.

148
00:06:47,830 --> 00:06:51,810
>> Kaj ni vidos, ke tie mi
havas ĉi teksto B etikedoj grasaj.

149
00:06:51,810 --> 00:06:54,010
Tiu teksto mi etikedoj kursiva.

150
00:06:54,010 --> 00:06:56,307
Kaj ĉi teksto U etikedoj emfazita.

151
00:06:56,307 --> 00:06:57,640
Kio estas ĉi tuj aspektas?

152
00:06:57,640 --> 00:06:59,473
Nu denove, ĉiuj mi havas
fari estas iri super ĉi tie

153
00:06:59,473 --> 00:07:04,690
al mia retumilo, mian dosieron retumilo, klaku
Antaŭvido, kaj tiu estas kio venas supren.

154
00:07:04,690 --> 00:07:07,520
>> La teksto en inter la B
etikedoj ja estas nun grasaj.

155
00:07:07,520 --> 00:07:10,720
La teksto en inter la I
etikedoj ja estas nun kursiva.

156
00:07:10,720 --> 00:07:14,634
Kaj la teksto en inter la U
-etikedoj ja nun substrekita.

157
00:07:14,634 --> 00:07:15,550
Tiel ke estas sufiĉe bonaj.

158
00:07:15,550 --> 00:07:18,450
Ni nun scias kiel fari tekston
rigardi iom pli imago

159
00:07:18,450 --> 00:07:20,360
aŭ desegni emfazo al certaj aferoj.

160
00:07:20,360 --> 00:07:25,530
Alia paro de komuna etikedoj tie estas
paragrafo etikedoj, P, kaj kaplinio etikedoj,

161
00:07:25,530 --> 00:07:27,980
kiun mi sendadis tie kiel HX.

162
00:07:27,980 --> 00:07:32,520
>> Tiuj P-etikedoj, tiuj paragrafo etikedoj,
rompi vian tekston sur alineoj.

163
00:07:32,520 --> 00:07:34,646
Ĝi ne estas sufiĉe nur
batis Enter kaj lasi spacojn,

164
00:07:34,646 --> 00:07:37,186
ĉar komputilo estas nur iranta
faru kion vi diros ĝin fari

165
00:07:37,186 --> 00:07:39,450
kaj ignoras blanka
spaco por la plej parto.

166
00:07:39,450 --> 00:07:41,636
Do ni ne povas simple batis eniri
kaj atendi nian komputilon

167
00:07:41,636 --> 00:07:43,760
interpreti ke ni volas
komenci novan alineon.

168
00:07:43,760 --> 00:07:47,670
Ni devas tre eksplicite diras tion
Estas unu paragraph-- ĉi estas another--

169
00:07:47,670 --> 00:07:50,740
per enmetanta ĉiu en aro de P etikedoj.

170
00:07:50,740 --> 00:07:54,560
>> Kaj ni ankaŭ havas tiuj ebloj
por H-etikedoj, tiuj header etikedoj.

171
00:07:54,560 --> 00:07:57,000
Ni havas ses malsamaj niveloj
de kaplinioj, unu, du, tri,

172
00:07:57,000 --> 00:08:01,110
kvar, kvin, ses, kiuj estas
laŭstadie pli kaj pli grandaj

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

174
00:08:01,710 --> 00:08:04,360
Kaj ili akiras pli malgranda kaj
pli kaj pli malgranda kaj pli malgranda.

175
00:08:04,360 --> 00:08:07,690
Do ni havas pinta nivelo kaplinion, dua
nivelo kaplinio, kaj tiel plu, kaj tiel plu.

176
00:08:07,690 --> 00:08:10,480
>> Ni rigardu eble iuj
P etikedoj kaj kelkaj header etikedoj

177
00:08:10,480 --> 00:08:13,110
en ago en retpaĝo.

178
00:08:13,110 --> 00:08:18,180
Do jen mia IDE mi havas dosieron nomatan
PH skalara HTML, PH esti alineoj

179
00:08:18,180 --> 00:08:18,970
kaj header etikedoj.

180
00:08:18,970 --> 00:08:20,709
Malfermu ke ĝis.

181
00:08:20,709 --> 00:08:23,000
Estas multe okazas tie
ĉar mi metis kelkaj Lorem

182
00:08:23,000 --> 00:08:24,660
ipsum, kelkaj nur hazarda teksto en ĉi tie.

183
00:08:24,660 --> 00:08:27,284
Do mi malzomi iomete
ĉar tie estas tiom da daŭriganta.

184
00:08:27,284 --> 00:08:31,980
Sed rimarki ke mi havas ĉe la
pinti tie Mi havas H1, ebenaĵo,

185
00:08:31,980 --> 00:08:32,802
kaplinio etikedo.

186
00:08:32,802 --> 00:08:36,010
Tiam mi havas paragrafo, kiu estas nur
faskon de hazarda text-- Lorem ipsum--

187
00:08:36,010 --> 00:08:38,720
nur default norma plenigaĵo en teksto.

188
00:08:38,720 --> 00:08:41,970
Do mi havas du alineojn ene de tiu
ebenaĵo kaplinio kaj tiam malsupren sub mi

189
00:08:41,970 --> 00:08:46,850
havas nivelon du kaplinio tie sur linio 24,
dua nivelo kaplinio, kaj alia du

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

191
00:08:47,840 --> 00:08:51,910
Nu kion signifas ĉi aspekti
se mi ĝin vidi en mia antaŭvido?

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

193
00:08:53,790 --> 00:08:55,730
>> Do rimarki ke la
unua nivelo kaplinio tie

194
00:08:55,730 --> 00:08:58,420
estas fakte sufiĉe granda
ol la dua nivelo kaplinio.

195
00:08:58,420 --> 00:08:59,940
Do ni uzis H1 etikedoj.

196
00:08:59,940 --> 00:09:03,820
Kaj rimarki ke la P-etikedoj permesas nin
rompi aferojn en alineoj.

197
00:09:03,820 --> 00:09:07,500
Se ni akiris liverita de tiuj P etikedoj
kaj fakte ĝuste meti Eniras aŭ Revenoj

198
00:09:07,500 --> 00:09:10,110
intere kion ni esperis
esti la malsamaj alineoj,

199
00:09:10,110 --> 00:09:13,193
ili ĉiuj nur bati kune kaj
ĝi ne havus tiun belan paragrafo

200
00:09:13,193 --> 00:09:15,840
disiĝo kun spaco supre kaj sube.

201
00:09:15,840 --> 00:09:18,300
Kaj por ke-a kio paragrafo
etikedoj kaj header etikedoj

202
00:09:18,300 --> 00:09:22,440
estas komune uzita por fari desegni
atenton al partoj de nia retpaĝo

203
00:09:22,440 --> 00:09:23,550
en tiu vojo.

204
00:09:23,550 --> 00:09:27,560
>> Poste supre estas kelkaj etikedoj, kiujn ni uzas
konstrui listoj sur nia retpaĝo.

205
00:09:27,560 --> 00:09:30,820
Do ni havas neordigitaj
lists-- ULs-- kiu estas nur

206
00:09:30,820 --> 00:09:34,090
bula lertaj, ordigitaj
lerta kiu estas numbered--

207
00:09:34,090 --> 00:09:37,680
OLs-- kaj interne de ĉu
unu el tiuj ni bezonas havi

208
00:09:37,680 --> 00:09:40,600
aroj de kiel indiki listeroj, LI.

209
00:09:40,600 --> 00:09:44,370
Kaj do ni havas malfermitaj UL etikedo
kaj ni metas artikolojn ene de ĝi.

210
00:09:44,370 --> 00:09:46,920
Kaj poste kiam ni faris kun
tio, ni povas fermi la UL etikedo.

211
00:09:46,920 --> 00:09:49,850
>> Kaj simile ni povas havi
ordigita kalkulebla listo

212
00:09:49,850 --> 00:09:51,560
kaj metis listeroj ene de tiu.

213
00:09:51,560 --> 00:09:53,350
Do ni rigardu
ĉe kelkaj listoj

214
00:09:53,350 --> 00:09:57,230
kaj kion ili deziris
redonu kiel sur CS50 IDE.

215
00:09:57,230 --> 00:10:00,640
Do mi havas ĉi tie en mia Ide a
dosiero nomata listoj dot HTML.

216
00:10:00,640 --> 00:10:03,100
Ni rigardu.

217
00:10:03,100 --> 00:10:08,482
>> Kaj rimarki tie mi havas neordigitan
listo kun kvin aferojn en ĝi.

218
00:10:08,482 --> 00:10:11,440
Kaj tiam mi havas ordigitan liston, kaj
Mi jam ŝanĝis la etikedo iomete,

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

220
00:10:11,939 --> 00:10:13,152
Mi jam diris komenco egalas ses.

221
00:10:13,152 --> 00:10:16,110
Rezultas kun ordigita listo mi
povas agordi la deirpunkto kien

222
00:10:16,110 --> 00:10:20,130
Mi want-- defaŭlte estos one--
per simple aldonante ĉi tn atributo

223
00:10:20,130 --> 00:10:21,190
al mia OL etikedo.

224
00:10:21,190 --> 00:10:23,572
Do tiu listo
komenci kalkulon je la sesa.

225
00:10:23,572 --> 00:10:26,780
Do la elementoj de tiu numerita listo
devus esti ses, sep, ok, naŭ, dek,

226
00:10:26,780 --> 00:10:29,930
ĉar ekzistas kvin elementoj
en la listo, kontraste al unu,

227
00:10:29,930 --> 00:10:33,770
du, tri, kvar, kvin, kiujn
estus la kazo se mi diris OL

228
00:10:33,770 --> 00:10:36,730
sen specifi la komenco atributo.

229
00:10:36,730 --> 00:10:41,594
>> Do ni simple antaŭrigardi ĉi tiel vi povas
akiri senton por kio okazas tie.

230
00:10:41,594 --> 00:10:42,260
Kaj tie ni iru.

231
00:10:42,260 --> 00:10:44,610
Tie estas mia lerta.

232
00:10:44,610 --> 00:10:47,810
La unuaj kvin elementoj estas
neordigitaj aŭ bula listo.

233
00:10:47,810 --> 00:10:51,010
Kaj la venontaj kvin elementoj
estas aparta ordigita listo

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

235
00:10:52,980 --> 00:10:56,247
Do jen kiel ni povas
konstrui listoj uzante HTML.

236
00:10:56,247 --> 00:10:58,080
Alia afero vi eble
volas fari kun HTML

237
00:10:58,080 --> 00:11:01,520
estas konstrui tablon de
informo de vicoj kaj kolumnoj

238
00:11:01,520 --> 00:11:04,560
prezenti informojn en
aparte organizita maniero.

239
00:11:04,560 --> 00:11:09,110
Por fari tion per HTML oni povas ricevi
tablo difino komencante malferma krampo

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

241
00:11:10,160 --> 00:11:14,680
Kaj tiam ene de tiu tabelo ni
havu aro de vicoj, TR etikedoj

242
00:11:14,680 --> 00:11:15,980
indiki ĉiu vico.

243
00:11:15,980 --> 00:11:22,510
Kaj tiam TD etikedoj iras ene de TR etikedoj
specifi kolumno ene vico.

244
00:11:22,510 --> 00:11:24,340
>> Kial oni nomis TD kaj ne Tc?

245
00:11:24,340 --> 00:11:25,940
Nu, TD signifas tablon datumoj.

246
00:11:25,940 --> 00:11:27,900
Kutime vi metas
via informo tie.

247
00:11:27,900 --> 00:11:29,440
Tial do ĝi estas TD kaj ne TC.

248
00:11:29,440 --> 00:11:31,140
Ĝi estas iomete konfuza.

249
00:11:31,140 --> 00:11:33,720
>> Do vi havas tablon etikedoj kaj
ene de via tablo etikedoj

250
00:11:33,720 --> 00:11:35,600
vi havas nombron de vicoj, TRS.

251
00:11:35,600 --> 00:11:40,030
Kaj ene de ĉiu vico vi havas
TDS por la nombro de kolumnoj

252
00:11:40,030 --> 00:11:42,880
ke vi volas havi
en tiu aparta vico.

253
00:11:42,880 --> 00:11:47,730
Ni rigardu tre
simpla tablo super en CS50 IDE.

254
00:11:47,730 --> 00:11:49,730
>> Do mi havas ĉi tie dosieron
nomata tablo skalara HTML.

255
00:11:49,730 --> 00:11:53,390
Ni rigardu
kion tio aspektas.

256
00:11:53,390 --> 00:11:56,225
Estas multe daŭriganta ĉi tie sed
se vi rimarkas Mi havas tablon malfermita.

257
00:11:56,225 --> 00:11:57,850
Mi komencas la difinon kun tablo.

258
00:11:57,850 --> 00:12:02,100
Kaj tiam en mia unua vico mi ŝajne
havas kvar kolumnojn, unu, du, tri,

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

260
00:12:02,660 --> 00:12:04,290
Kaj poste mi faris per tiu vico.

261
00:12:04,290 --> 00:12:07,750
>> Tiam mi komencas alian vicon kaj
fari du, kvar, ses, ok.

262
00:12:07,750 --> 00:12:08,850
Finu tiu vico.

263
00:12:08,850 --> 00:12:11,410
Ĉu alia vico, tri, ses, naŭ, 12.

264
00:12:11,410 --> 00:12:14,830
Kaj tiam lasta vico, kvar,
ok, 12, kaj kvankam ĝi estas

265
00:12:14,830 --> 00:12:16,560
iom detrancxis tie, 16.

266
00:12:16,560 --> 00:12:17,710
>> Mi finis ke vico.

267
00:12:17,710 --> 00:12:18,970
Mi finis la tablo.

268
00:12:18,970 --> 00:12:21,430
Kaj poste mi faris kun mia HTML.

269
00:12:21,430 --> 00:12:22,590
Kion tio aspektas?

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

271
00:12:26,014 --> 00:12:27,430
Nu, ĝi ne estas vere multe vidi.

272
00:12:27,430 --> 00:12:31,690
Mi klare organizita mia informo
en iom pli organizita maniero.

273
00:12:31,690 --> 00:12:33,755
Sed ĝi ne estas súper bela tie.

274
00:12:33,755 --> 00:12:36,130
Kaj ni tuj trakti
ke kiam ni parolas pri CSS.

275
00:12:36,130 --> 00:12:38,930
Ni reviziti ĉi ideon de
kion ni faros al fari table--

276
00:12:38,930 --> 00:12:41,260
eble formati ĝin iomete pli bona?

277
00:12:41,260 --> 00:12:45,070
Sed mi ankoraŭ havas kvar vicoj,
ciu havas kvar kolumnojn,

278
00:12:45,070 --> 00:12:48,890
kaj vere, kion ĉi tiuj kvantoj estas
tre simpla kvar de kvar multipliko

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

280
00:12:49,870 --> 00:12:51,690
>> Nur kelkaj pli etikedoj ni parolos pri.

281
00:12:51,690 --> 00:12:54,617
Ni parolu pri la
koncepto de HTML formo.

282
00:12:54,617 --> 00:12:57,450
Do eble vi vidis tiun en la
kunteksto de arbohakanta en retpaĝo.

283
00:12:57,450 --> 00:12:59,100
Kutime vi tajpi vian salutnomon.

284
00:12:59,100 --> 00:13:01,510
Vi tajpas vian pasvorton,
kaj vi estas bona iri.

285
00:13:01,510 --> 00:13:04,170
Tio estus la komenco de formo.

286
00:13:04,170 --> 00:13:05,420
>> Saltante trans div sekundo.

287
00:13:05,420 --> 00:13:07,987
Ni ankaŭ havas enigoj kiu
ia persvadi ene de formoj.

288
00:13:07,987 --> 00:13:10,320
Tio estas la elementoj kiuj
vi fakte tajpi en,

289
00:13:10,320 --> 00:13:12,580
aŭ la radioaparato butonoj vi estas
tiktakas, aŭ la ĉeko

290
00:13:12,580 --> 00:13:14,310
skatoloj kiujn vi tiktakas for.

291
00:13:14,310 --> 00:13:15,770
Tiuj iras ene de formoj.

292
00:13:15,770 --> 00:13:18,500
Kaj ili formas parton esence
ĉiu vico de la formo

293
00:13:18,500 --> 00:13:19,887
se via formo estas formatita bone.

294
00:13:19,887 --> 00:13:22,220
Tiam ekzistas tiu koncepto de
div, kiu ne vere

295
00:13:22,220 --> 00:13:25,060
konveni en ajna aparta kategorio
de etikedoj kiel la ones mi havas

296
00:13:25,060 --> 00:13:26,170
faradis antaŭe.

297
00:13:26,170 --> 00:13:29,790
Ĝi nur ia demarca la
komencante de iuj arbitraj division--

298
00:13:29,790 --> 00:13:31,670
div-- de la paĝo.

299
00:13:31,670 --> 00:13:33,210
Mankas vida paŭzo.

300
00:13:33,210 --> 00:13:34,800
Mankas linio.

301
00:13:34,800 --> 00:13:37,180
Tio ne ekiris kiel
aparta bloko aŭtomate.

302
00:13:37,180 --> 00:13:39,430
Vi devus stiligi ĝin
ke maniero por fari tion.

303
00:13:39,430 --> 00:13:42,110
>> Ĝi nur ia diras mi volas
pecon da spaco sur mia retpaĝo,

304
00:13:42,110 --> 00:13:45,190
kaj mi simple tuj voki
ĝi tiu divido de mia paĝo.

305
00:13:45,190 --> 00:13:47,619
Ni povas meti aĵojn enen
de divs, kaj fakte,

306
00:13:47,619 --> 00:13:49,410
kiam ni gvidas super al
IDE en duan, ni

307
00:13:49,410 --> 00:13:53,760
vidi ke mi metis mian
formi ene de div.

308
00:13:53,760 --> 00:13:57,050
>> Do mi havas ĉi tie en mia Ide a
dosiero nomata div formo skalara HTML.

309
00:13:57,050 --> 00:13:59,260
Ni malfermu ĝin.

310
00:13:59,260 --> 00:14:01,460
Rimarku ke kiel mi diris,
div estas ia arbitra.

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

312
00:14:01,640 --> 00:14:02,973
Fakte ne signifas nenion.

313
00:14:02,973 --> 00:14:05,140
Do mi havas arbitran
unua divido de mia paĝo.

314
00:14:05,140 --> 00:14:07,848
Kaj tiam anstataŭ alia div
poste, komencante sur linio ok,

315
00:14:07,848 --> 00:14:08,730
Mi havas tiun formon.

316
00:14:08,730 --> 00:14:13,594
Kaj ene de la formo Mi havas
numeron de enigoj, kampoj de la formularo.

317
00:14:13,594 --> 00:14:16,510
Do mi havas kampo kies nomo estas A--
kiu ne vere volas diri ion

318
00:14:16,510 --> 00:14:19,350
dekstra now-- kiu ŝajne
prenas teksto, alia ke

319
00:14:19,350 --> 00:14:22,630
prenas pasvorton, alia jen Radio
butono, alia jen ĉekon skatolo,

320
00:14:22,630 --> 00:14:24,797
kaj alia tio estas Submetu butonon.

321
00:14:24,797 --> 00:14:26,630
Nu, kion faras tiu
ĉiuj reale aspektas?

322
00:14:26,630 --> 00:14:27,629
Nu, ni rigardu.

323
00:14:27,629 --> 00:14:31,010
Ni malfermu ĝin en nia antaŭvido fenestro.

324
00:14:31,010 --> 00:14:33,557
Rimarku ke tiu arbitra
unua division-- ekzistas

325
00:14:33,557 --> 00:14:34,640
neniu vida disiĝo tie.

326
00:14:34,640 --> 00:14:37,150
Ĝi ne vere fari ion, ĉu ne?

327
00:14:37,150 --> 00:14:38,220
>> Kaj tiam mi havas mian formon.

328
00:14:38,220 --> 00:14:39,890
Kaj mi ne faris ajnan specialan strukturado.

329
00:14:39,890 --> 00:14:42,680
Do la formo estas nur unu
granda vico de informo.

330
00:14:42,680 --> 00:14:46,424
Se mi formatita mian formon alimaniere,
Mi havu gxin linio por linio por linio.

331
00:14:46,424 --> 00:14:47,590
Sed mi ne faris ajnan stilo.

332
00:14:47,590 --> 00:14:49,256
Denove, ni ne parolas pri CSS tie.

333
00:14:49,256 --> 00:14:51,030
Ni nur parolas pri HTML.

334
00:14:51,030 --> 00:14:53,980
>> Nu en mia teksto formon mi povas type--
memoru ke formoj de tipo teksto

335
00:14:53,980 --> 00:14:55,480
do mi povas meti mian nomon.

336
00:14:55,480 --> 00:14:57,330
Kaj en mia pasvorton Mi
povas tajpi mian pasvorton.

337
00:14:57,330 --> 00:14:59,740
Kaj ĉar tiu kampo
estas de tipo pasvorton

338
00:14:59,740 --> 00:15:01,470
Vi ne scias kion mia pasvorto estas.

339
00:15:01,470 --> 00:15:02,800
Estas ĉio dots.

340
00:15:02,800 --> 00:15:09,140
>> Mi povas ankaŭ elekti tick suferintojn
radioaparato butono aŭ tick off ĉekon skatolo.

341
00:15:09,140 --> 00:15:10,420
Aŭ mi povus sendi mian formon.

342
00:15:10,420 --> 00:15:11,810
Kaj mi faris nenion,
do kiam mi opinias mian formon,

343
00:15:11,810 --> 00:15:13,090
la paĝo nur refreŝigas.

344
00:15:13,090 --> 00:15:16,970
Sed mi povus eble agordi mian
Proponu butono fari ion alian.

345
00:15:16,970 --> 00:15:20,410
Kaj ni vidos kion ni povas fari kun
ke en estonta video en PHP.

346
00:15:20,410 --> 00:15:22,520
Sed ĉi konstruas tre
simpla formo kiun ni

347
00:15:22,520 --> 00:15:27,360
povas uzi havi uzantoj interagas kaj
prezenti informon al nia retejo.

348
00:15:27,360 --> 00:15:29,620
>> Unu lasta komenton antaŭ ni
pluiri al iuj aliaj etikedoj

349
00:15:29,620 --> 00:15:32,040
estas por preni rigardi ĉi
enigo etikedo unu pli fojon.

350
00:15:32,040 --> 00:15:35,760
Rimarku ke mi reliefigis
la finoj de la etikedo en ruĝa.

351
00:15:35,760 --> 00:15:39,390
Ĉiu alia tag ni vidis ĝis nun havas
havis komencon kaj finon, malfermo

352
00:15:39,390 --> 00:15:41,030
etikedo kaj fermon etikedo.

353
00:15:41,030 --> 00:15:42,520
>> Sed enigaĵoj etikedo ne.

354
00:15:42,520 --> 00:15:46,860
Mankas teksto kiu iras
en inter enigo etikedoj.

355
00:15:46,860 --> 00:15:49,160
Ĉiuj la informo
ni intencante transdoni

356
00:15:49,160 --> 00:15:52,640
Kunpakitaj estas kiel parto de la
atributoj de tiu enigo.

357
00:15:52,640 --> 00:15:54,690
Rimarku ni havas enigo nomo egalas x.

358
00:15:54,690 --> 00:15:55,580
Tipo egalas y.

359
00:15:55,580 --> 00:15:57,660
Tio estas vere ĉiuj
informo ni bezonas.

360
00:15:57,660 --> 00:15:59,470
>> Tiu nomiĝas mem fermo etikedo.

361
00:15:59,470 --> 00:16:02,470
Ĝi ne postulas malfermon kaj
proksime ĉar ĉiuj informo

362
00:16:02,470 --> 00:16:04,974
estas enhavita ene la
etikedo kaj ĝiaj atributoj.

363
00:16:04,974 --> 00:16:06,390
Do foje vi vidos ĉi tion, ankaŭ.

364
00:16:06,390 --> 00:16:10,400
Do nur konscii ke se vi havas
etikedo kiu estas tute memstara,

365
00:16:10,400 --> 00:16:14,170
ĝi malfermas kaj fermas kun
la angulo malfermita krampo maldekstre

366
00:16:14,170 --> 00:16:17,000
kaj la oblikvo angulo
krampo dekstre.

367
00:16:17,000 --> 00:16:20,580
Ni vidos alian de tiuj
nun kun bildo etikedoj tiel.

368
00:16:20,580 --> 00:16:23,300
>> Antaŭ ni parolas pri bildojn, ni
bezonas paroli pri hiperligoj.

369
00:16:23,300 --> 00:16:26,080
Se ni volas ke nia retpaĝo estos
interagaj kaj movi nin ĉirkaŭ,

370
00:16:26,080 --> 00:16:28,121
estus bela esti kapabla
klaki sur unu el tiuj

371
00:16:28,121 --> 00:16:30,190
kio tipe estis blua ligilo.

372
00:16:30,190 --> 00:16:34,440
Tio estas vere kiel ni konstruas
hiperligilo en nia retpaĝo.

373
00:16:34,440 --> 00:16:36,540
Kaj Interese
ekzistas alia HTML etikedo

374
00:16:36,540 --> 00:16:39,000
nomata ligilo, kiu ne estas hiperligilo.

375
00:16:39,000 --> 00:16:44,130
A tie staras por ankro, kaj
tio estas kiel ni indikas hiperligilo.

376
00:16:44,130 --> 00:16:49,150
>> A href egalas x rimedoj iri
retpaĝo X. Kaj ĉio

377
00:16:49,150 --> 00:16:51,580
inter la malferma etikedo
kaj la fermi etikedo

378
00:16:51,580 --> 00:16:56,010
Estas kio tuj estos kiuj substrekis
blua teksto kiu similas ligilo

379
00:16:56,010 --> 00:16:57,590
ke ni estas familiara kun.

380
00:16:57,590 --> 00:17:01,660
Malsupre ke ni havas dosieron etikedo, kiu
estas mem fermante etikedo por montri

381
00:17:01,660 --> 00:17:05,599
bildo situas ĉe X. Tiam
Vi eble povus ŝanĝi

382
00:17:05,599 --> 00:17:08,280
ke bildo de preciziganta
larĝeco kaj alteco

383
00:17:08,280 --> 00:17:11,640
kaj aliaj atributoj en
ke dot dot dot tie.

384
00:17:11,640 --> 00:17:14,260
>> Ĉe la malsupro tie
Ni havas tre interesan

385
00:17:14,260 --> 00:17:16,170
rigardante etikedo kiu ne
havi fermo etikedo.

386
00:17:16,170 --> 00:17:19,410
Estas ekkrion punkto DOCTYPE HTML.

387
00:17:19,410 --> 00:17:23,300
Do HTML ekzistas jam de la
fruaj 1990-aj jaroj por konstrui retpaĝojn,

388
00:17:23,300 --> 00:17:25,859
kaj ĝin irita suferita
pluraj revizioj de tiam.

389
00:17:25,859 --> 00:17:28,550
Plej lastatempe en 2014
spertis revizion

390
00:17:28,550 --> 00:17:33,440
nomita HTML5 kiu estas nun la aktuala
ia fakta HTML normo.

391
00:17:33,440 --> 00:17:36,730
>> Indiki ke nia retejo
paĝoj estas skribitaj uzante HTML5,

392
00:17:36,730 --> 00:17:38,160
jen kiel ni dividi.

393
00:17:38,160 --> 00:17:40,380
Ĝi povas esti nefarita sed
kion tio esence

394
00:17:40,380 --> 00:17:45,930
rimedoj estas vi ne povas uzi iun el la etikedoj
ke estas HTML5 etikedoj, tiuj novaj etikedoj.

395
00:17:45,930 --> 00:17:48,591
Do ni ĉiam dividi
se ni uzas HTML5.

396
00:17:48,591 --> 00:17:51,340
Kaj ĉiuj etikedoj ni parolis pri
antaŭe ne HTML5 etikedoj.

397
00:17:51,340 --> 00:17:55,470
Sed ĉi tio indikus ke
HTML5 etikedoj ĉeestos.

398
00:17:55,470 --> 00:17:58,400
Kaj do ni havas ekkrion
DOCTYPE HTML, kiu

399
00:17:58,400 --> 00:18:01,280
estas ĉe la komenco de nia
HTML-dosiero, kaj tiam post tiu punkto

400
00:18:01,280 --> 00:18:04,930
ni fakte havas niajn HTML malfermita
etikedi kaj procedi de tie.

401
00:18:04,930 --> 00:18:10,050
>> La lasta estas komenton etikedo,
kiu aspektas iomete malsamaj, tro.

402
00:18:10,050 --> 00:18:12,810
Ĝi startas for kun angulo
krampo ekkrion paŭzostreko

403
00:18:12,810 --> 00:18:15,220
haltostreko sed neniu fermo krampo.

404
00:18:15,220 --> 00:18:20,150
Intere tiuj du elementoj ekzistas
Tie estas kie vi skribas viajn komentojn.

405
00:18:20,150 --> 00:18:28,420
Kaj ni rigardu bildoj
kaj komentojn kaj ligilojn en CS50 IDE.

406
00:18:28,420 --> 00:18:32,850
>> Do mi havas ĉi tie dosieron nomata bildo ligilo
skalara HTML kiu mi tuj malfermos.

407
00:18:32,850 --> 00:18:36,420
Kaj rimarku Mi havas kelkajn
komentas tie en mia HTML komentoj.

408
00:18:36,420 --> 00:18:38,990
Do ĝuste kiel en C kaj aliaj
programlingvoj,

409
00:18:38,990 --> 00:18:43,169
HTML nur esti markaĵojn
ja havas la kapablon de havi komentojn.

410
00:18:43,169 --> 00:18:45,710
Kaj tial mi ŝajne tuj
meti bildon de Rick Astley

411
00:18:45,710 --> 00:18:49,060
ie inter ĉi div
etikedo, tiu arbitra divido.

412
00:18:49,060 --> 00:18:51,497
Ŝajne tiu dosiero
situanta ĉe Rick skalara JPEG, kiun

413
00:18:51,497 --> 00:18:53,580
se ni gvidas reen inte al
mian dosieron arbo por dua,

414
00:18:53,580 --> 00:18:55,490
Jen dosiero, kiu ekzistas en
la aktuala dosierujo.

415
00:18:55,490 --> 00:18:56,031
Do tio estas bone.

416
00:18:56,031 --> 00:18:57,710
Mi povas referenci ĝin.

417
00:18:57,710 --> 00:18:59,680
>> Tiam mi povas havi internajn ligilojn.

418
00:18:59,680 --> 00:19:05,080
Do rimarki sur linio 11 tie
mia href estas saluton skalara HTML.

419
00:19:05,080 --> 00:19:09,050
Tiel ke nur rilatas al saluton skalara HTML
kiu ekzistas en la aktuala dosierujo.

420
00:19:09,050 --> 00:19:12,980
Kaj mi povas ankaŭ havi eksterajn
ligilojn simple preciziganta HTTPS

421
00:19:12,980 --> 00:19:16,180
indiki ke mi ne parolas
pri dosiero en mia aktuala dosierujo.

422
00:19:16,180 --> 00:19:19,730
Mi parolas pri dosieron kiu ekzistas
ie en la interreto, kiujn mi havas

423
00:19:19,730 --> 00:19:23,370
peti uzante la protokolo HTTP.

424
00:19:23,370 --> 00:19:25,990
>> Do ni rigardu kio
ĉi paĝon por la aspekto

425
00:19:25,990 --> 00:19:29,500
kaj varbi por bildo de Rick
Astley montri supre sur via ekrano.

426
00:19:29,500 --> 00:19:31,490
Do mi antaŭrigardi ĉi.

427
00:19:31,490 --> 00:19:33,800
Ekzistas Rick Astley ĉe la
plejsupro en ĉi arbitra

428
00:19:33,800 --> 00:19:35,008
divido Mi metis ĝin ĉe la pinto.

429
00:19:35,008 --> 00:19:36,960
Kaj poste malsupren sub mi
havas mian ligoj, ĉu ne?

430
00:19:36,960 --> 00:19:39,330
>> Mi havas ligon al saluton skalara HTML.

431
00:19:39,330 --> 00:19:42,860
Kaj se mi klakas tion, mi ricevas
movis super al ĉi tiu paĝo

432
00:19:42,860 --> 00:19:47,050
ke ni estas tre familiara kun el
la komenco de nia programo.

433
00:19:47,050 --> 00:19:50,880
Se mi pop tiun paĝon malfermita denove, se mi
popmuziko bildo ligilon malfermi pli tempo,

434
00:19:50,880 --> 00:19:54,420
Mi povas ankaŭ iri ekstere
al CS50 la retejo.

435
00:19:54,420 --> 00:19:56,740
Kaj ni Konsideru Mi timige
malzomi iomete here--

436
00:19:56,740 --> 00:20:00,260
ni vidos CS50 la paĝaro ian
enigita en la mezo de nia paĝo.

437
00:20:00,260 --> 00:20:04,670
Do mi povis fari internan
ligas tiel kiel ekstera ligilo.

438
00:20:04,670 --> 00:20:07,200
>> La lasta regulo per HTML kiu
ni tuj parolos pri tie

439
00:20:07,200 --> 00:20:09,510
estas ke via HTML devus esti bone formita.

440
00:20:09,510 --> 00:20:13,020
En C ni parolis multe pri
la diversaj sintaksaj aferoj.

441
00:20:13,020 --> 00:20:17,650
En HTML la sintakso vere
rondiras ĉirkaŭ etikedoj.

442
00:20:17,650 --> 00:20:19,660
Ĉiu etikedo vi malfermas bezonoj esti fermita.

443
00:20:19,660 --> 00:20:22,630
Kaj fakte, ĉiu tag vi malfermu
devus esti fermita en inversa ordo.

444
00:20:22,630 --> 00:20:25,790
>> Do se vi malfermas aŭdacan etikedon, oni kursivan
etikedo, kaj tiam substreko etikedo

445
00:20:25,790 --> 00:20:28,120
fari ĉiujn tri al
aparta aro de teksto,

446
00:20:28,120 --> 00:20:30,070
vi devus fermi ilin en inversa ordo.

447
00:20:30,070 --> 00:20:32,270
Do se vi malfermis aŭdaca,
italecajn, substreki, vi

448
00:20:32,270 --> 00:20:35,240
volas fermi Substreki, kursiva, aŭdaca.

449
00:20:35,240 --> 00:20:39,990
Tiu speco de encapsulación estas kio
tenas HTML bele organizita.

450
00:20:39,990 --> 00:20:44,370
>> Kontraste C, kvankam, sintaksaj eraroj ne faros
fakte paralizi via HTML eble.

451
00:20:44,370 --> 00:20:48,730
Via HTML Eble ne bone
formis sed daŭre funkciis.

452
00:20:48,730 --> 00:20:50,589
Do, tiuj eraroj
povas ordigi de glito per.

453
00:20:50,589 --> 00:20:52,130
Ĝi estas ĝis vi efektive gardisto.

454
00:20:52,130 --> 00:20:54,760
Kelkfoje ili malsukcesos sed
foje vi povas foriri per ĝi.

455
00:20:54,760 --> 00:20:56,509
>> Ĝi povas esti vere
malfacila tasko, tamen,

456
00:20:56,509 --> 00:21:00,660
sekvigi kiam vi malfermis
etikedo, kiam vi fermis ĝin,

457
00:21:00,660 --> 00:21:04,110
precipe ĉar via HTML
dosierojn pligrandiĝi kaj pli granda.

458
00:21:04,110 --> 00:21:05,490
Vi deziras helpon.

459
00:21:05,490 --> 00:21:07,560
Kaj ekzistas rete
Kontrolilo iloj kiujn vi

460
00:21:07,560 --> 00:21:11,474
povas uzi por havi rigardon ĉe via retejo
paĝo kaj vidi se ĝi estas bone formita HTML.

461
00:21:11,474 --> 00:21:13,390
Kaj vi devus definitive
rigardu tiujn

462
00:21:13,390 --> 00:21:16,620
kaj ekuzas ilin kiel vi
komenci faranta iun laboron kun HTML,

463
00:21:16,620 --> 00:21:20,800
skribi HTML, nur tiel vi ricevas
iuj bonaj kutimoj pri organizado

464
00:21:20,800 --> 00:21:24,377
via HTML en bona maniero kaj
bona stilo kaj certigante

465
00:21:24,377 --> 00:21:27,210
ke vi nenion faras ke
povus krei Sintakseraro ke

466
00:21:27,210 --> 00:21:30,270
kaŭzus vi iom de
problemo laŭ la vojo.

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

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

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