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

2
00:00:06,100 --> 00:00:08,790
>> Doug LLOYD: Torej smo preživeli
about-- če je moja matematika prav,

3
00:00:08,790 --> 00:00:11,900
In mislim, da je videti back-- mislim
smo porabili približno 35 videoposnetkov govorim

4
00:00:11,900 --> 00:00:15,139
o različnih vidikih C, morda
malo več, morda malo manj.

5
00:00:15,139 --> 00:00:16,930
In mi ni zajela
vse, kar je v C, vendar smo

6
00:00:16,930 --> 00:00:21,170
pokriva velik kos od
jezik, velika večina od tega,

7
00:00:21,170 --> 00:00:22,882
gotovo za skupne namene.

8
00:00:22,882 --> 00:00:25,090
Zdaj bomo govorili
o drug jezik, HTML.

9
00:00:25,090 --> 00:00:28,180
In bomo kritje
se je v samo enem videu.

10
00:00:28,180 --> 00:00:29,340
>> Ampak to se dogaja, da je v redu.

11
00:00:29,340 --> 00:00:31,410
To se dogaja, da dejansko postanejo
kaj boš navaditi.

12
00:00:31,410 --> 00:00:33,535
Zdaj, ko imate
osnove enem jeziku,

13
00:00:33,535 --> 00:00:35,776
to je pravzaprav zelo enostavna
začeti učiti druge.

14
00:00:35,776 --> 00:00:37,650
Torej bomo za začetek
na korak malo nazaj

15
00:00:37,650 --> 00:00:43,340
in prikriti osnovna
Razlike med temi jeziki

16
00:00:43,340 --> 00:00:45,750
in nekako pustil z njim.

17
00:00:45,750 --> 00:00:48,530
Tam je veliko res super
vire na internetu, ki

18
00:00:48,530 --> 00:00:51,279
bomo začeti usmerjanju
proti, ker je internet

19
00:00:51,279 --> 00:00:53,340
velika zbirka informacij.

20
00:00:53,340 --> 00:00:55,960
In tako da je vam ni všeč, bom
so izgubili nujno

21
00:00:55,960 --> 00:00:58,349
ji ni podatkov
zajeta v videu.

22
00:00:58,349 --> 00:01:00,640
Še vedno boste lahko dobili
vse, kar potrebujete in uporaba

23
00:01:00,640 --> 00:01:03,590
znanje, ki ste jih že
zgradili z razumevanjem C

24
00:01:03,590 --> 00:01:07,130
da bi krivuljo učenja za to
drugi jeziki pravzaprav laskajo veliko.

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

26
00:01:08,640 --> 00:01:12,770
>> Ampak kaj je govoril o enem jeziku
da je res ključnega pomena za vsako spletu

27
00:01:12,770 --> 00:01:14,830
Stran, ki je HTML.

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

29
00:01:18,230 --> 00:01:22,700
HTML je jezik, vendar je
ni programski jezik.

30
00:01:22,700 --> 00:01:23,900
>> HTML nima spremenljivk.

31
00:01:23,900 --> 00:01:26,430
Nima logiko ali
funkcije ali kaj podobnega.

32
00:01:26,430 --> 00:01:30,301
Mi ne moremo storiti vse
programiranje po sebi v HTML.

33
00:01:30,301 --> 00:01:32,300
Včasih boste slišali
ljudje opisujejo

34
00:01:32,300 --> 00:01:35,710
kot HTML programerjev, ki
ni povsem točna.

35
00:01:35,710 --> 00:01:37,980
Ne moremo pisati programe HTML.

36
00:01:37,980 --> 00:01:40,770
>> HTML je samo uporablja za označevanje besedila.

37
00:01:40,770 --> 00:01:42,690
Imenuje se označevalni jezik.

38
00:01:42,690 --> 00:01:47,680
In kaj to does-- to markup--
smo uporabili oznake v HTML in teh tags--

39
00:01:47,680 --> 00:01:51,600
to markup-- semantično
opredeljuje strukturo strani

40
00:01:51,600 --> 00:01:55,280
in povzroči, da golo besedilo, ki
obstaja med do oznake razlagati

41
00:01:55,280 --> 00:01:57,320
brskalniki na različne načine.

42
00:01:57,320 --> 00:02:00,370
In morda je najbolje, da pojasni
ta ga način ilustrativno.

43
00:02:00,370 --> 00:02:06,450
>> Tukaj je zelo preprost HTML strani, ni
program HTML, spet, HTML stran.

44
00:02:06,450 --> 00:02:08,680
In vemo, to je
HTML stran, ker smo jih

45
00:02:08,680 --> 00:02:11,480
mejo vse s HTML.

46
00:02:11,480 --> 00:02:13,850
Torej, to je tisto, HTML tag izgleda.

47
00:02:13,850 --> 00:02:15,870
To je med kotnih oklepajih.

48
00:02:15,870 --> 00:02:18,570
In opazili na vrhu imamo
HTML in na samem dnu,

49
00:02:18,570 --> 00:02:21,400
po tem, ko smo naredili tisto, kar je
očitno veliko drugih HTML,

50
00:02:21,400 --> 00:02:24,310
imamo kot nosilec slash HTML.

51
00:02:24,310 --> 00:02:29,262
Tako, da nekako je meja
med tem, kaj je HTML in kaj ne.

52
00:02:29,262 --> 00:02:32,220
In seveda, konvencionalno, samo
kot si napisal vse svoje programe C

53
00:02:32,220 --> 00:02:35,300
z razširitvami dot C,
vse vaše datoteke HTML

54
00:02:35,300 --> 00:02:37,909
se bo končala z dot razširitve HTML.

55
00:02:37,909 --> 00:02:39,200
Ampak to še ni vse dogaja.

56
00:02:39,200 --> 00:02:40,658
Nimamo samo še te HTML oznake.

57
00:02:40,658 --> 00:02:44,010
Mi očitno imajo to
stvar imenovano oznako glave.

58
00:02:44,010 --> 00:02:46,010
No, OK, kaj je to?

59
00:02:46,010 --> 00:02:48,550
>> No, morda je najbolje, da
razlikuje s pomočjo organa,

60
00:02:48,550 --> 00:02:50,590
Telo čemer vsebina spletne strani.

61
00:02:50,590 --> 00:02:55,860
Tako da morda tag glava definira stvari
da ni v oknu brskalnika pravilno,

62
00:02:55,860 --> 00:02:59,410
vendar je nekako pomembno, da se naše
spletna stran pravilno opravljena.

