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

2
00:00:06,100 --> 00:00:08,790
>> Doug LLOYD: Tako smo proveli
about-- ako je moja matematika je u pravu,

3
00:00:08,790 --> 00:00:11,900
i ja mislim gleda back-- mislim
proveli smo oko 35 videa govori

4
00:00:11,900 --> 00:00:15,139
o različitim aspektima C, možda
još malo, možda malo manje.

5
00:00:15,139 --> 00:00:16,930
A mi ne pokriva
sve u C, ali smo

6
00:00:16,930 --> 00:00:21,170
pokriven veliki komad od
jezik, velika većina toga,

7
00:00:21,170 --> 00:00:22,882
sigurno za zajedničke namjene.

8
00:00:22,882 --> 00:00:25,090
Sada ćemo razgovarati
o drugi jezik, HTML.

9
00:00:25,090 --> 00:00:28,180
A mi ćemo pokriti
je u samo jednom videu.

10
00:00:28,180 --> 00:00:29,340
>> Ali to će biti u redu.

11
00:00:29,340 --> 00:00:31,410
To će zapravo postati
nešto što ćeš se naviknuti na.

12
00:00:31,410 --> 00:00:33,535
Sada kada imate
osnove jednog jezika,

13
00:00:33,535 --> 00:00:35,776
to je zapravo prilično jednostavan
početi učiti druge.

14
00:00:35,776 --> 00:00:37,650
Tako ćemo početi
korak malo unatrag

15
00:00:37,650 --> 00:00:43,340
i prijeći preko osnovni
razlike između tih jezika

16
00:00:43,340 --> 00:00:45,750
i vrsta te ostaviti na njega.

17
00:00:45,750 --> 00:00:48,530
Postoji puno stvarno velik
resursi na internetu, što

18
00:00:48,530 --> 00:00:51,279
ćemo početi vas usmjeravaju
ka, jer je internet

19
00:00:51,279 --> 00:00:53,340
velika repozitorij informacija.

20
00:00:53,340 --> 00:00:55,960
I tako to nije vam se sviđa ćete
se gubi nužno

21
00:00:55,960 --> 00:00:58,349
tako što ne podatke
pokrivena u videu.

22
00:00:58,349 --> 00:01:00,640
I dalje ćete biti u mogućnosti da biste dobili
sve što je potrebno i korištenje

23
00:01:00,640 --> 00:01:03,590
znanje ste već
izgradio razumijevanje C

24
00:01:03,590 --> 00:01:07,130
napraviti krivulju za to učenje
drugi jezici zapravo puno ravnija.

25
00:01:07,130 --> 00:01:08,640
Obećajem.

26
00:01:08,640 --> 00:01:12,770
>> No, pričajmo o jednom jeziku
to je stvarno temeljno za svaki web

27
00:01:12,770 --> 00:01:14,830
stranica, što 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, ali to je
Ne programski jezik.

30
00:01:22,700 --> 00:01:23,900
>> HTML nema varijable.

31
00:01:23,900 --> 00:01:26,430
To nema logike ili
funkcije ili bilo što slično.

32
00:01:26,430 --> 00:01:30,301
Mi ne možemo učiniti bilo
programiranje po sebi u HTML.

33
00:01:30,301 --> 00:01:32,300
Ponekad ćete čuti
ljudi se opisuju

34
00:01:32,300 --> 00:01:35,710
kao HTML programera, koji
nije u potpunosti točna.

35
00:01:35,710 --> 00:01:37,980
Ne možete pisati HTML programe.

36
00:01:37,980 --> 00:01:40,770
>> HTML jednostavno se koristi za označavanje teksta.

37
00:01:40,770 --> 00:01:42,690
To se zove označni jezik.

38
00:01:42,690 --> 00:01:47,680
A što to does-- ovu markup--
koristimo oznake u HTML i ove tags--

39
00:01:47,680 --> 00:01:51,600
ovo markup-- semantički
određuje strukturu stranice

40
00:01:51,600 --> 00:01:55,280
i uzrokuje običan tekst koji
postoji između oznake treba tumačiti

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

42
00:01:57,320 --> 00:02:00,370
A možda je najbolje da objasni
taj način pomoću crteža.

43
00:02:00,370 --> 00:02:06,450
>> Ovdje je vrlo jednostavan HTML stranice, a ne
HTML programa, opet, HTML stranica.

44
00:02:06,450 --> 00:02:08,680
I znamo to je
HTML stranice, jer smo

45
00:02:08,680 --> 00:02:11,480
omeđeno sve sa HTML tagova.

46
00:02:11,480 --> 00:02:13,850
Dakle, to je ono što HTML tag izgleda.

47
00:02:13,850 --> 00:02:15,870
To je između zagrada.

48
00:02:15,870 --> 00:02:18,570
I obavijest na vrhu imamo
HTML i na samom dnu,

49
00:02:18,570 --> 00:02:21,400
Nakon što smo učinili ono što je
očito puno drugih HTML,

50
00:02:21,400 --> 00:02:24,310
imamo kut nosača kose crte HTML.

51
00:02:24,310 --> 00:02:29,262
Tako da vrsta je granica
između onoga što je HTML, a što nije.

52
00:02:29,262 --> 00:02:32,220
I naravno, uobičajeno, samo
kao što je napisao sve svoje C programa

53
00:02:32,220 --> 00:02:35,300
s dot C ekstenzije,
sve svoje HTML datoteke

54
00:02:35,300 --> 00:02:37,909
će završiti s točkastim HTML proširenja.

55
00:02:37,909 --> 00:02:39,200
No, tu je još ovdje događa.

56
00:02:39,200 --> 00:02:40,658
Ne samo da ove oznake.

57
00:02:40,658 --> 00:02:44,010
Mi očito ima ova
stvar zove glavu oznaku.

58
00:02:44,010 --> 00:02:46,010
Pa, u redu, što je to?

59
00:02:46,010 --> 00:02:48,550
>> Pa možda je najbolje da
razlikovati pomoću tijela,

60
00:02:48,550 --> 00:02:50,590
Tijelo se sadržaj web stranice.

61
00:02:50,590 --> 00:02:55,860
Dakle, možda je šef oznaka definira stvari
da nije u prozoru preglednika pravilno,

62
00:02:55,860 --> 00:02:59,410
ali je nekako važno za naše
web stranica se pravilno pružene.