63
00:02:59,410 --> 00:03:02,490
Na primer, v notranjosti
glava tag imamo naslov oznake.

64
00:03:02,490 --> 00:03:05,500
>> Torej, naslov pa zdravo svet,
da se dejansko dogaja, da se kaj

65
00:03:05,500 --> 00:03:08,797
kaže v zavihku v Chrome
ali v safari ali Firefox--

66
00:03:08,797 --> 00:03:11,880
ne glede na brskalnik, ki ga prefer-- da je
kaj se dogaja, da se pokažejo v naslovu.

67
00:03:11,880 --> 00:03:14,800
In preden zavihkih bi pokazal
v vašem celotnem oknu brskalnika

68
00:03:14,800 --> 00:03:19,710
in imate lahko le eno stran
odpreti v oknu brskalnika naenkrat.

69
00:03:19,710 --> 00:03:22,160
Tako, da se dogaja, da je
Naslov moje strani up v zavihku

70
00:03:22,160 --> 00:03:24,600
ali okno brskalnika bar, zdravo svet.

71
00:03:24,600 --> 00:03:28,611
In nato vsebina mojega
Spletna stran bo svet, zdravo.

72
00:03:28,611 --> 00:03:31,360
Torej, vzemimo si oglejte, kaj nekateri
stvar, kot je to morda videti kot.

73
00:03:31,360 --> 00:03:33,210
To je zelo preprost HTML stran.

74
00:03:33,210 --> 00:03:35,970
Torej, jaz sem tukaj, v mojem CS50 IDE in
Sem Povečano malo.

75
00:03:35,970 --> 00:03:38,290
In jaz sem le, da bo
odpirajo Hello dot HTML

76
00:03:38,290 --> 00:03:42,000
in ti pokažem, da je to precej
vsebina strani, da smo videli prej.

77
00:03:42,000 --> 00:03:45,240
Moje preproste oznake HTML, glave,
naslov oznake, telo, in tako naprej.

78
00:03:45,240 --> 00:03:47,320
Sem zamaknjen biti čista.

79
00:03:47,320 --> 00:03:51,530
>> In potem, kaj lahko storim v mojem
IDE je samo predogled strani.

80
00:03:51,530 --> 00:03:52,630
In tam gremo.

81
00:03:52,630 --> 00:03:56,070
Vsebina moje strani je svet,
zdravo, in ne vidim ničesar

82
00:03:56,070 --> 00:03:58,500
v iz oznake glavi.

83
00:03:58,500 --> 00:03:59,980
To je samo vsebnost telesa.

84
00:03:59,980 --> 00:04:00,780
Svet, zdravo.

85
00:04:00,780 --> 00:04:03,700
In spet telo samo
je dejal, svet, zdravo.

86
00:04:03,700 --> 00:04:06,160
Drugi del manjka.

87
00:04:06,160 --> 00:04:07,610
>> Tako, da je res vse, kar je.

88
00:04:07,610 --> 00:04:11,370
To je zelo preprosta osnovni HTML stran.

89
00:04:11,370 --> 00:04:14,280
Zdaj sem zamaknjen svoj HTML
res lepo in organizirano,

90
00:04:14,280 --> 00:04:15,840
ampak nimam dejansko.

91
00:04:15,840 --> 00:04:17,959
Jaz bi lahko bilo videti precej grdo.

92
00:04:17,959 --> 00:04:19,467
In bi to še vedno deluje.

93
00:04:19,467 --> 00:04:21,050
To bi bilo popolnoma enak spletne strani.

94
00:04:21,050 --> 00:04:23,100
Pravkar sem Znebila
ves prazen prostor.

95
00:04:23,100 --> 00:04:24,820
>> Kot se je izkazalo, beli prostor je podatke.

96
00:04:24,820 --> 00:04:28,540
In tako, ko sva pošiljanju podatkov iz
pošiljatelja do prejemnika, iz strežnika

97
00:04:28,540 --> 00:04:30,670
za stranko, stane podatki denar.

98
00:04:30,670 --> 00:04:34,460
In tako znebi presledkov
je pravzaprav dobra ideja

99
00:04:34,460 --> 00:04:37,320
če ste nekoga, ki služi
do veliko spletnih vsebin.

100
00:04:37,320 --> 00:04:39,820
To je slaba ideja, če ste
nekdo, ki je učenje te stvari

101
00:04:39,820 --> 00:04:41,528
in želite imeti
je lepo organizirano.

102
00:04:41,528 --> 00:04:43,810
To je veliko lažje razčleniti kot to.

103
00:04:43,810 --> 00:04:45,540
Ampak to je funkcionalno enaka.

104
00:04:45,540 --> 00:04:48,720
>> Vdrtina in stvari, kot da
dejansko ne važno v HTML.

105
00:04:48,720 --> 00:04:53,634
Vse, kar je pomembno, je odpiranje oznake in
zapiranje oznake v pravilnem vrstnem redu.

106
00:04:53,634 --> 00:04:55,050
Opazili, kaj se je zgodilo tukaj, čeprav.

107
00:04:55,050 --> 00:04:58,450
Pribitek nam daje pot do
sporoči dodatne informacije

108
00:04:58,450 --> 00:04:59,940
o tem, kaj smo napisali.

109
00:04:59,940 --> 00:05:03,130
Hello, Svet del je bil
razlagati kot naslov.

110
00:05:03,130 --> 00:05:06,410
In svet, je zdravo del
razlagati tako, da vsebnost

111
00:05:06,410 --> 00:05:09,090
ali kaj bi morala biti
viden na moji spletni strani.

112
00:05:09,090 --> 00:05:12,167
>> Obstaja več kot 100 od teh razlikuje
oznake in veliko veliko virov

113
00:05:12,167 --> 00:05:13,000
na spletu, da jih najdejo.

114
00:05:13,000 --> 00:05:14,900
Bomo govoriti o
nekatere od njih v tem videu, nekateri

115
00:05:14,900 --> 00:05:16,440
na res temeljne stvari.

116
00:05:16,440 --> 00:05:18,440
Ampak ne bova pogovorila
o vsem tem, ker je

117
00:05:18,440 --> 00:05:20,250
bi bil izčrpen, da to storijo.

118
00:05:20,250 --> 00:05:22,880
>> Še ena stvar, ki jo lahko storite, čeprav,
je odprla orodja za razvijalce.

119
00:05:22,880 --> 00:05:26,069
In če se spomnite iz
naš video na HTTP,

120
00:05:26,069 --> 00:05:27,860
Razložil sem, kako odpreti
do razvijalskih orodij.

121
00:05:27,860 --> 00:05:32,020
V Chromu je ponavadi ključno F12
odpreti orodno vrstico za razvijalce.

122
00:05:32,020 --> 00:05:35,909
Potem namesto izbiri omrežje
zanka, lahko izberete zavihek elementov.

123
00:05:35,909 --> 00:05:37,700
In če si naložite spletu
strani boste dejansko

124
00:05:37,700 --> 00:05:40,280
glej HTML, ki ustvarja to spletno stran.

125
00:05:40,280 --> 00:05:44,090
In tako boste lahko izvedeli veliko o HTML
ga je videti na vaših najljubših spletnih strani

126
00:05:44,090 --> 00:05:48,474
in vidim, kako graditi
Različni kosi njih, ki ti je všeč.

127
00:05:48,474 --> 00:05:50,890
Tako da morda tam je to kul
vzorec ali nekaj takega.

128
00:05:50,890 --> 00:05:52,140
Kako jim bo uspelo s HTML?

129
00:05:52,140 --> 00:05:55,630
No, lahko samo odpirajo vaš razvijalca
orodja in hover nad tem elementom

130
00:05:55,630 --> 00:05:57,700
in videti, kaj naredi HTML je.

131
00:05:57,700 --> 00:05:59,450
Tako, da je res
dober način za učenje HTML,

132
00:05:59,450 --> 00:06:02,330
in sem močno priporočamo, da
vam je tako, da se naučijo HTML

133
00:06:02,330 --> 00:06:04,930
in tudi, da se naučijo malo
bitno o nekaterih možnosti

134
00:06:04,930 --> 00:06:07,050
so vam na voljo v
orodja za razvijalce, ki

135
00:06:07,050 --> 00:06:10,200
bo zagotovo prišel prav kot
začnete delaš bolj intenzivno spletu

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

137
00:06:11,090 --> 00:06:14,080
>> Torej, vzemimo si na
Nekaj ​​skupnih HTML.

138
00:06:14,080 --> 00:06:17,210
In bomo skok in si oglejte
kaj te oznake tudi render

139
00:06:17,210 --> 00:06:20,490
kot jih je videti na nekaterih datotek v mojem IDE.

140
00:06:20,490 --> 00:06:26,330
Torej, tukaj so trije zelo osnovne oznake za
poteg videz besedila.

141
00:06:26,330 --> 00:06:29,050
Obstaja oznake B, oznake I in U oznake.

142
00:06:29,050 --> 00:06:33,170
In sicer, kaj počnejo, je
render besedilo med njimi v krepkem tisku,

143
00:06:33,170 --> 00:06:35,430
ležeče, in podčrtovanje.

144
00:06:35,430 --> 00:06:40,430
Torej, da vidimo, kaj bi bilo, da poiščete
kot na dejanski spletni strani v mojem IDE.

145
00:06:40,430 --> 00:06:43,390
>> Torej, tukaj v mojem IDE imam
datoteka z imenom BIU dot HTML.

146
00:06:43,390 --> 00:06:46,770
BIU dot HTML samo da
krepko, ležeče, poudarja.

147
00:06:46,770 --> 00:06:47,830
Ga bom odprla.

148
00:06:47,830 --> 00:06:51,810
>> In bomo videli, da tu sem
ima to besedilo je oznake B krepko.

149
00:06:51,810 --> 00:06:54,010
To besedilo je I tags ležeče.

150
00:06:54,010 --> 00:06:56,307
In to besedilo je U oznake poudaril.

151
00:06:56,307 --> 00:06:57,640
Kaj bo to videti?

152
00:06:57,640 --> 00:06:59,473
Torej še enkrat, vse kar imam
storiti je, pojdite tukaj

153
00:06:59,473 --> 00:07:04,690
na mojem brskalniku, moja datoteka brskalnik, kliknite
Predogled, in to je tisto, kar prihaja gor.

154
00:07:04,690 --> 00:07:07,520
>> Besedilo med B
oznake je res zdaj krepko.

155
00:07:07,520 --> 00:07:10,720
Besedilo med I
oznake je res zdaj ležeče.

156
00:07:10,720 --> 00:07:14,634
In besedilo med U
oznake je res zdaj je poudaril.

157
00:07:14,634 --> 00:07:15,550
Torej, to je zelo dobro.

158
00:07:15,550 --> 00:07:18,450
Zdaj vemo, kako bi besedilo
poglej malo bolj fancy

159
00:07:18,450 --> 00:07:20,360
ali narišite poudarek na nekatere stvari.

160
00:07:20,360 --> 00:07:25,530
Še nekaj skupnih tags tukaj
odstavek oznake, P, in glave oznake,

161
00:07:25,530 --> 00:07:27,980
ki sem tukaj, opravljene kot HX.

162
00:07:27,980 --> 00:07:32,520
>> Te P oznake, ta odstavek oznake,
prekinil svoje besedilo gor v točkah.

163
00:07:32,520 --> 00:07:34,646
To ni dovolj, da samo
Enter in zapustijo prostore,

164
00:07:34,646 --> 00:07:37,186
ker se računalnik samo še
da to, kar je povedal, da storijo

165
00:07:37,186 --> 00:07:39,450
in ga ignorira bela
Prostor za večino del.

166
00:07:39,450 --> 00:07:41,636
Torej ne moremo preprosto pritisnite tipko Enter
in pričakujejo naš računalnik

167
00:07:41,636 --> 00:07:43,760
interpretirati, da želimo
začeti nov odstavek.

168
00:07:43,760 --> 00:07:47,670
Imamo zelo jasno povedati
je eden paragraph-- to another--

169
00:07:47,670 --> 00:07:50,740
ki ga obdaja vsak v nizu P oznak.

170
00:07:50,740 --> 00:07:54,560
>> In imamo tudi te možnosti
za H oznake, teh glavi oznake.

171
00:07:54,560 --> 00:07:57,000
Imamo šest različnih stopenj
glav, ena, dva, tri,

172
00:07:57,000 --> 00:08:01,110
štiri, pet, šest, ki so
postopoma večja in večja

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

174
00:08:01,710 --> 00:08:04,360
In so dobili manjši in
manjši in manjši in manjši.

175
00:08:04,360 --> 00:08:07,690
Torej imamo glavo vrhnjo drugi
Glava raven, in tako naprej, in tako naprej.