63
00:02:59,410 --> 00:03:02,490
Na primjer, unutrašnjost
Glava oznaka imamo tagova.

64
00:03:02,490 --> 00:03:05,500
>> Dakle, naslov se Hello World,
koji zapravo će biti ono što

65
00:03:05,500 --> 00:03:08,797
prikazuje se na kartici u Chromeu
ili na safari ili Firefox--

66
00:03:08,797 --> 00:03:11,880
god pregledniku prefer-- to
što će se pojaviti u naslovu.

67
00:03:11,880 --> 00:03:14,800
I prije nego što će pokazati karticama
u cijelom prozoru preglednika

68
00:03:14,800 --> 00:03:19,710
a vi samo možete imati jednu stranicu
otvoriti u prozoru preglednika na vrijeme.

69
00:03:19,710 --> 00:03:22,160
Tako da će biti
naslov moje stranice gore na kartici

70
00:03:22,160 --> 00:03:24,600
ili prozor preglednika bara, Hello World.

71
00:03:24,600 --> 00:03:28,611
A onda je sadržaj moje
web stranica će biti svijet, zdravo.

72
00:03:28,611 --> 00:03:31,360
Tako ćemo pogledati što neki
stvar kao što bi to moglo izgledati.

73
00:03:31,360 --> 00:03:33,210
To je prilično jednostavan HTML stranice.

74
00:03:33,210 --> 00:03:35,970
Zato sam ovdje u mom CS50 IDE i
Ja sam zumirao malo.

75
00:03:35,970 --> 00:03:38,290
A ja sam samo ide
otvori Hello dot HTML

76
00:03:38,290 --> 00:03:42,000
i pokazati vam da je to prilično mnogo
sadržaj stranica koja smo vidjeli prije.

77
00:03:42,000 --> 00:03:45,240
Moje jednostavne HTML, glava oznake,
naslov oznake, tijelo, i tako dalje.

78
00:03:45,240 --> 00:03:47,320
Ja sam razvedena biti čisti.

79
00:03:47,320 --> 00:03:51,530
>> A onda što mogu učiniti u mom
IRO je samo pregledavati stranice.

80
00:03:51,530 --> 00:03:52,630
I tamo idemo.

81
00:03:52,630 --> 00:03:56,070
Sadržaj mojoj stranici je svijet,
Pozdrav, i ja ne vidim ništa

82
00:03:56,070 --> 00:03:58,500
iz glave oznake tamo.

83
00:03:58,500 --> 00:03:59,980
To je samo sadržaj tijela.

84
00:03:59,980 --> 00:04:00,780
Svijet, Pozdrav.

85
00:04:00,780 --> 00:04:03,700
I opet je tijelo samo
rekao, svijet, zdravo.

86
00:04:03,700 --> 00:04:06,160
Drugi dio nedostaje.

87
00:04:06,160 --> 00:04:07,610
>> Tako da je stvarno sve to.

88
00:04:07,610 --> 00:04:11,370
To je vrlo jednostavan osnovni HTML stranice.

89
00:04:11,370 --> 00:04:14,280
Sada sam razvedena moj HTML
biti jako lijepo i organizirano,

90
00:04:14,280 --> 00:04:15,840
ali ja zapravo ne moraju.

91
00:04:15,840 --> 00:04:17,959
Mogao sam da izgleda prilično ružno.

92
00:04:17,959 --> 00:04:19,467
I to će i dalje raditi.

93
00:04:19,467 --> 00:04:21,050
To će biti isti web stranica.

94
00:04:21,050 --> 00:04:23,100
Upravo sam stečen osloboditi od
sve bijelog prostora.

95
00:04:23,100 --> 00:04:24,820
>> Kako se ispostavlja, bijeli prostor podatke.

96
00:04:24,820 --> 00:04:28,540
I tako, kada šaljemo podatke
pošiljatelj na prijemnik, s poslužitelja

97
00:04:28,540 --> 00:04:30,670
za klijenta, podaci košta.

98
00:04:30,670 --> 00:04:34,460
I tako uzimajući osloboditi od razmak
je zapravo dobra ideja

99
00:04:34,460 --> 00:04:37,320
ako ste netko tko služi
se puno web sadržaja.

100
00:04:37,320 --> 00:04:39,820
To je loša ideja, ako ste
netko tko je učiti ove stvari

101
00:04:39,820 --> 00:04:41,528
i želite imati
je lijepo organizirano.

102
00:04:41,528 --> 00:04:43,810
To je puno lakše analizirati od toga.

103
00:04:43,810 --> 00:04:45,540
Ali to je funkcionalno identični.

104
00:04:45,540 --> 00:04:48,720
>> Uvlaka i stvari kao što je to
ne zapravo stvar u HTML-u.

105
00:04:48,720 --> 00:04:53,634
Sve što je bitno je otvaranje oznake i
zatvaranje oznake u ispravnom redoslijedu.

106
00:04:53,634 --> 00:04:55,050
Obavijest ono što se dogodilo ovdje, ipak.

107
00:04:55,050 --> 00:04:58,450
Označni daje nam put do
komuniciraju dodatne informacije

108
00:04:58,450 --> 00:04:59,940
o onome što smo napisali.

109
00:04:59,940 --> 00:05:03,130
Hello, World je dio bio
tumačiti kao naslov.

110
00:05:03,130 --> 00:05:06,410
I svijet, pozdravi dio bio
tumačiti kao sadržaj

111
00:05:06,410 --> 00:05:09,090
ili što bi trebao biti
vidljivo na moje web stranice.

112
00:05:09,090 --> 00:05:12,167
>> Postoji više od 100 tih različitih
oznake i puno velikih resursa

113
00:05:12,167 --> 00:05:13,000
line ih naći.

114
00:05:13,000 --> 00:05:14,900
Idemo razgovarati o
Neke od njih u ovom videu, neki

115
00:05:14,900 --> 00:05:16,440
od zaista temeljne stvari.

116
00:05:16,440 --> 00:05:18,440
Ali nećemo razgovarati
o svemu, jer to

117
00:05:18,440 --> 00:05:20,250
će biti iscrpan učiniti.

118
00:05:20,250 --> 00:05:22,880
>> Još jedna stvar koju možete učiniti, međutim,
je otvoriti razvojne alate.

119
00:05:22,880 --> 00:05:26,069
A ako se sjećate iz
Naš video na HTTP,