176
00:08:07,690 --> 00:08:10,480
>> Oglejmo si na morda nekaj
P oznake in nekatere glave oznake

177
00:08:10,480 --> 00:08:13,110
v akciji na spletni strani.

178
00:08:13,110 --> 00:08:18,180
Torej, tukaj v mojem IDE imam datoteko z imenom
PH dot HTML, PH čemer odstavki

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

180
00:08:18,970 --> 00:08:20,709
Odprite da gor.

181
00:08:20,709 --> 00:08:23,000
Tam je veliko dogaja tukaj
ker sem dal nekaj Lorem

182
00:08:23,000 --> 00:08:24,660
ipsum, nekateri samo naključno besedilo tukaj.

183
00:08:24,660 --> 00:08:27,284
Torej bom pomanjšati malo
zato, ker je tako veliko dogaja.

184
00:08:27,284 --> 00:08:31,980
Ampak obvestilo, da moram na samem
vrh tukaj imam H1, raven enega,

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

186
00:08:32,802 --> 00:08:36,010
Potem sem imel točko, ki je pravkar
kup naključnih text-- Lorem ipsum--

187
00:08:36,010 --> 00:08:38,720
Samo privzeto standardno polnitev v besedilu.

188
00:08:38,720 --> 00:08:41,970
Torej imam dve točki v notranjosti, ki
Raven ena glava in nato spodaj I

189
00:08:41,970 --> 00:08:46,850
imajo enake dve glavo tukaj na liniji 24,
glava druga raven, in še dva

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

191
00:08:47,840 --> 00:08:51,910
No, kaj to izgleda
če sem si jo ogledate v mojem predogled?

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

193
00:08:53,790 --> 00:08:55,730
>> Tako opazili, da
Glava tukaj prva stopnja

194
00:08:55,730 --> 00:08:58,420
je pravzaprav precej malo večji
od glave drugi ravni.

195
00:08:58,420 --> 00:08:59,940
Torej smo uporabili H1 tags.

196
00:08:59,940 --> 00:09:03,820
In opazili, da so nas P tagi
da bi prekinil stvari v točkah.

197
00:09:03,820 --> 00:09:07,500
Če smo gotten znebite teh P oznak
in dejansko samo da vstopi ali Returns

198
00:09:07,500 --> 00:09:10,110
vmes, kar smo upali, bi
biti različni odstavki,

199
00:09:10,110 --> 00:09:13,193
vsi bi samo slam skupaj in
da ne bi bilo to lepo odstavek

200
00:09:13,193 --> 00:09:15,840
Ločevanje s prostorom zgoraj in spodaj.

201
00:09:15,840 --> 00:09:18,300
In tako, da je tisto, kar odstavek
oznake in header tags

202
00:09:18,300 --> 00:09:22,440
se pogosto uporabljajo za to, da pripravi
pozornost na dele naši spletni strani

203
00:09:22,440 --> 00:09:23,550
na ta način.

204
00:09:23,550 --> 00:09:27,560
>> Naslednji up je nekaj oznak, ki jih uporabljamo
za izgradnjo sezname na naši spletni strani.

205
00:09:27,560 --> 00:09:30,820
Torej imamo neurejenega
lists-- ULs-- ki so samo

206
00:09:30,820 --> 00:09:34,090
označene sezname, naročeno
Seznam, ki so numbered--

207
00:09:34,090 --> 00:09:37,680
OLs-- in znotraj bodisi
eden od tistih, moramo imeti

208
00:09:37,680 --> 00:09:40,600
sklopov, kako se kažejo elemente seznama, LI.

209
00:09:40,600 --> 00:09:44,370
In tako imamo odprto UL tag
in mi dal elementov znotraj njega.

210
00:09:44,370 --> 00:09:46,920
In potem, ko bomo končali s
da smo lahko zaprete UL oznako.

211
00:09:46,920 --> 00:09:49,850
>> In podobno lahko imamo
urejen ali oštevilčen seznam

212
00:09:49,850 --> 00:09:51,560
in dal seznam predmetov znotraj tega.

213
00:09:51,560 --> 00:09:53,350
Torej, vzemimo si oglejte
na nekaj seznamov

214
00:09:53,350 --> 00:09:57,230
in kaj bi
render kot na CS50 IDE.

215
00:09:57,230 --> 00:10:00,640
Torej, tukaj imam v mojem IDE
datoteka z imenom seznami dot HTML.

216
00:10:00,640 --> 00:10:03,100
Oglejmo pogled.

217
00:10:03,100 --> 00:10:08,482
>> In obvestilo tu imam Neurejen
seznam s petimi stvari v njem.

218
00:10:08,482 --> 00:10:11,440
In potem imam urejen seznam, in
Sem spremenil tag malo,

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

220
00:10:11,939 --> 00:10:13,152
Sem rekel start znaša šest.

221
00:10:13,152 --> 00:10:16,110
Izkazalo se je, s urejenega seznama I
lahko nastavite začetno točko kjerkoli je to

222
00:10:16,110 --> 00:10:20,130
Jaz want-- privzeto bo one--
ga le dodajanje to tako imenovano atribut

223
00:10:20,130 --> 00:10:21,190
na moj OL oznako.

224
00:10:21,190 --> 00:10:23,572
In tako ta seznam se bo
začnemo ob šestih.

225
00:10:23,572 --> 00:10:26,780
Torej elementi te oštevilčen seznam
mora biti šest, sedem, osem, devet, deset,

226
00:10:26,780 --> 00:10:29,930
ker je pet elementov
na seznamu, v nasprotju z eno,

227
00:10:29,930 --> 00:10:33,770
dva, tri, štiri, pet, ki
bi bilo v primeru, če bi jaz rekel OL

228
00:10:33,770 --> 00:10:36,730
brez navedbe začetno atribut.

229
00:10:36,730 --> 00:10:41,594
>> Torej bomo samo predogled tem, da si lahko
dobili občutek za to, kar se dogaja tukaj.

230
00:10:41,594 --> 00:10:42,260
In tam gremo.

231
00:10:42,260 --> 00:10:44,610
Tukaj je moj seznam.

232
00:10:44,610 --> 00:10:47,810
Prvih pet elementi
neurejene ali označene sezname.

233
00:10:47,810 --> 00:10:51,010
In v naslednjih petih elementov
so ločeno urejen seznam

234
00:10:51,010 --> 00:10:52,980
izhajajoč iz šest.

235
00:10:52,980 --> 00:10:56,247
Torej, to je, kako smo lahko
izgradnjo sezname z uporabo HTML.

236
00:10:56,247 --> 00:10:58,080
Še ena stvar, ki jo morda
želite storiti s HTML

237
00:10:58,080 --> 00:11:01,520
je zgraditi tabelo
Podatki vrstic in stolpcev

238
00:11:01,520 --> 00:11:04,560
predstaviti informacije na
posebej organiziran način.

239
00:11:04,560 --> 00:11:09,110
Če želite to narediti s HTML moremo imeti
opredelitev miza začenja odprto konzolo

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

241
00:11:10,160 --> 00:11:14,680
In potem znotraj te tabele smo
morda niz vrstic, TR oznake

242
00:11:14,680 --> 00:11:15,980
navesti vsako vrstico.

243
00:11:15,980 --> 00:11:22,510
In potem TD tagi iti notranjost TR oznak
določite stolpec v vrstici.

244
00:11:22,510 --> 00:11:24,340
>> Zakaj se imenuje TD in ne TC?

245
00:11:24,340 --> 00:11:25,940
No, TD stojala za namizne podatkov.

246
00:11:25,940 --> 00:11:27,900
Ponavadi ste dajanje
vaše podatke tam.

247
00:11:27,900 --> 00:11:29,440
Torej, to je razlog, zakaj je TD in ne TC.

248
00:11:29,440 --> 00:11:31,140
To je malo zmedeno.

249
00:11:31,140 --> 00:11:33,720
>> Torej imate tabele oznake in
notranjost vaših namiznih oznak

250
00:11:33,720 --> 00:11:35,600
imate več vrstic, repozitorije.

251
00:11:35,600 --> 00:11:40,030
In znotraj vsake vrstice imate
TDS za število stolpcev

252
00:11:40,030 --> 00:11:42,880
ki želite imeti
V tem posebnem zapored.

253
00:11:42,880 --> 00:11:47,730
Oglejmo si na zelo
preprosta tabela čez v CS50 IDE.

254
00:11:47,730 --> 00:11:49,730
>> Torej, tukaj imam datoteko
imenuje tabela dot HTML.

255
00:11:49,730 --> 00:11:53,390
Oglejmo si oglejte
kaj to izgleda.

256
00:11:53,390 --> 00:11:56,225
Tam je veliko dogaja tukaj, ampak
če opazite imam miza odprta.

257
00:11:56,225 --> 00:11:57,850
Začenjam opredelitev z mizo.

258
00:11:57,850 --> 00:12:02,100
In potem v moji prvi vrsti sem očitno
imajo štirje stolpci, ena, dva, tri,

259
00:12:02,100 --> 00:12:02,660
štiri.

260
00:12:02,660 --> 00:12:04,290
In potem bom končal s to vrstico.

261
00:12:04,290 --> 00:12:07,750
>> Potem začnem drugo vrstico in
Ali dve, štiri, šest, osem.

262
00:12:07,750 --> 00:12:08,850
Končaj to vrstico.

263
00:12:08,850 --> 00:12:11,410
Ali še eno vrstico, tri, šest, devet, 12.

264
00:12:11,410 --> 00:12:14,830
In potem zadnja vrstica, štiri,
osem, 12, in čeprav je

265
00:12:14,830 --> 00:12:16,560
malo odrezana tukaj, 16.

266
00:12:16,560 --> 00:12:17,710
>> Končal sem to vrstico.

267
00:12:17,710 --> 00:12:18,970
Končal sem mizo.

268
00:12:18,970 --> 00:12:21,430
In potem sem naredil z mojo HTML.

269
00:12:21,430 --> 00:12:22,590
Kaj to videti?

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

271
00:12:26,014 --> 00:12:27,430
No, to ni res veliko za videti.

272
00:12:27,430 --> 00:12:31,690
Sem dobro organizirano moje podatke
v nekoliko bolj organiziran način.

273
00:12:31,690 --> 00:12:33,755
Ampak to ni super lepa tukaj.

274
00:12:33,755 --> 00:12:36,130
In bomo, da se ukvarjajo z
da je, ko govorimo o CSS.

275
00:12:36,130 --> 00:12:38,930
Bomo ponovno to idejo
kaj počnemo, da bi table--

276
00:12:38,930 --> 00:12:41,260
Mogoče ga oblikujte malo bolje?

277
00:12:41,260 --> 00:12:45,070
Ampak jaz še vedno štiri vrstice,
od katerih ima vsaka štiri stolpce,

278
00:12:45,070 --> 00:12:48,890
in res, kaj to pomeni, da je
zelo preprosta štiri s štirimi množenje

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

280
00:12:49,870 --> 00:12:51,690
>> Samo še nekaj tags bomo govoriti.

281
00:12:51,690 --> 00:12:54,617
Spregovorimo približno
Koncept obliki HTML.

282
00:12:54,617 --> 00:12:57,450
Torej ste to lahko videli v
kontekst prijavo v spletno stran.

283
00:12:57,450 --> 00:12:59,100
Ponavadi vnesete svoje uporabniško ime.

284
00:12:59,100 --> 00:13:01,510
Vnesete v svoje geslo,
in ste na dobri poti.

285
00:13:01,510 --> 00:13:04,170
To bi bil začetek obliki.

286
00:13:04,170 --> 00:13:05,420
>> Preskok čez Oddelki sekundo.

287
00:13:05,420 --> 00:13:07,987
Imamo tudi vložke, ki
nekako fit znotraj obrazcev.

288
00:13:07,987 --> 00:13:10,320
To so elementi, ki
ste dejansko tipkanje v,

289
00:13:10,320 --> 00:13:12,580
ali gumbi radijskih ste
tiktaka, ali preverjanje

290
00:13:12,580 --> 00:13:14,310
škatle, da ste tiktaka off.

291
00:13:14,310 --> 00:13:15,770
Torej, ti pojdi noter obrazcev.

292
00:13:15,770 --> 00:13:18,500
In obsegajo v bistvu
vsaka vrsta obliki

293
00:13:18,500 --> 00:13:19,887
če je vaša oblika formatiran dobro.

294
00:13:19,887 --> 00:13:22,220
Potem je tu še ta koncept
div, ki v resnici ne

295
00:13:22,220 --> 00:13:25,060
fit v kakršno koli posebno kategorijo
oznak, kot tiste, ki sem jih

296
00:13:25,060 --> 00:13:26,170
počel prej.

297
00:13:26,170 --> 00:13:29,790
Samo nekako razmejuje
začetek neke samovoljno division--

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