120
00:05:26,069 --> 00:05:27,860
Objasnio sam kako otvoriti
do razvojne alate.

121
00:05:27,860 --> 00:05:32,020
U Chrome to je obično ključ F12
otvoriti alatnu traku developer.

122
00:05:32,020 --> 00:05:35,909
Onda umjesto odabira mreže
Kartica, možete odabrati karticu elemenata.

123
00:05:35,909 --> 00:05:37,700
A ako ste učitali web
stranica, zapravo ćete

124
00:05:37,700 --> 00:05:40,280
vidjeti HTML koji stvara tu web-stranicu.

125
00:05:40,280 --> 00:05:44,090
I tako da možete naučiti puno o HTML
gledajući svoje omiljene web stranice

126
00:05:44,090 --> 00:05:48,474
i vidjeti kako se graditi
razni komadi ih da vam se sviđa.

127
00:05:48,474 --> 00:05:50,890
Dakle, možda postoji ovaj cool
uzorak ili nešto slično.

128
00:05:50,890 --> 00:05:52,140
Kako oni to učiniti s HTML?

129
00:05:52,140 --> 00:05:55,630
Pa možete jednostavno otvoriti svoj programer
alati i lebdjeti iznad tog elementa

130
00:05:55,630 --> 00:05:57,700
i vidjeti točno što HTML čini.

131
00:05:57,700 --> 00:05:59,450
Dakle, to je stvarno
dobar način za naučiti HTML,

132
00:05:59,450 --> 00:06:02,330
i ja jako preporučiti taj
Vi možete i naučiti HTML

133
00:06:02,330 --> 00:06:04,930
i da nauče nešto
malo o nekim od opcija

134
00:06:04,930 --> 00:06:07,050
na raspolaganju vam je u
Razvojni alati, koji

135
00:06:07,050 --> 00:06:10,200
sigurno će doći u ruci kao
počnete raditi intenzivnije web

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

137
00:06:11,090 --> 00:06:14,080
>> Tako ćemo pogledati na
Nekoliko uobičajenih HTML tagova.

138
00:06:14,080 --> 00:06:17,210
A mi ćemo skočiti i pogledati
što te oznake će uzvratiti

139
00:06:17,210 --> 00:06:20,490
što gledajući neke datoteke u mom IDE.

140
00:06:20,490 --> 00:06:26,330
Dakle, ovdje su tri vrlo osnovne oznake za
ugađati vizualni izgled teksta.

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

142
00:06:29,050 --> 00:06:33,170
A odnosno ono što rade je
uzvratiti tekst između njih podebljano,

143
00:06:33,170 --> 00:06:35,430
kurziv, i podcrtavanje.

144
00:06:35,430 --> 00:06:40,430
Tako ćemo vidjeti što to će izgledati
kao i na stvarnim web stranice u mom IDE.

145
00:06:40,430 --> 00:06:43,390
>> Dakle, ovdje u mom IDE imam
Datoteka naziva BIU dot HTML.

146
00:06:43,390 --> 00:06:46,770
BIU dot HTML upravo se
podebljano, kurziv, ističući.

147
00:06:46,770 --> 00:06:47,830
Ja ću ga otvoriti.

148
00:06:47,830 --> 00:06:51,810
>> A mi ćemo ovdje vidjeti da sam
imati ovaj tekst je B oznake podebljano.

149
00:06:51,810 --> 00:06:54,010
Ovaj tekst je I. oznake italic.

150
00:06:54,010 --> 00:06:56,307
I ovaj tekst je U oznaka podcrtana.

151
00:06:56,307 --> 00:06:57,640
Što se to događa izgledati?

152
00:06:57,640 --> 00:06:59,473
Pa opet, sve što imam
učiniti je otići ovdje

153
00:06:59,473 --> 00:07:04,690
na moj e, moj preglednik datoteka, kliknite
Pregled, a to je ono što dolazi.

154
00:07:04,690 --> 00:07:07,520
>> Tekst između B
tagovi je doista sada podebljano.

155
00:07:07,520 --> 00:07:10,720
Tekst u između I
tagovi je doista sada italic.

156
00:07:10,720 --> 00:07:14,634
I tekst u između U
oznake, istina je sada podcrtana.

157
00:07:14,634 --> 00:07:15,550
Dakle, to je prilično dobro.

158
00:07:15,550 --> 00:07:18,450
Sada znamo kako napraviti tekst
izgleda malo više zavoljeti

159
00:07:18,450 --> 00:07:20,360
ili nacrtajte naglasak na određene stvari.

160
00:07:20,360 --> 00:07:25,530
Drugi par zajedničkih oznake evo
stavak oznake P i zaglavlja oznake,

161
00:07:25,530 --> 00:07:27,980
koji sam donio ovdje HX.

162
00:07:27,980 --> 00:07:32,520
>> Ove P oznake, ove stavka oznake,
razbiti svoj tekst gore u paragrafima.

163
00:07:32,520 --> 00:07:34,646
Nije dovoljno samo
pritisnite Enter i ostaviti prostora,

164
00:07:34,646 --> 00:07:37,186
jer računalo će se samo
učiniti ono što je rekao za napraviti

165
00:07:37,186 --> 00:07:39,450
i to ignorira bijeli
Prostor za najveći dio.

166
00:07:39,450 --> 00:07:41,636
Dakle, ne možemo samo pritisnite Enter
i očekuju naše računalo

167
00:07:41,636 --> 00:07:43,760
tumačiti da želimo
započeti novi stavak.

168
00:07:43,760 --> 00:07:47,670
Moramo vrlo jasno reći
jedna paragraph-- ovo another--

169
00:07:47,670 --> 00:07:50,740
zatvaranjem svaki u skupu P oznaka.

170
00:07:50,740 --> 00:07:54,560
>> I mi također imaju ove opcije
za H oznake, te zaglavlja tagova.

171
00:07:54,560 --> 00:07:57,000
Imamo šest različitih razina
zaglavlja, jedan, dva, tri,

172
00:07:57,000 --> 00:08:01,110
četiri, pet, i šest, koji su
progresivno sve veće i veće

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

174
00:08:01,710 --> 00:08:04,360
I oni dobiti manji i
manji i manji i manji.

175
00:08:04,360 --> 00:08:07,690
Dakle, imamo top level zaglavlje, drugi
Razina zaglavlje, i tako dalje, i tako dalje.

176
00:08:07,690 --> 00:08:10,480
>> Idemo pogledati možda neki
P oznake i neki header oznake