299
00:13:31,670 --> 00:13:33,210
Ni vizualno odmor.

300
00:13:33,210 --> 00:13:34,800
Ni linijo.

301
00:13:34,800 --> 00:13:37,180
To ni pobota kot
samodejno samostojen kos.

302
00:13:37,180 --> 00:13:39,430
Morali bi jo slog
na ta način, da to storim.

303
00:13:39,430 --> 00:13:42,110
>> Samo nekako pravi, da želijo
kos prostora na moji spletni strani,

304
00:13:42,110 --> 00:13:45,190
in sem šele tekoč, da pokličete
je ta delitev moje strani.

305
00:13:45,190 --> 00:13:47,619
Mi lahko postavite stvari v notranjosti
od Divs, in dejansko

306
00:13:47,619 --> 00:13:49,410
ko smo nad glavo,
IDE na sekundo, bomo

307
00:13:49,410 --> 00:13:53,760
vidim, da sem dajanje mojo
tvorijo znotraj div.

308
00:13:53,760 --> 00:13:57,050
>> Torej, tukaj imam v mojem IDE
datoteka z imenom div oblika dot HTML.

309
00:13:57,050 --> 00:13:59,260
Naj jo odprli.

310
00:13:59,260 --> 00:14:01,460
Obvestilo, da, kot sem rekel,
div je nekako arbitrarna.

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

312
00:14:01,640 --> 00:14:02,973
To ne res pomeni ničesar.

313
00:14:02,973 --> 00:14:05,140
Torej imam poljubna
Prva delitev moji strani.

314
00:14:05,140 --> 00:14:07,848
In nato namesto drugega div
kasneje, z začetkom na liniji osem,

315
00:14:07,848 --> 00:14:08,730
Imam ta obrazec.

316
00:14:08,730 --> 00:14:13,594
In notranjost obliko I imajo
Število vhodov, polja obrazca.

317
00:14:13,594 --> 00:14:16,510
Torej imam polje, katerega ime je A--
kar pa res ne pomeni nič

318
00:14:16,510 --> 00:14:19,350
Pravica now-- ki očitno
je besedilo, še eno, da

319
00:14:19,350 --> 00:14:22,630
je geslo, drugi, da je Radio
gumb, drugi, da je potrditveno polje,

320
00:14:22,630 --> 00:14:24,797
in drugo, da je gumb Pošlji.

321
00:14:24,797 --> 00:14:26,630
No, kaj je to
vse dejansko izgledal?

322
00:14:26,630 --> 00:14:27,629
No, poglej.

323
00:14:27,629 --> 00:14:31,010
Ga bomo odprli v našem oknu za predogled.

324
00:14:31,010 --> 00:14:33,557
Obvestilo, da je ta samovoljna
Prvi division-- obstaja

325
00:14:33,557 --> 00:14:34,640
no vizualno ločevanje tukaj.

326
00:14:34,640 --> 00:14:37,150
To v resnici ni storil ničesar, kajne?

327
00:14:37,150 --> 00:14:38,220
>> In potem imam obliko.

328
00:14:38,220 --> 00:14:39,890
In nisem naredil nobene posebne oblikovanje.

329
00:14:39,890 --> 00:14:42,680
Torej je oblika le ena
velika vrsta informacij.

330
00:14:42,680 --> 00:14:46,424
Če sem oblikovano svojo obliko drugače,
Jaz bi imel to vrstico za vrstico za vrstico.

331
00:14:46,424 --> 00:14:47,590
Ampak nisem naredil nobene styling.

332
00:14:47,590 --> 00:14:49,256
Again, mi ne govorimo o CSS.

333
00:14:49,256 --> 00:14:51,030
Mi smo samo govoril o HTML.

334
00:14:51,030 --> 00:14:53,980
>> No, v mojem besedilni obliki morem type--
ne pozabite, da oblike tipa besedila

335
00:14:53,980 --> 00:14:55,480
da bom lahko dal moje ime.

336
00:14:55,480 --> 00:14:57,330
In v mojem geslom I
lahko vnesete geslo.

337
00:14:57,330 --> 00:14:59,740
In ker tega področja
je tipa gesla,

338
00:14:59,740 --> 00:15:01,470
Če ne veste, kaj je moja geslo.

339
00:15:01,470 --> 00:15:02,800
To je vse pike.

340
00:15:02,800 --> 00:15:09,140
>> Lahko se odločite tudi za ustrezno off
izbirni gumb ali razjezilo potrditveno polje.

341
00:15:09,140 --> 00:15:10,420
Ali lahko oddam svoj obrazec.

342
00:15:10,420 --> 00:15:11,810
In nisem naredil ničesar,
tako da, ko oddam svoj obrazec,

343
00:15:11,810 --> 00:15:13,090
stran samo osveži.

344
00:15:13,090 --> 00:15:16,970
Vendar bi jaz morda nastaviti my
Submit gumb za nekaj drugega.

345
00:15:16,970 --> 00:15:20,410
In bomo videli, kaj lahko storimo z
da v prihodnjem video na PHP.

346
00:15:20,410 --> 00:15:22,520
Ampak to gradi zelo
preprost obrazec, ki smo

347
00:15:22,520 --> 00:15:27,360
lahko uporabite, da imajo uporabniki interakcijo in
predložijo informacije na naši spletni strani.

348
00:15:27,360 --> 00:15:29,620
>> Še zadnja pripomba, preden smo
premakniti na nekaterih drugih oznak

349
00:15:29,620 --> 00:15:32,040
so si oglejte to
input tag še enkrat.

350
00:15:32,040 --> 00:15:35,760
Obvestilo, da sem izpostavil
konci tag v rdeči barvi.

351
00:15:35,760 --> 00:15:39,390
Vsak drugi tag smo videli doslej
imeli začetek in konec, odprtino

352
00:15:39,390 --> 00:15:41,030
tag in zapiranje tag.

353
00:15:41,030 --> 00:15:42,520
>> Ampak input tag ne.

354
00:15:42,520 --> 00:15:46,860
Ni besedila, ki gre
med vhodnimi oznake.

355
00:15:46,860 --> 00:15:49,160
Vse informacije
smo nameravajo posredovati

356
00:15:49,160 --> 00:15:52,640
je povezana kot del
atribute tega vhoda.

357
00:15:52,640 --> 00:15:54,690
Opazili smo input name enaka x.

358
00:15:54,690 --> 00:15:55,580
Vrsta enaka y.