177
00:08:10,480 --> 00:08:13,110
u akciji na web stranici.

178
00:08:13,110 --> 00:08:18,180
Dakle, ovdje u mom IDE imam datoteku pod nazivom
PH dot HTML, PH se stavci

179
00:08:18,180 --> 00:08:18,970
i sabirnih oznake.

180
00:08:18,970 --> 00:08:20,709
Otvorite taj gore.

181
00:08:20,709 --> 00:08:23,000
Postoji mnogo događa ovdje
jer sam stavio neke Lorem

182
00:08:23,000 --> 00:08:24,660
ipsum, neki samo slučajni tekst ovdje.

183
00:08:24,660 --> 00:08:27,284
Tako ću smanjili malo
jer ima toliko događa.

184
00:08:27,284 --> 00:08:31,980
Ali primijetite da imam na samom
vrh Ovdje imam H1, razinu jedan,

185
00:08:31,980 --> 00:08:32,802
zaglavlje oznaku.

186
00:08:32,802 --> 00:08:36,010
Onda imam stav, što je samo
hrpa slučajnih text-- Lorem ipsum--

187
00:08:36,010 --> 00:08:38,720
Samo zadani standardnog punjenja u tekstu.

188
00:08:38,720 --> 00:08:41,970
Dakle, imam dvije stavke unutar koje
Razina jedan zaglavlja i zatim dolje I.

189
00:08:41,970 --> 00:08:46,850
imaju razinu dva zaglavlja ovdje na liniji 24,
druga razina zaglavlja i još dva

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

191
00:08:47,840 --> 00:08:51,910
Pa što to izgledati
ako sam ga vidjeti u mom pregled?

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

193
00:08:53,790 --> 00:08:55,730
>> Tako primijetiti da je
Prva razina zaglavlja ovdje

194
00:08:55,730 --> 00:08:58,420
je zapravo prilično malo veći
od napadača drugoj razini.

195
00:08:58,420 --> 00:08:59,940
Tako smo koristili H1 tagova.

196
00:08:59,940 --> 00:09:03,820
I primijetiti da nas p oznake omogućuju
razbiti stvari u stavcima.

197
00:09:03,820 --> 00:09:07,500
Ako je stečen osloboditi od tih P oznake
a zapravo samo staviti Unos ili povrat

198
00:09:07,500 --> 00:09:10,110
između onoga što smo se nadali bi
biti različiti odlomci,

199
00:09:10,110 --> 00:09:13,193
svi bi samo zalupiti zajedno
ne bi ovu lijepu stavak

200
00:09:13,193 --> 00:09:15,840
Odvajanje s prostora iznad i ispod.

201
00:09:15,840 --> 00:09:18,300
I tako to je ono što se stavak
oznake i zaglavlja oznake

202
00:09:18,300 --> 00:09:22,440
se obično koristi za napraviti za crtanje
pozornost na dijelove naše web stranice

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

204
00:09:23,550 --> 00:09:27,560
>> Sljedeći gore su neke oznake koje koristimo
izgraditi popise na našoj web-stranici.

205
00:09:27,560 --> 00:09:30,820
Dakle, imamo neuređen
lists-- ULs-- koji su samo

206
00:09:30,820 --> 00:09:34,090
popisi s grafičkim oznakama, naručene
Popis koje su numbered--

207
00:09:34,090 --> 00:09:37,680
OLs-- i unutar bilo
jedan od onih trebamo imati

208
00:09:37,680 --> 00:09:40,600
seta kako pokazuju stavke popisa, Li.

209
00:09:40,600 --> 00:09:44,370
I tako smo otvoreni UL oznaku
i mi stavili stvari unutar nje.

210
00:09:44,370 --> 00:09:46,920
I onda kad završimo s
da, možemo zatvoriti UL oznaku.

211
00:09:46,920 --> 00:09:49,850
>> A isto tako možemo imati
popis naredio ili numerirani

212
00:09:49,850 --> 00:09:51,560
i staviti stavke popisa unutar toga.

213
00:09:51,560 --> 00:09:53,350
Tako ćemo pogledati
na nekoliko popisa

214
00:09:53,350 --> 00:09:57,230
a što bi
donijeti i na CS50 IDE.

215
00:09:57,230 --> 00:10:00,640
Dakle, imam ovdje u mom IDE A
file popisi dot HTML.

216
00:10:00,640 --> 00:10:03,100
Idemo pogledati.

217
00:10:03,100 --> 00:10:08,482
>> I obavijest ovdje imam neuređen
popis pet stvari u njemu.

218
00:10:08,482 --> 00:10:11,440
A onda sam naredio popis i
Ja sam promijenio oznaku malo,

219
00:10:11,440 --> 00:10:11,939
zar ne?

220
00:10:11,939 --> 00:10:13,152
Ja sam rekao početak jednaka šest.

221
00:10:13,152 --> 00:10:16,110
Ispada s naredio popis I.
možete postaviti početne točke gdje god

222
00:10:16,110 --> 00:10:20,130
Ja want-- po defaultu bit će one--
po samo dodavanjem ovo tzv atribut

223
00:10:20,130 --> 00:10:21,190
mom OL oznaku.

224
00:10:21,190 --> 00:10:23,572
I tako ovaj popis će
početi računajući na šest.

225
00:10:23,572 --> 00:10:26,780
Tako su elementi tog numerirani popis
treba biti šest, sedam, osam, devet, deset,

226
00:10:26,780 --> 00:10:29,930
jer postoji pet elemenata
u popisu, za razliku od one,

227
00:10:29,930 --> 00:10:33,770
dva, tri, četiri, pet, koje
bi bio slučaj da sam rekao OL

228
00:10:33,770 --> 00:10:36,730
bez navođenja početnu atribut.

229
00:10:36,730 --> 00:10:41,594
>> Dakle, samo ćemo pregledati ovaj, tako da možete
dobili osjećaj za ono što se ovdje događa.

230
00:10:41,594 --> 00:10:42,260
I tamo idemo.

231
00:10:42,260 --> 00:10:44,610
Tu je moj popis.

232
00:10:44,610 --> 00:10:47,810
Prvih pet elementi
neuređen ili grafičkim oznakama liste.

233
00:10:47,810 --> 00:10:51,010
A sljedeći pet elemenata
su zasebna popis naredio

234
00:10:51,010 --> 00:10:52,980
počevši od šest.

235
00:10:52,980 --> 00:10:56,247
Dakle, to je kako možemo
izgraditi popise pomoću HTML.

236
00:10:56,247 --> 00:10:58,080
Još jedna stvar koju možda
želite raditi s HTML

237
00:10:58,080 --> 00:11:01,520
je izgraditi tablicu
Informacije redaka i stupaca

238
00:11:01,520 --> 00:11:04,560
prezentirati informacije u
posebno organiziran način.

239
00:11:04,560 --> 00:11:09,110
Da biste to učinili s HTML možemo imati
Definicija stol s početkom otvorene nosač

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

241
00:11:10,160 --> 00:11:14,680
A onda unutar tog stola smo
može imati niz redaka, TR oznake

242
00:11:14,680 --> 00:11:15,980
naznačiti svaki redak.

243
00:11:15,980 --> 00:11:22,510
A onda TD oznake ići unutar TR oznake
odrediti stupac u retku.

244
00:11:22,510 --> 00:11:24,340
>> Zašto se zove TD, a ne TC?

245
00:11:24,340 --> 00:11:25,940
Pa, TD predstavlja podataka tablice.

246
00:11:25,940 --> 00:11:27,900
Obično ste stavljajući
vaše podatke ovdje.

247
00:11:27,900 --> 00:11:29,440
Dakle, to je razlog zašto je TD, a ne TC.

248
00:11:29,440 --> 00:11:31,140
To je malo zbunjujuće.

249
00:11:31,140 --> 00:11:33,720
>> Dakle, imate stol oznake i
unutar svojih stolnih oznake

250
00:11:33,720 --> 00:11:35,600
imate broj redaka, TRS.

251
00:11:35,600 --> 00:11:40,030
I u svakom retku imate
TDS za broj stupaca

252
00:11:40,030 --> 00:11:42,880
koje želite imati
u tom retku.

253
00:11:42,880 --> 00:11:47,730
Uzmimo pogled na vrlo
Jednostavan stol više u CS50 IDE.

254
00:11:47,730 --> 00:11:49,730
>> Dakle, imam ovdje datoteku
naziva stolni dot HTML.

255
00:11:49,730 --> 00:11:53,390
Idemo imaju pogled na
kako to izgleda.

256
00:11:53,390 --> 00:11:56,225
Postoji mnogo događa ovdje, ali
ako primijetite imam stol otvoren.

257
00:11:56,225 --> 00:11:57,850
Počinjem definiciju sa stola.

258
00:11:57,850 --> 00:12:02,100
A onda je u mom prvom redu sam očito
ima četiri stupca, jedan, dva, tri,

259
00:12:02,100 --> 00:12:02,660
četiri.

260
00:12:02,660 --> 00:12:04,290
A onda sam učinio s tim redom.

261
00:12:04,290 --> 00:12:07,750
>> Tada sam početi još jedan red i
ne dvije, četiri, šest, osam.

262
00:12:07,750 --> 00:12:08,850
Završite to red.

263
00:12:08,850 --> 00:12:11,410
Imate još jedan red, tri, šest, devet, 12.

264
00:12:11,410 --> 00:12:14,830
I onda u zadnji red, četiri,
osam, 12, i iako je to

265
00:12:14,830 --> 00:12:16,560
malo odrezati ovdje, 16.

266
00:12:16,560 --> 00:12:17,710
>> Završio sam taj red.

267
00:12:17,710 --> 00:12:18,970
Završio sam stol.

268
00:12:18,970 --> 00:12:21,430
A onda sam učinio s mojim HTML.

269
00:12:21,430 --> 00:12:22,590
Što to izgledati?

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

271
00:12:26,014 --> 00:12:27,430
Pa, to nije stvarno puno toga vidjeti.

272
00:12:27,430 --> 00:12:31,690
Ja sam jasno organiziran moje podatke
u nešto više organiziran način.

273
00:12:31,690 --> 00:12:33,755
Ali to nije super lijepo ovdje.

274
00:12:33,755 --> 00:12:36,130
A mi ćemo se nositi s
da kada govorimo o CSS.

275
00:12:36,130 --> 00:12:38,930
Mi ćemo ponovno ovu ideju
ono što radimo napraviti table--

276
00:12:38,930 --> 00:12:41,260
možda ga formatirati malo bolje?

277
00:12:41,260 --> 00:12:45,070
Ali ja još uvijek nemam četiri reda,
od kojih svaki ima četiri stupca,

278
00:12:45,070 --> 00:12:48,890
i stvarno što to iznosi je
vrlo jednostavan četiri od četiri množenje

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

280
00:12:49,870 --> 00:12:51,690
>> Još samo nekoliko tagova ćemo razgovarati.

281
00:12:51,690 --> 00:12:54,617
Razgovarajmo o
Koncept HTML obliku.

282
00:12:54,617 --> 00:12:57,450
Dakle, možda ste vidjeli u
kontekst prijavom na web stranici.

283
00:12:57,450 --> 00:12:59,100
Obično upišete u vašem korisničkom imenu.

284
00:12:59,100 --> 00:13:01,510
Možete upisati svoju lozinku,
i ti si dobar to ići.

285
00:13:01,510 --> 00:13:04,170
To bi bio početak jednog oblika.

286
00:13:04,170 --> 00:13:05,420
>> Preskakanje preko div sekundu.

287
00:13:05,420 --> 00:13:07,987
Također imamo ulaza koji
vrsta stane unutar oblika.

288
00:13:07,987 --> 00:13:10,320
To su elementi koji
ti si zapravo upišete u,

289
00:13:10,320 --> 00:13:12,580
ili radio gumbi si
otkucava, ili ček

290
00:13:12,580 --> 00:13:14,310
kutije da ste otkucava off.

291
00:13:14,310 --> 00:13:15,770
Dakle, to ide unutar oblika.

292
00:13:15,770 --> 00:13:18,500
I oni obuhvaćaju osnovi
svaki red obliku

293
00:13:18,500 --> 00:13:19,887
ako je vaš oblik formatiran dobro.

294
00:13:19,887 --> 00:13:22,220
Zatim tu je ovaj koncept
div, koji ne stvarno

295
00:13:22,220 --> 00:13:25,060
stane u bilo koju određenu kategoriju
od oznake poput onih sam

296
00:13:25,060 --> 00:13:26,170
radili prije.