359
00:15:55,580 --> 00:15:57,660
Res, da je vse
informacije, ki jih potrebujete.

360
00:15:57,660 --> 00:15:59,470
>> To se imenuje samo zapiranje tag.

361
00:15:59,470 --> 00:16:02,470
To ne zahteva odprtino in
blizu, ker so vse informacije,

362
00:16:02,470 --> 00:16:04,974
je vsebovan znotraj
tag in njegove lastnosti.

363
00:16:04,974 --> 00:16:06,390
Tako da včasih boste videli, preveč.

364
00:16:06,390 --> 00:16:10,400
Torej, samo zavedati, da če imate
tag, ki je popolnoma samostojen,

365
00:16:10,400 --> 00:16:14,170
se odpre in se zapre z
odprti kot nosilec na levi

366
00:16:14,170 --> 00:16:17,000
in poševnica trupa
konzola na desni strani.

367
00:16:17,000 --> 00:16:20,580
Bomo videli še eno od tistih,
zdaj s slikovnimi oznakami, kot dobro.

368
00:16:20,580 --> 00:16:23,300
>> Preden govorimo o slikah, smo
morali govoriti o hiperpovezav.

369
00:16:23,300 --> 00:16:26,080
Če želimo, da je naša spletna stran, da bi
interaktivno in nas gibati,

370
00:16:26,080 --> 00:16:28,121
da bi bilo lepo imeti možnost,
da kliknete na eno od tistih, ki

371
00:16:28,121 --> 00:16:30,190
kar je tipično bilo modro povezavo.

372
00:16:30,190 --> 00:16:34,440
To je pravzaprav, kako gradimo
hiperpovezava na naši spletni strani.

373
00:16:34,440 --> 00:16:36,540
In dovolj zanimivo
obstaja še en HTML tag

374
00:16:36,540 --> 00:16:39,000
imenovana zveza, ki ni hiperpovezava.

375
00:16:39,000 --> 00:16:44,130
Tukaj stoji za sidro in
to je, kako smo se kažejo hiperpovezavo.

376
00:16:44,130 --> 00:16:49,150
>> A href enaka x sredstva gredo za
Spletna stran X. In vse

377
00:16:49,150 --> 00:16:51,580
med odprtim Oznaka
in blizu Oznaka

378
00:16:51,580 --> 00:16:56,010
je tisto, kar se dogaja, je treba, da je poudaril,
modro besedilo, ki izgleda kot povezavo

379
00:16:56,010 --> 00:16:57,590
da smo seznanjeni z.

380
00:16:57,590 --> 00:17:01,660
Sledi, da imamo oznako slike, ki
je samo zapiranje oznako za prikaz

381
00:17:01,660 --> 00:17:05,599
slika nahaja na X. In
boste morda lahko, da spremenite

382
00:17:05,599 --> 00:17:08,280
da slike, ki jih določajo
širina in višina

383
00:17:08,280 --> 00:17:11,640
in drugi atributov
da dot dot dot tam.

384
00:17:11,640 --> 00:17:14,260
>> Na samem dnu tukaj
imamo zelo zanimivo

385
00:17:14,260 --> 00:17:16,170
išče oznako, ki ne
zapornim oznako.

386
00:17:16,170 --> 00:17:19,410
To je klicaj DOCTYPE HTML.

387
00:17:19,410 --> 00:17:23,300
Torej je HTML bila približno od
začetku leta 1990 za izgradnjo spletnih strani,

388
00:17:23,300 --> 00:17:25,859
in to je šla prestali
več popravki od takrat.

389
00:17:25,859 --> 00:17:28,550
Nazadnje leta 2014
je doživel revizijo

390
00:17:28,550 --> 00:17:33,440
imenuje HTML5, ki je zdaj tok
nekako de facto standard HTML.

391
00:17:33,440 --> 00:17:36,730
>> Kar pomeni, da naša spletna
Strani so napisana z uporabo HTML5,

392
00:17:36,730 --> 00:17:38,160
to je, kako smo začeli.

393
00:17:38,160 --> 00:17:40,380
Prav tako se lahko opusti, vendar
kaj to v bistvu

394
00:17:40,380 --> 00:17:45,930
pomeni, da ne morete uporabljati katero od oznak
da so HTML5 oznake, te nove oznake.

395
00:17:45,930 --> 00:17:48,591
Tako smo se vedno začne off
če smo z uporabo HTML5.

396
00:17:48,591 --> 00:17:51,340
In vse oznake smo se pogovarjali o
prej niso HTML5 oznake.

397
00:17:51,340 --> 00:17:55,470
Toda to bi pomenilo, da
HTML5 oznake bodo prisotni.

398
00:17:55,470 --> 00:17:58,400
In tako imamo vzklik
DOCTYPE HTML, ki

399
00:17:58,400 --> 00:18:01,280
je na samem začetku našega
HTML datoteke, nato pa po ta točka

400
00:18:01,280 --> 00:18:04,930
imamo dejansko naša HTML odprta
Označevanje in nadaljujte od tam.

401
00:18:04,930 --> 00:18:10,050
>> Zadnji je komentar tag,
ki izgleda nekoliko drugačen, preveč.

402
00:18:10,050 --> 00:18:12,810
Začne se s kotom
Nosilec klicaj dash

403
00:18:12,810 --> 00:18:15,220
dash ne pa zapiranje nosilec.

404
00:18:15,220 --> 00:18:20,150
V teh dveh elementih tam
je, če pišete komentarje.

405
00:18:20,150 --> 00:18:28,420
In dajmo si oglejte slike
pripomb in povezave v CS50 IDE.

406
00:18:28,420 --> 00:18:32,850
>> Tako da imam tu datoteka z imenom povezava na sliko
dot HTML kateri bom odprla.

407
00:18:32,850 --> 00:18:36,420
In obvestilo Imam par
tukaj v komentarjih HTML komentarje.

408
00:18:36,420 --> 00:18:38,990
Torej tako kot pri C in drugo
programski jeziki,

409
00:18:38,990 --> 00:18:43,169
HTML samo s čemer označevalni jezik
ima možnost, da imajo pripombe.

410
00:18:43,169 --> 00:18:45,710
In tako sem očitno dogaja, da
položite sliko Rick Astley

411
00:18:45,710 --> 00:18:49,060
nekje med tem div
tag, to samovoljno delitev.

412
00:18:49,060 --> 00:18:51,497
Očitno je, da je datoteka
ki se nahaja na Rick dot JPEG, ki