297
00:13:26,170 --> 00:13:29,790
To samo vrsta markira
počevši od neke proizvoljne division--

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

299
00:13:31,670 --> 00:13:33,210
Nema vizualne pauze.

300
00:13:33,210 --> 00:13:34,800
Nema linije.

301
00:13:34,800 --> 00:13:37,180
To nije krenuo kao
automatski odvojeni komad.

302
00:13:37,180 --> 00:13:39,430
Morao bi to stil
koji način to učiniti.

303
00:13:39,430 --> 00:13:42,110
>> To samo vrsta kaže Želim
komad prostora na moje web stranice,

304
00:13:42,110 --> 00:13:45,190
a ja sam samo nazvati
je ova podjela moje stranice.

305
00:13:45,190 --> 00:13:47,619
Možemo staviti stvari u
od elemente DIV, i zapravo,

306
00:13:47,619 --> 00:13:49,410
kad smo nad glavom
IDE u sekundi, mi ćemo

307
00:13:49,410 --> 00:13:53,760
vidim da sam stavljajući moj
formiraju unutar div.

308
00:13:53,760 --> 00:13:57,050
>> Dakle, imam ovdje u mom IDE A
Datoteka naziva div oblik dot HTML.

309
00:13:57,050 --> 00:13:59,260
Idemo ga otvoriti.

310
00:13:59,260 --> 00:14:01,460
Uočite da kao što sam rekao,
div je vrsta proizvoljna.

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

312
00:14:01,640 --> 00:14:02,973
To zapravo ne znači ništa.

313
00:14:02,973 --> 00:14:05,140
Dakle, imam proizvoljna
Prva podjela moju stranicu.

314
00:14:05,140 --> 00:14:07,848
I onda, umjesto drugog div
kasnije, počevši od linije osam,

315
00:14:07,848 --> 00:14:08,730
Imam ovaj obrazac.

316
00:14:08,730 --> 00:14:13,594
A unutar obrasca imam
Broj ulaza, polja obrasca.

317
00:14:13,594 --> 00:14:16,510
Tako sam teren čije ime je A-
što zapravo ne znači ništa

318
00:14:16,510 --> 00:14:19,350
Pravo now-- koji očito
Potrebno tekst, još jedan koji

319
00:14:19,350 --> 00:14:22,630
ima lozinku, drugi koji je radio
gumb, još jedan koji je potvrdni okvir,

320
00:14:22,630 --> 00:14:24,797
a drugi da je gumb Pošalji.

321
00:14:24,797 --> 00:14:26,630
Pa, što to
Sve zapravo izgledaju?

322
00:14:26,630 --> 00:14:27,629
Pa, neka je pogledati.

323
00:14:27,629 --> 00:14:31,010
Mi ćemo ga otvoriti u našem prozorčiću.

324
00:14:31,010 --> 00:14:33,557
Obavijest da je to proizvoljna
Prvi division-- postoji

325
00:14:33,557 --> 00:14:34,640
nema vizualnog razdvajanja ovdje.

326
00:14:34,640 --> 00:14:37,150
To zapravo nije ništa, zar ne?

327
00:14:37,150 --> 00:14:38,220
>> A onda imam formu.

328
00:14:38,220 --> 00:14:39,890
I nisam napravio nikakvu posebnu oblikovanje.

329
00:14:39,890 --> 00:14:42,680
Dakle, forma je samo jedan
Veliki red informacija.

330
00:14:42,680 --> 00:14:46,424
Da sam formatiran moj obrazac drugačije,
Možda ću ga redak po redak po redak.

331
00:14:46,424 --> 00:14:47,590
Ali nisam to bilo styling.

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

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

334
00:14:51,030 --> 00:14:53,980
>> Pa u mom tekstualnom obliku mogu type--
sjetite se da oblici tipa teksta

335
00:14:53,980 --> 00:14:55,480
tako da mogu staviti svoje ime.

336
00:14:55,480 --> 00:14:57,330
I u mom lozinkom I.
upišite svoju lozinku.

337
00:14:57,330 --> 00:14:59,740
I zbog tog područja
je tipa lozinke,

338
00:14:59,740 --> 00:15:01,470
ne znam što mi je lozinka.

339
00:15:01,470 --> 00:15:02,800
To je sve točkice.

340
00:15:02,800 --> 00:15:09,140
>> Također možete odabrati da označite off
radio gumb ili otkucavati potvrdni okvir.

341
00:15:09,140 --> 00:15:10,420
Ili bih mogao podnijeti svoju formu.

342
00:15:10,420 --> 00:15:11,810
I nisam ništa,
pa kad sam poslati moj oblik,

343
00:15:11,810 --> 00:15:13,090
se stranica osvježava.

344
00:15:13,090 --> 00:15:16,970
Ali sam možda mogao konfigurirati moj
Pošaljite gumb učiniti nešto drugo.

345
00:15:16,970 --> 00:15:20,410
I mi ćemo vidjeti što možemo učiniti s
da u budućem video na PHP.

346
00:15:20,410 --> 00:15:22,520
Ali to gradi vrlo
jednostavan oblik koji se

347
00:15:22,520 --> 00:15:27,360
može koristiti da se korisnicima interakciju i
dostaviti podatke na našu web stranicu.

348
00:15:27,360 --> 00:15:29,620
>> Jedan zadnji komentar prije nego što smo
premjestiti na neke druge oznake

349
00:15:29,620 --> 00:15:32,040
su uzeti pogledati ovaj
ulazna oznaka još jednom.

350
00:15:32,040 --> 00:15:35,760
Obavijest da sam istaknuo
krajevi oznake u crveno.

351
00:15:35,760 --> 00:15:39,390
Svaki drugi oznaka smo dosad vidjeli ima
imao početak i kraj, otvor

352
00:15:39,390 --> 00:15:41,030
oznaka i završna oznaka.

353
00:15:41,030 --> 00:15:42,520
>> Ali unos oznaka ne.

354
00:15:42,520 --> 00:15:46,860
Nema tekst koji ide
između ulaznih tagova.

355
00:15:46,860 --> 00:15:49,160
Sve informacije
mi namjerava prenijeti

356
00:15:49,160 --> 00:15:52,640
je povezana kao dio
atribute tog ulaza.

357
00:15:52,640 --> 00:15:54,690
Obavijest imamo naziv za unos jednak x.

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

359
00:15:55,580 --> 00:15:57,660
To je stvarno sve
Informacije trebamo.