413
00:18:51,497 --> 00:18:53,580
če bomo odpravili nazaj prenesejo
moja datoteka drevo za sekundo,

414
00:18:53,580 --> 00:18:55,490
je datoteka, ki obstaja v
trenutni imenik.

415
00:18:55,490 --> 00:18:56,031
Tako, da je v redu.

416
00:18:56,031 --> 00:18:57,710
Jaz lahko reference.

417
00:18:57,710 --> 00:18:59,680
>> Potem imam lahko notranje povezave.

418
00:18:59,680 --> 00:19:05,080
Tako obvestilo na liniji 11 tukaj
moj href je zdravo pika HTML.

419
00:19:05,080 --> 00:19:09,050
Tako da samo se nanaša na zdravo dot HTML
ki obstaja v trenutnem imeniku.

420
00:19:09,050 --> 00:19:12,980
In sem lahko tudi zunanji
povezave s samo navedbo HTTPS

421
00:19:12,980 --> 00:19:16,180
kar pomeni, da ne govorim
o datoteki v svojem trenutnem imeniku.

422
00:19:16,180 --> 00:19:19,730
Govorim o datoteki, ki obstaja
nekje na internetu, kar imam

423
00:19:19,730 --> 00:19:23,370
zahtevati uporabo protokola HTTP.

424
00:19:23,370 --> 00:19:25,990
>> Torej, vzemimo si oglejte, kaj
To stran lahko izgledal

425
00:19:25,990 --> 00:19:29,500
in se pripraviš za sliko Rick
Astley, da pokažejo na zaslonu.

426
00:19:29,500 --> 00:19:31,490
Zato bom to predogled.

427
00:19:31,490 --> 00:19:33,800
Tam je Rick Astley Na
sam vrh v ta samovoljna

428
00:19:33,800 --> 00:19:35,008
Delitev sem ga dal na vrhu.

429
00:19:35,008 --> 00:19:36,960
In potem spodaj I
imajo svoje povezave, kajne?

430
00:19:36,960 --> 00:19:39,330
>> Imam povezavo do hello dot HTML.

431
00:19:39,330 --> 00:19:42,860
In če sem kliknite, da dobim
prešle na tej strani

432
00:19:42,860 --> 00:19:47,050
da smo zelo dobro seznanjeni z od
na samem začetku našega programa.

433
00:19:47,050 --> 00:19:50,880
Če sem spet pop to stran odprto, če I
pop povezava na sliko odpre še enkrat,

434
00:19:50,880 --> 00:19:54,420
Lahko grem tudi navzven
na spletni strani CS50 je.

435
00:19:54,420 --> 00:19:56,740
In tam smo see-- bom
pomanjšati malo here--

436
00:19:56,740 --> 00:20:00,260
bomo videli CS50 spletno stran vrste
vgrajeni v sredini strani.

437
00:20:00,260 --> 00:20:04,670
Tako sem bil sposoben, da bi notranji
povezavo kot tudi zunanja povezava.

438
00:20:04,670 --> 00:20:07,200
>> Zadnje pravilo s HTML,
bomo govorili o tukaj

439
00:20:07,200 --> 00:20:09,510
je, da bi moral biti tvoj HTML dobro oblikovana.

440
00:20:09,510 --> 00:20:13,020
V C veliko smo se pogovarjali o
različnih sintaksa stvari.

441
00:20:13,020 --> 00:20:17,650
V HTML sintakso res
vrti okoli oznake.

442
00:20:17,650 --> 00:20:19,660
Vsak tag odprete treba zapreti.

443
00:20:19,660 --> 00:20:22,630
In v resnici, vsak tag odprete
Treba je zaprta v obratnem vrstnem redu.

444
00:20:22,630 --> 00:20:25,790
>> Torej, če ste odprli krepko oznako, An ležeče
tag, in nato pa underline tag

445
00:20:25,790 --> 00:20:28,120
storiti vse tri do
zlasti niz besedila,

446
00:20:28,120 --> 00:20:30,070
da bi jih moral zapreti v obratnem vrstnem redu.

447
00:20:30,070 --> 00:20:32,270
Torej, če ste odprli krepko,
ležeče, podčrtano, si

448
00:20:32,270 --> 00:20:35,240
želite zapreti poudarjajo, ležeče, krepko.

449
00:20:35,240 --> 00:20:39,990
Ta vrsta zakapsuliranjem je kaj
ohranja HTML lepo in organizirano.

450
00:20:39,990 --> 00:20:44,370
>> Za razliko od C, čeprav sintaksa napak ne bo
dejansko pohabljenec vaš HTML možnosti.

451
00:20:44,370 --> 00:20:48,730
Vaš HTML morda ne bo dobro
oblikovani, vendar bi še vedno dela.

452
00:20:48,730 --> 00:20:50,589
In tako te napake
lahko razvrstite po preparatih.

453
00:20:50,589 --> 00:20:52,130
To je do vas, da res pazljivi.

454
00:20:52,130 --> 00:20:54,760
Včasih bodo ne, ampak
včasih lahko izmaže.

455
00:20:54,760 --> 00:20:56,509
>> To je lahko resnično
težka naloga, čeprav,

456
00:20:56,509 --> 00:21:00,660
slediti, ko ste odprli
oznaka, ko ste ga zaprli,

457
00:21:00,660 --> 00:21:04,110
zlasti v vašem HTML
Datoteke dobili večji in večji.

458
00:21:04,110 --> 00:21:05,490
Boste želeli pomoč.

459
00:21:05,490 --> 00:21:07,560
In tam so na spletu
validator orodja, ki jih

460
00:21:07,560 --> 00:21:11,474
lahko uporabite za imajo pogled na vašo spletno
stran, in videli, če je dobro oblikovano HTML.

461
00:21:11,474 --> 00:21:13,390
In si je vsekakor
poglej na tiste

462
00:21:13,390 --> 00:21:16,620
in začeti, da jih uporabljajo kot vi
začeti početje nekaj dela s HTML,

463
00:21:16,620 --> 00:21:20,800
pisanje HTML, samo zato, da boste dobili
nekaj dobrih navad o organizaciji

464
00:21:20,800 --> 00:21:24,377
Vaše HTML na dober način in
dober slog in pazite,

465
00:21:24,377 --> 00:21:27,210
da nisi nič delal, da
lahko ustvarite skladenjsko napako, ki

466
00:21:27,210 --> 00:21:30,270
bi vam povzročajo malo
problem po cesti.

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

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

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