360
00:15:57,660 --> 00:15:59,470
>> To se zove self zatvaranja oznaku.

361
00:15:59,470 --> 00:16:02,470
To ne zahtijeva otvor i
u neposrednoj blizini, jer sve informacije

362
00:16:02,470 --> 00:16:04,974
sadržan unutar
oznaku i njegove atribute.

363
00:16:04,974 --> 00:16:06,390
Dakle, ponekad ćete vidjeti, previše.

364
00:16:06,390 --> 00:16:10,400
Dakle, samo budite svjesni da, ako imate
oznaka da je u potpunosti self-sadržane,

365
00:16:10,400 --> 00:16:14,170
to otvara i zatvara s
otvoreni kut nosač na lijevoj

366
00:16:14,170 --> 00:16:17,000
a kut slash
Nosač na desnoj strani.

367
00:16:17,000 --> 00:16:20,580
Vidjet ćemo još jedan od onih
sada sa slike oznake, kao dobro.

368
00:16:20,580 --> 00:16:23,300
>> Prije nego što smo razgovarati o slikama, mi
Moramo razgovarati o hiperveze.

369
00:16:23,300 --> 00:16:26,080
Ako želimo da naša web stranica se
Interaktivna i premjestiti nas okolo,

370
00:16:26,080 --> 00:16:28,121
bilo bi lijepo biti u mogućnosti
kliknite na jednu od onih

371
00:16:28,121 --> 00:16:30,190
što obično je plavi veza.

372
00:16:30,190 --> 00:16:34,440
To je zapravo kako ćemo graditi
hipervezu u našoj web-stranici.

373
00:16:34,440 --> 00:16:36,540
I zanimljivo
postoji još jedan HTML oznake

374
00:16:36,540 --> 00:16:39,000
zove veza, što nije hipervezu.

375
00:16:39,000 --> 00:16:44,130
Ovdje stoji za sidro, i
to je kako smo ukazuju na hipervezu.

376
00:16:44,130 --> 00:16:49,150
>> A href jednako x znači ići
Web stranica X. I sve

377
00:16:49,150 --> 00:16:51,580
između otvorenom Oznaka
a blizu Oznaka

378
00:16:51,580 --> 00:16:56,010
je ono što će biti da je podcrtana
plavi tekst koji izgleda kao vezu

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

380
00:16:57,590 --> 00:17:01,660
Ispod toga imamo slike oznaku koja
je self zatvaranja oznaku za prikaz

381
00:17:01,660 --> 00:17:05,599
slika nalazi na X. I
možda ćete biti u mogućnosti promijeniti

382
00:17:05,599 --> 00:17:08,280
ta slika određivanjem
širina i visina

383
00:17:08,280 --> 00:17:11,640
i ostali atributi u
da točka točka točka postoji.

384
00:17:11,640 --> 00:17:14,260
>> Na samom dnu ovdje
imamo vrlo zanimljiv

385
00:17:14,260 --> 00:17:16,170
u potrazi oznaku da ne
imaju završnu oznaku.

386
00:17:16,170 --> 00:17:19,410
To je uskličnik DOCTYPEhtml.

387
00:17:19,410 --> 00:17:23,300
Dakle HTML je oko budući da je
početkom 1990 za izgradnju web stranice,

388
00:17:23,300 --> 00:17:25,859
i to je otišao pretrpljen
nekoliko izmjena od tada.

389
00:17:25,859 --> 00:17:28,550
Nedavno je u 2014. godini
prošao reviziju

390
00:17:28,550 --> 00:17:33,440
zove HTML5 koji je sada trenutna
vrsta de facto HTML standarda.

391
00:17:33,440 --> 00:17:36,730
>> Za pokazuju da naše web
Stranice su pisane u HTML5,

392
00:17:36,730 --> 00:17:38,160
to je kako ćemo krenuti.

393
00:17:38,160 --> 00:17:40,380
To se može izostaviti, ali
što je u osnovi

394
00:17:40,380 --> 00:17:45,930
znači je da ne možete koristiti bilo koji od oznake
da su HTML5 oznake, te nove oznake.

395
00:17:45,930 --> 00:17:48,591
Tako smo uvijek početak
ako koristite HTML5.

396
00:17:48,591 --> 00:17:51,340
I sve oznake smo razgovarali o
prethodno nisu HTML5 oznake.

397
00:17:51,340 --> 00:17:55,470
No, to bi značilo da je
HTML5 oznake će biti prisutan.

398
00:17:55,470 --> 00:17:58,400
I tako smo uzvik
DOCTYPE HTML, koji

399
00:17:58,400 --> 00:18:01,280
je na samom početku našeg
HTML datoteka, a onda nakon toga točka

400
00:18:01,280 --> 00:18:04,930
mi zapravo imamo HTML otvorene
označiti i nastaviti od tamo.

401
00:18:04,930 --> 00:18:10,050
>> Posljednja je komentarom,
koji izgleda malo drugačije, previše.

402
00:18:10,050 --> 00:18:12,810
Ona započinje s kutom
Nosač usklik crtica

403
00:18:12,810 --> 00:18:15,220
crtica ali ne zatvaranje zagrada.

404
00:18:15,220 --> 00:18:20,150
U ta dva elementa između tamo
je mjesto gdje možete pisati svoje komentare.

405
00:18:20,150 --> 00:18:28,420
I neka je pogledati slike
i komentari i linkovi u CS50 IDE.

406
00:18:28,420 --> 00:18:32,850
>> Dakle, imam ovdje datoteka zove poveznica slike
dot HTML koji ću otvoriti.

407
00:18:32,850 --> 00:18:36,420
I obavijest Imam par
Komentari ovdje u mojim HTML komentarima.

408
00:18:36,420 --> 00:18:38,990
Dakle, baš kao u C i druge
programski jezici,

409
00:18:38,990 --> 00:18:43,169
HTML samo kao označni jezik
nema mogućnost da komentare.

410
00:18:43,169 --> 00:18:45,710
I tako sam očito će
stavite sliku Rick Astley

411
00:18:45,710 --> 00:18:49,060
negdje između ove div
oznaka, to proizvoljna podjela.

412
00:18:49,060 --> 00:18:51,497
Očigledno da je datoteka
nalazi na Rick dot JPEG, koji

413
00:18:51,497 --> 00:18:53,580
Ako krećemo natrag preko
moj file drvo za drugi,

414
00:18:53,580 --> 00:18:55,490
je datoteka koja postoji u
trenutni katalog.

415
00:18:55,490 --> 00:18:56,031
Dakle, to je u redu.

416
00:18:56,031 --> 00:18:57,710
Mogu to referenca.

417
00:18:57,710 --> 00:18:59,680
>> Onda ja mogu imati unutarnje veze.

418
00:18:59,680 --> 00:19:05,080
Dakle, primijetite na liniji 11 ovdje
moj href je zdravo dot HTML.

419
00:19:05,080 --> 00:19:09,050
Tako da je samo se odnosi na Hello dot HTML
koja postoji u trenutnom direktoriju.

420
00:19:09,050 --> 00:19:12,980
I ja također mogu imati vanjski
linkovi za samo navodeći HTTPS

421
00:19:12,980 --> 00:19:16,180
ukazati da ne govorim
o datoteci u mom trenutnom direktoriju.

422
00:19:16,180 --> 00:19:19,730
Govorim o datoteci koja postoji
negdje na internetu, koji sam

423
00:19:19,730 --> 00:19:23,370
zatražiti pomoću HTTP protokola.

424
00:19:23,370 --> 00:19:25,990
>> Tako ćemo se pogled na ono što
ovu stranicu mogao izgledati

425
00:19:25,990 --> 00:19:29,500
i dobiti spremna za sliku Rick
Astley se pojaviti na zaslonu.

426
00:19:29,500 --> 00:19:31,490
Zato ću pregledati ovaj.

427
00:19:31,490 --> 00:19:33,800
Postoji Rick Astley Na
samom vrhu u ovom proizvoljna

428
00:19:33,800 --> 00:19:35,008
Podjela sam ga stavio na vrh.

429
00:19:35,008 --> 00:19:36,960
A onda dolje I.
imaju svoje veze, zar ne?

430
00:19:36,960 --> 00:19:39,330
>> Imam link na zdravo dot HTML.

431
00:19:39,330 --> 00:19:42,860
I ako ja kliknite da ću dobiti
prišao ovu stranicu

432
00:19:42,860 --> 00:19:47,050
da smo dobro upoznati s od
samog početka našeg programa.

433
00:19:47,050 --> 00:19:50,880
Ako sam pop tu stranicu otvorenu opet, ako sam
pop poveznica slike otvoriti još jednom,

434
00:19:50,880 --> 00:19:54,420
Ja mogu ići izvana
na CS50 web stranice.

435
00:19:54,420 --> 00:19:56,740
I tu smo see-- ću
smanjivanje malo here--

436
00:19:56,740 --> 00:20:00,260
vidjet ćemo CS50 web stranici vrsta
ugrađen u sredini našoj stranici.

437
00:20:00,260 --> 00:20:04,670
Tako sam bio u mogućnosti da unutarnji
povezati kao vanjski link.

438
00:20:04,670 --> 00:20:07,200
>> Posljednji pravilo s HTML-a koji
ćemo govoriti o ovdje

439
00:20:07,200 --> 00:20:09,510
je da je vaš HTML treba dobro formirana.

440
00:20:09,510 --> 00:20:13,020
U C smo puno razgovarali o tome
razne sintakse stvari.

441
00:20:13,020 --> 00:20:17,650
U HTML sintaksa stvarno
vrti oko oznake.

442
00:20:17,650 --> 00:20:19,660
Svaka oznaka otvorite treba biti zatvoren.

443
00:20:19,660 --> 00:20:22,630
A u stvari, svaki tag otvorite
bi trebao biti zatvoren u obrnutom redoslijedu.

444
00:20:22,630 --> 00:20:25,790
>> Dakle, ako ste otvorili bold oznaku, italskim
oznake, a zatim podvlačenje tag

445
00:20:25,790 --> 00:20:28,120
učiniti sve tri u A
Posebno skup teksta,

446
00:20:28,120 --> 00:20:30,070
trebate ih zatvoriti u obrnutom redoslijedu.

447
00:20:30,070 --> 00:20:32,270
Dakle, ako ste otvorili podebljano,
kurziv, podcrtati, što

448
00:20:32,270 --> 00:20:35,240
Želite zatvoriti podcrtano, kurziv, podebljano.

449
00:20:35,240 --> 00:20:39,990
Ova vrsta kućištima je što
čuva HTML lijepo i organizirano.

450
00:20:39,990 --> 00:20:44,370
>> Za razliku od C, ipak, sintakse pogreške neće
zapravo bogalj HTML eventualno.

451
00:20:44,370 --> 00:20:48,730
Vaš HTML možda nije dobro
formirana, ali će i dalje raditi.

452
00:20:48,730 --> 00:20:50,589
I tako te pogreške
Možete sortirati od slajda po.

453
00:20:50,589 --> 00:20:52,130
To je do vas da zaista biti oprezan.

454
00:20:52,130 --> 00:20:54,760
Ponekad oni će uspjeti, ali
Ponekad možete dobiti daleko s njom.

455
00:20:54,760 --> 00:20:56,509
>> To može biti jako
težak zadatak, međutim,

456
00:20:56,509 --> 00:21:00,660
pratiti kada ste otvorili
oznaka, kada ga zatvorio,

457
00:21:00,660 --> 00:21:04,110
osobito kao HTML
Datoteke dobiti veći i veći.

458
00:21:04,110 --> 00:21:05,490
Vi ćete želite pomoć.

459
00:21:05,490 --> 00:21:07,560
A tu su i online
Validator alat koji vam

460
00:21:07,560 --> 00:21:11,474
možete koristiti da imaju pogled na vaše web
stranica i vidjeti je li to dobro oblikovan HTML.

461
00:21:11,474 --> 00:21:13,390
I svakako biste trebali
pogledajte one

462
00:21:13,390 --> 00:21:16,620
i početi ih koristiti kao i vi
početi raditi neki posao s HTML,

463
00:21:16,620 --> 00:21:20,800
pisanje HTML, samo tako ćete dobiti
neke dobre navike o organiziranju

464
00:21:20,800 --> 00:21:24,377
Vaš HTML na dobar način i
Dobar stil i da

465
00:21:24,377 --> 00:21:27,210
da ne radite ništa što
mogao stvoriti sintaktičku pogrešku koja

466
00:21:27,210 --> 00:21:30,270
bi uzrokovati vam malo
problem niz cestu.

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

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

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