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

2
00:00:06,100 --> 00:00:08,790
>> DOUG LLOYD: Takže sme strávili
about-- keď je moja matematika je správne,

3
00:00:08,790 --> 00:00:11,900
A myslím, že pri pohľade back-- myslím,
sme strávili asi 35 videí hovorí

4
00:00:11,900 --> 00:00:15,139
o rôznych aspektoch C, možno
o trochu viac, možno o niečo menej.

5
00:00:15,139 --> 00:00:16,930
A my sa nevzťahuje na
všetko v C, ale my

6
00:00:16,930 --> 00:00:21,170
sa vzťahuje veľký kus z
jazyk, drvivá väčšina z nich,

7
00:00:21,170 --> 00:00:22,882
iste aj pre bežné použitie.

8
00:00:22,882 --> 00:00:25,090
Teraz budeme hovoriť
o iný jazyk, HTML.

9
00:00:25,090 --> 00:00:28,180
A ideme na pokrytie
to len v jednom videu.

10
00:00:28,180 --> 00:00:29,340
>> Ale to bude v poriadku.

11
00:00:29,340 --> 00:00:31,410
To bude skutočne stáť
niečo, čo budete zvyknúť.

12
00:00:31,410 --> 00:00:33,535
Teraz, keď máte
Základy jedného jazyka,

13
00:00:33,535 --> 00:00:35,776
je to vlastne celkom jednoduché
sa začať učiť ostatných.

14
00:00:35,776 --> 00:00:37,650
Takže ideme na začiatok
ku kroku trochu späť

15
00:00:37,650 --> 00:00:43,340
a zakryť základné
rozdiely medzi týmito jazykoch

16
00:00:43,340 --> 00:00:45,750
a druh nechať vás k nemu.

17
00:00:45,750 --> 00:00:48,530
Je tu veľa naozaj skvelý
zdroje na internete, ktorý

18
00:00:48,530 --> 00:00:51,279
budeme začať réžii vás
voči pretože internet je

19
00:00:51,279 --> 00:00:53,340
obrovská úložisko informácií.

20
00:00:53,340 --> 00:00:55,960
A tak to nie je ako budete
byť prichádzajú nutne

21
00:00:55,960 --> 00:00:58,349
tým, že nie je informácia
zahrnuté vo videu.

22
00:00:58,349 --> 00:01:00,640
Stále budete mať možnosť získať
všetko, čo potrebujú a využívajú

23
00:01:00,640 --> 00:01:03,590
znalosti, ktoré ste už
vybudovala pochopením C

24
00:01:03,590 --> 00:01:07,130
aby krivku učenia pre tieto
iné jazyky vlastne veľa plochejšie.

25
00:01:07,130 --> 00:01:08,640
Sľubujem.

26
00:01:08,640 --> 00:01:12,770
>> Ale poďme hovoriť o jednom jazyku
to je naozaj zásadný pre každý web

27
00:01:12,770 --> 00:01:14,830
strana, ktorá 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 jazyk, ale to je
nie je programovací jazyk.

30
00:01:22,700 --> 00:01:23,900
>> HTML nemá premenné.

31
00:01:23,900 --> 00:01:26,430
To nemá logiku ani
funkcie alebo niečo také.

32
00:01:26,430 --> 00:01:30,301
Nemôžeme robiť žiadne
programovanie sám o sebe v HTML.

33
00:01:30,301 --> 00:01:32,300
Občas začujete
ľudia popisujú seba

34
00:01:32,300 --> 00:01:35,710
ako HTML programátorov, ktoré
nie je úplne presné.

35
00:01:35,710 --> 00:01:37,980
Nemôžeme písať HTML programy.

36
00:01:37,980 --> 00:01:40,770
>> HTML slúži len označiť text.

37
00:01:40,770 --> 00:01:42,690
Volá sa to značkovací jazyk.

38
00:01:42,690 --> 00:01:47,680
A čo to does-- túto markup--
používame tagy v HTML a tieto tags--

39
00:01:47,680 --> 00:01:51,600
tento markup-- sémanticky
definuje štruktúru stránky

40
00:01:51,600 --> 00:01:55,280
a spôsobí, že obyčajný text, ktorý
existuje medzi značky, ktoré majú byť interpretované

41
00:01:55,280 --> 00:01:57,320
by prehliadačov rôznymi spôsobmi.

42
00:01:57,320 --> 00:02:00,370
A možno je to najlepšie vysvetliť
tým, že spôsob ilustrácie.

43
00:02:00,370 --> 00:02:06,450
>> Tu je veľmi jednoduchá stránka HTML, nie
program HTML, opäť, stránka HTML.

44
00:02:06,450 --> 00:02:08,680
A my vieme, že je to
HTML stránky, pretože my máme

45
00:02:08,680 --> 00:02:11,480
ohraničené všetko s HTML tagy.

46
00:02:11,480 --> 00:02:13,850
Takže toto je to, čo značka HTML vyzerá.

47
00:02:13,850 --> 00:02:15,870
Je to medzi lomených zátvorkách.

48
00:02:15,870 --> 00:02:18,570
A všimnite si na vrchole máme
HTML a na samom dne,

49
00:02:18,570 --> 00:02:21,400
potom, čo sme urobili, čo je
zrejme mnoho ďalších HTML,

50
00:02:21,400 --> 00:02:24,310
máme uhol zátvorka lomítko HTML.

51
00:02:24,310 --> 00:02:29,262
Tak, že druh je hranica
medzi tým, čo je HTML a čo nie je.

52
00:02:29,262 --> 00:02:32,220
A samozrejme, konvenčne, len
ako píšeš všetky vaše C programov

53
00:02:32,220 --> 00:02:35,300
s rozšíreniami bodka C,
všetky súbory HTML

54
00:02:35,300 --> 00:02:37,909
skončí s bodových rozšírenie HTML.

55
00:02:37,909 --> 00:02:39,200
Ale je tu ide o viac.

56
00:02:39,200 --> 00:02:40,658
Nemáme jednoducho mať tieto HTML tagy.

57
00:02:40,658 --> 00:02:44,010
Máme zrejme sa to
čomu sa hovorí tag hlavy.

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

59
00:02:46,010 --> 00:02:48,550
>> No, možno, že je to najlepšie
rozlíšiť pomocou telesa,

60
00:02:48,550 --> 00:02:50,590
Telo je obsah webovej stránky.

61
00:02:50,590 --> 00:02:55,860
Takže možno tag hlava definuje veci
že nie je v okne prehliadača správne,

62
00:02:55,860 --> 00:02:59,410
ale je nejako dôležité pre naše
webové stránky je vykreslený správne.

63
00:02:59,410 --> 00:03:02,490
Napríklad, vo vnútri z
head tag máme názov značky.

64
00:03:02,490 --> 00:03:05,500
>> Takže názov bytia hello world,
že to vlastne bude, čo

65
00:03:05,500 --> 00:03:08,797
zobrazí v záložke v Chrome
alebo v safari alebo Firefox--

66
00:03:08,797 --> 00:03:11,880
bez ohľadu na prehliadač prefer--, že je to
čo sa deje sa ukázať v názve.

67
00:03:11,880 --> 00:03:14,800
A než kartách by to ukázať,
v celom okne prehliadača

68
00:03:14,800 --> 00:03:19,710
a môžete mať iba jednu stránku
otvorí v okne prehliadača v čase.

69
00:03:19,710 --> 00:03:22,160
Takže, čo sa deje, že je
Názov mojej stránke up v záložke

70
00:03:22,160 --> 00:03:24,600
alebo okno prehliadača bar, hello world.

71
00:03:24,600 --> 00:03:28,611
A potom sa obsah my
webová stránka bude svet, ahoj.

72
00:03:28,611 --> 00:03:31,360
Takže poďme sa pozrieť na to, čo niektorí
niečo také by mohlo vyzerať.

73
00:03:31,360 --> 00:03:33,210
To je celkom jednoduchá stránka HTML.

74
00:03:33,210 --> 00:03:35,970
Tak som tu v mojom CS50 IDE a
Ja som priblíženie trochu.

75
00:03:35,970 --> 00:03:38,290
A ja som jednoducho ísť
otvoriť ahoj dot HTML

76
00:03:38,290 --> 00:03:42,000
a ukázať vám, že je to do značnej miery
stránky obsah, ktorý sme videli skôr.

77
00:03:42,000 --> 00:03:45,240
Moje jednoduchých HTML, hlava značky,
názov značky, telo, a tak ďalej.

78
00:03:45,240 --> 00:03:47,320
Ja som odsadené byť čisté.

79
00:03:47,320 --> 00:03:51,530
>> A potom, čo sa dá robiť v mojom
IDE je len zobraziť náhľad stránky.

80
00:03:51,530 --> 00:03:52,630
A tam ideme.

81
00:03:52,630 --> 00:03:56,070
Obsah mojej stránke je svet,
ahoj, a ja nič nevidím

82
00:03:56,070 --> 00:03:58,500
Z tagov hlavy tam.

83
00:03:58,500 --> 00:03:59,980
Je to len obsah tela.

84
00:03:59,980 --> 00:04:00,780
World, ahoj.

85
00:04:00,780 --> 00:04:03,700
A opäť telo len
povedal, svet, ahoj.

86
00:04:03,700 --> 00:04:06,160
Druhá časť chýba.

87
00:04:06,160 --> 00:04:07,610
>> Tak to je naozaj všetko, čo je.

88
00:04:07,610 --> 00:04:11,370
Jedná sa o veľmi jednoduchý základnej stránka HTML.

89
00:04:11,370 --> 00:04:14,280
Teraz som odsadené môjho HTML kódu do
byť naozaj pekné a organizovanej,

90
00:04:14,280 --> 00:04:15,840
ale nemám v skutočnosti mať.

91
00:04:15,840 --> 00:04:17,959
Mohol by som, aby to vyzeralo pekne škaredé.

92
00:04:17,959 --> 00:04:19,467
A to by stále fungovať.

93
00:04:19,467 --> 00:04:21,050
To by bolo presne rovnaké webové stránky.

94
00:04:21,050 --> 00:04:23,100
Práve som zbavili
všetky biele miesto.

95
00:04:23,100 --> 00:04:24,820
>> Ako to dopadá, biely priestor je dát.

96
00:04:24,820 --> 00:04:28,540
A tak, keď sme odosielania dát z
odosielateľa k prijímaču, zo servera

97
00:04:28,540 --> 00:04:30,670
klientovi dáta stojí peniaze.

98
00:04:30,670 --> 00:04:34,460
A tak, ako sa zbaviť medzery
je vlastne dobrý nápad

99
00:04:34,460 --> 00:04:37,320
ak ste niekoho, kto slúži
up veľa webového obsahu.

100
00:04:37,320 --> 00:04:39,820
Je to zlý nápad, ak ste
niekto, kto ich učí tieto veci

101
00:04:39,820 --> 00:04:41,528
a chcete mať
to pekne organizovaný.

102
00:04:41,528 --> 00:04:43,810
To je oveľa jednoduchšie, rozobrať, ako toto.

103
00:04:43,810 --> 00:04:45,540
Ale je to funkčne totožné.

104
00:04:45,540 --> 00:04:48,720
>> Odsadenie a podobné veci
nie je v skutočnosti jedno, v HTML.

105
00:04:48,720 --> 00:04:53,634
Všetko, na čom záleží, je otváracia tagy a
uzatváracie značky v správnom poradí.

106
00:04:53,634 --> 00:04:55,050
Všimnite si, čo sa tu stalo, hoci.

107
00:04:55,050 --> 00:04:58,450
Značkovacie nám dáva cestu k
oznamovať ďalšie informácie

108
00:04:58,450 --> 00:04:59,940
o tom, čo som napísal.

109
00:04:59,940 --> 00:05:03,130
Hello, World časť bola
interpretované ako titul.

110
00:05:03,130 --> 00:05:06,410
A svet, ahoj časť bola
interpretovaná ako obsah

111
00:05:06,410 --> 00:05:09,090
alebo čo by malo byť
viditeľný na mojej webovej stránke.

112
00:05:09,090 --> 00:05:12,167
>> Existuje viac ako 100 z nich odlišný
tagy a mnoho skvelých zdrojov

113
00:05:12,167 --> 00:05:13,000
on-line je nájsť.

114
00:05:13,000 --> 00:05:14,900
Budeme hovoriť o
len málo z nich v tomto videu, niektorí

115
00:05:14,900 --> 00:05:16,440
o naozaj zásadné veci.

116
00:05:16,440 --> 00:05:18,440
Ale my nebudeme hovoriť
o tom všetkom, pretože to

117
00:05:18,440 --> 00:05:20,250
by byť vyčerpávajúci, aby tak urobili.

118
00:05:20,250 --> 00:05:22,880
>> Ďalšia vec, ktorú môžete urobiť, aj keď,
je otvoriť vývojárske nástroje.

119
00:05:22,880 --> 00:05:26,069
A ak si spomínate z
naše video na protokole HTTP,

120
00:05:26,069 --> 00:05:27,860
Vysvetlil som, ako otvoriť
up vývojárskych nástrojov.

121
00:05:27,860 --> 00:05:32,020
V Chrome je to zvyčajne kláves F12
otvoriť panel nástrojov pre vývojárov.

122
00:05:32,020 --> 00:05:35,909
Potom miesto voľby Sieť
Karta, môžete zvoliť záložku Elements.

123
00:05:35,909 --> 00:05:37,700
A ak vložíte web
strana, budete vlastne

124
00:05:37,700 --> 00:05:40,280
nájdete v HTML, ktorý vytvára túto webovú stránku.

125
00:05:40,280 --> 00:05:44,090
A tak sa môžete dozvedieť veľa o HTML
pri pohľade na svoje obľúbené webové stránky

126
00:05:44,090 --> 00:05:48,474
a keď vidí, ako sa budovať
rôzne kusy z nich, ktoré sa vám páčia.

127
00:05:48,474 --> 00:05:50,890
Takže možno, že je to v pohode
vzor alebo niečo také.

128
00:05:50,890 --> 00:05:52,140
Ako to robia to s HTML?

129
00:05:52,140 --> 00:05:55,630
No stačí otvoriť svoj developer
nástroje a vznášať sa nad tento prvok

130
00:05:55,630 --> 00:05:57,700
a vidieť presne to, čo robí to HTML.

131
00:05:57,700 --> 00:05:59,450
Tak to je naozaj
dobrý spôsob, ako sa naučiť HTML,

132
00:05:59,450 --> 00:06:02,330
a ja odporúčam, aby
robíte to ako sa učiť HTML

133
00:06:02,330 --> 00:06:04,930
a tiež sa učiť trochu
niečo o niektoré z možností

134
00:06:04,930 --> 00:06:07,050
pre vás k dispozícii v
vývojárske nástroje, ktoré

135
00:06:07,050 --> 00:06:10,200
iste príde vhod ako
začnete robiť viac intenzívnejšie web

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

137
00:06:11,090 --> 00:06:14,080
>> Takže poďme sa pozrieť na
pár spoločných HTML tagy.

138
00:06:14,080 --> 00:06:17,210
A budeme skákať a sa pozrieť na
čo tieto tagy budú tiež k tomu,

139
00:06:17,210 --> 00:06:20,490
ako pri pohľade na niektoré súbory v mojej IDE.

140
00:06:20,490 --> 00:06:26,330
Tak tu sú tri veľmi základné tagy pre
ladením vzhľad textu.

141
00:06:26,330 --> 00:06:29,050
Je tu tagy B, tagy I a U značky.

142
00:06:29,050 --> 00:06:33,170
A v tomto poradí, čo robia, je
vykresliť text medzi nimi tučne,

143
00:06:33,170 --> 00:06:35,430
kurzíva a podčiarknutie.

144
00:06:35,430 --> 00:06:40,430
Takže poďme sa pozrieť, čo to bude vyzerať
ako na skutočné webové stránky v mojom IDE.

145
00:06:40,430 --> 00:06:43,390
>> Takže tu v mojom IDE Mám
súbor s názvom BIU dot HTML.

146
00:06:43,390 --> 00:06:46,770
BIU dot HTML byť len
tučné, kurzíva, podčiarknutie.

147
00:06:46,770 --> 00:06:47,830
Otvorím to.

148
00:06:47,830 --> 00:06:51,810
>> A my budeme vidieť, že tu som
majú tento text je tagy B tučne.

149
00:06:51,810 --> 00:06:54,010
Tento text je od I kurzíva.

150
00:06:54,010 --> 00:06:56,307
A tento text je podčiarknutý U značky.

151
00:06:56,307 --> 00:06:57,640
Čo sa to bude vyzerať?

152
00:06:57,640 --> 00:06:59,473
Tak znova, všetko, čo mám
urobiť, je ísť sem

153
00:06:59,473 --> 00:07:04,690
do svojho prehliadača, môj prehliadač súborov, kliknite na tlačidlo
Preview, a to je to, čo príde.

154
00:07:04,690 --> 00:07:07,520
>> Text medzi B
tagy je naozaj teraz tučne.

155
00:07:07,520 --> 00:07:10,720
Text medzi I
tagy je naozaj teraz kurzíva.

156
00:07:10,720 --> 00:07:14,634
A text v medzi U
tagy skutočne teraz podčiarknutá.

157
00:07:14,634 --> 00:07:15,550
Tak to je celkom dobré.

158
00:07:15,550 --> 00:07:18,450
Teraz vieme, ako sa robí textu
vyzerať trochu viac fantázie

159
00:07:18,450 --> 00:07:20,360
alebo kresliť dôraz na určité veci.

160
00:07:20,360 --> 00:07:25,530
Ďalších pár bežných značiek sú tu
odseky tagy, tagy P, a záhlavia,

161
00:07:25,530 --> 00:07:27,980
ktorý som tu vykreslený ako HX.

162
00:07:27,980 --> 00:07:32,520
>> Tieto P tagy, tieto tagy odsek,
zlomiť znenie až do odsekov.

163
00:07:32,520 --> 00:07:34,646
Nestačí len
stlačte klávesu Enter a opustiť priestory,

164
00:07:34,646 --> 00:07:37,186
pretože počítač je až vo chvíli
robiť to, čo vám to povedať robiť

165
00:07:37,186 --> 00:07:39,450
a ignoruje biele
priestoru z väčšej časti.

166
00:07:39,450 --> 00:07:41,636
Takže nemôžeme jednoducho stlačiť Enter
a očakávajú, že náš počítač

167
00:07:41,636 --> 00:07:43,760
interpretovať, že chceme,
začať nový odsek.

168
00:07:43,760 --> 00:07:47,670
Musíme veľmi jasne povedať
je jeden paragraph-- je another--

169
00:07:47,670 --> 00:07:50,740
uzavretím každý v súbore P značiek.

170
00:07:50,740 --> 00:07:54,560
>> A máme tiež tieto možnosti
pre H tagy, týchto značiek hlavičky.

171
00:07:54,560 --> 00:07:57,000
Máme šesť rôznych úrovniach
záhlavie, jedna, dva, tri,

172
00:07:57,000 --> 00:08:01,110
štyri, päť, šesť, ktoré sú
postupne väčšie a väčšie

173
00:08:01,110 --> 00:08:01,710
hlavičky.

174
00:08:01,710 --> 00:08:04,360
A oni dostanú menšie a
menšie a menšie a menšie.

175
00:08:04,360 --> 00:08:07,690
Takže máme najvyššej úrovne hlavičku, druhá
header úrovni, a tak ďalej, a tak ďalej.

176
00:08:07,690 --> 00:08:10,480
>> Poďme sa pozrieť na niektoré možná
P značky a niektoré značky hlavičky

177
00:08:10,480 --> 00:08:13,110
v akcii na webovej stránke.

178
00:08:13,110 --> 00:08:18,180
Takže tu v mojom IDE Mám súbor s názvom
PH bodka HTML, pH sa odseky

179
00:08:18,180 --> 00:08:18,970
a tagy hlavičky.

180
00:08:18,970 --> 00:08:20,709
Otvoríte, že až.

181
00:08:20,709 --> 00:08:23,000
Je tu veľa tu deje
preto, že som dať nejaký Lorem

182
00:08:23,000 --> 00:08:24,660
ipsum, niektorí len náhodný text tu.

183
00:08:24,660 --> 00:08:27,284
Takže budem oddialiť trochu
pretože tam je toľko deje.

184
00:08:27,284 --> 00:08:31,980
Ale všimnite si, že mám pri veľmi
hore tu mám H1, prvej úrovne,

185
00:08:31,980 --> 00:08:32,802
hlavičky tag.

186
00:08:32,802 --> 00:08:36,010
Potom som sa odsek, ktorý je len
banda náhodné text-- Lorem ipsum--

187
00:08:36,010 --> 00:08:38,720
Len predvolené štandardná náplň v texte.

188
00:08:38,720 --> 00:08:41,970
Takže mám dva odseky, ktoré vo vnútri
Úroveň jedno záhlavie a potom dole I

189
00:08:41,970 --> 00:08:46,850
majú rovnaké dve hlavičky tu na riadku 24,
druhá hlavička stupeň, a ďalšie dva

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

191
00:08:47,840 --> 00:08:51,910
Tak čo to vyzerá
keď som ju zobraziť vo svojom náhľade?

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

193
00:08:53,790 --> 00:08:55,730
>> Takže si všimnúť, že
Prvý hlavičky tu hladina

194
00:08:55,730 --> 00:08:58,420
je vlastne celkom dosť väčší
ako druhá hlavičky hladiny.

195
00:08:58,420 --> 00:08:59,940
Takže sme použili H1 tagy.

196
00:08:59,940 --> 00:09:03,820
A všimnite si, že P značky nám umožňujú
rozdeliť veci do odsekov.

197
00:09:03,820 --> 00:09:07,500
Keby sme dostali zbaviť tých P značiek
a vlastne len dať Zadáva alebo vráti

198
00:09:07,500 --> 00:09:10,110
v medzi tým, čo sme dúfali by
byť rôzne body,

199
00:09:10,110 --> 00:09:13,193
budú všetci len zabuchnúť dohromady a
to nebude mať tento pekný odsek

200
00:09:13,193 --> 00:09:15,840
separácia s priestorom nad a pod.

201
00:09:15,840 --> 00:09:18,300
A tak to je to, čo odsek
tagy a tagy hlavičky

202
00:09:18,300 --> 00:09:22,440
sú bežne používané robiť, aby kresliť
Pozornosť k častiam našej webovej stránky

203
00:09:22,440 --> 00:09:23,550
týmto spôsobom.

204
00:09:23,550 --> 00:09:27,560
>> Ďalší na rade sú niektoré značky, ktoré používame
stavať zoznamy na našej webovej stránke.

205
00:09:27,560 --> 00:09:30,820
Takže máme neusporiadaný
lists-- ULs--, ktoré sú rovnako

206
00:09:30,820 --> 00:09:34,090
nečíslované zoznamy, ktoré boli objednané
zoznam, ktorý sú numbered--

207
00:09:34,090 --> 00:09:37,680
OLs-- a vnútri buď
jeden z tých, musíme mať

208
00:09:37,680 --> 00:09:40,600
sady, ako uviesť zoznam položiek, Li.

209
00:09:40,600 --> 00:09:44,370
A tak máme otvorenú UL tag
a kladieme predmety vnútri nej.

210
00:09:44,370 --> 00:09:46,920
A potom, keď sme skončili s
že môžeme uzavrieť značku UL.

211
00:09:46,920 --> 00:09:49,850
>> A podobne môžeme mať
usporiadaný alebo číslovaný zoznam

212
00:09:49,850 --> 00:09:51,560
a dať položiek zoznamu vnútri toho.

213
00:09:51,560 --> 00:09:53,350
Takže poďme sa pozrieť
na pár zoznamov

214
00:09:53,350 --> 00:09:57,230
a čo by
vykreslenie aj na CS50 IDE.

215
00:09:57,230 --> 00:10:00,640
Takže mám tu v mojej IDE A
Súbor s názvom zoznamy dot HTML.

216
00:10:00,640 --> 00:10:03,100
Poďme sa pozrieť.

217
00:10:03,100 --> 00:10:08,482
>> A Oznámenie tu mám neusporiadaný
List s piatimi vecí v ňom.

218
00:10:08,482 --> 00:10:11,440
A potom mám zoradený zoznam a
Ja som zmenil štítok trochu,

219
00:10:11,440 --> 00:10:11,939
v poriadku?

220
00:10:11,939 --> 00:10:13,152
Povedal som začiatok rovná šesť.

221
00:10:13,152 --> 00:10:16,110
Ukazuje sa, s objednanú zoznamu I
môžete nastaviť východiskový bod, kdekoľvek

222
00:10:16,110 --> 00:10:20,130
Aj want-- v predvolenom nastavení to bude one--
jednoduchým pridaním túto takzvanú atribút

223
00:10:20,130 --> 00:10:21,190
k môjmu OL tagu.

224
00:10:21,190 --> 00:10:23,572
A tak tento zoznam bude
začne počítať v šesť.

225
00:10:23,572 --> 00:10:26,780
Takže prvky tohto číslovaný zoznam
by mal byť šesť, sedem, osem, deväť, desať,

226
00:10:26,780 --> 00:10:29,930
pretože existuje päť elementov
v zozname, v protiklade k jednému,

227
00:10:29,930 --> 00:10:33,770
dva, tri, štyri, päť, čo
by tomu bolo v prípade, keby som povedal, OL

228
00:10:33,770 --> 00:10:36,730
bez toho, aby spresnila atribút štartu.

229
00:10:36,730 --> 00:10:41,594
>> Tak sme si len prezrieť to, takže môžete
získať cit pre to, čo sa tu deje.

230
00:10:41,594 --> 00:10:42,260
A tam ideme.

231
00:10:42,260 --> 00:10:44,610
Tam je môj zoznam.

232
00:10:44,610 --> 00:10:47,810
Prvých päť prvky sú
neusporiadané alebo nečíslované zoznamy.

233
00:10:47,810 --> 00:10:51,010
A ďalšie päť elementov
sú samostatnou nariadil zoznam

234
00:10:51,010 --> 00:10:52,980
od šiestich.

235
00:10:52,980 --> 00:10:56,247
Tak to je, ako môžeme
budovať zoznamy pomocou HTML.

236
00:10:56,247 --> 00:10:58,080
Ďalšia vec, ktorú by mohol
chcete urobiť s HTML

237
00:10:58,080 --> 00:11:01,520
je vytvoriť tabuľku
informácie o riadkov a stĺpcov

238
00:11:01,520 --> 00:11:04,560
prezentovať informácie v
najmä organizovaným spôsobom.

239
00:11:04,560 --> 00:11:09,110
Ak chcete to s HTML, môžeme mať
Definície tabuľky začína otvorený držiak

240
00:11:09,110 --> 00:11:10,160
stôl.

241
00:11:10,160 --> 00:11:14,680
A potom sa vnútri tejto tabuľky sme
môže mať sadu riadkov, TR tagy

242
00:11:14,680 --> 00:11:15,980
pre indikáciu každý riadok.

243
00:11:15,980 --> 00:11:22,510
A potom TD tagy ísť vnútri TR tagov
špecifikovať stĺpec vnútri rade.

244
00:11:22,510 --> 00:11:24,340
>> Prečo sa volá TD a nie TC?

245
00:11:24,340 --> 00:11:25,940
No, TD znamená dáta tabuľky.

246
00:11:25,940 --> 00:11:27,900
Zvyčajne ste uvedenie
vaše informácie tam.

247
00:11:27,900 --> 00:11:29,440
Takže to je dôvod, prečo je TD a nie TC.

248
00:11:29,440 --> 00:11:31,140
Je to trochu mätúce.

249
00:11:31,140 --> 00:11:33,720
>> Takže máte tabuľky a značky
vnútornej časti tabuľky značky

250
00:11:33,720 --> 00:11:35,600
máte niekoľko riadkov, TR.

251
00:11:35,600 --> 00:11:40,030
A vo vnútri každého riadku máte
TDS pre počet stĺpcov

252
00:11:40,030 --> 00:11:42,880
že chcete mať
v tomto konkrétnom riadku.

253
00:11:42,880 --> 00:11:47,730
Poďme sa pozrieť na veľmi
jednoduchá tabuľka nad v CS50 IDE.

254
00:11:47,730 --> 00:11:49,730
>> Tak som tu súbor
volal tabuľka dot HTML.

255
00:11:49,730 --> 00:11:53,390
Poďme sa pozrieť na
ako to vyzerá.

256
00:11:53,390 --> 00:11:56,225
Je tu veľa tu deje, ale
ak si všimnete mám tabuľku otvoriť.

257
00:11:56,225 --> 00:11:57,850
Začínam definíciu so stolom.

258
00:11:57,850 --> 00:12:02,100
A potom sa v mojej prvom rade som sa zrejme
majú štyri stĺpy, jeden, dva, tri,

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

260
00:12:02,660 --> 00:12:04,290
A potom som urobil s tohto riadku.

261
00:12:04,290 --> 00:12:07,750
>> Potom som začať ďalší riadok a
robiť dve, štyri, šesť, osem.

262
00:12:07,750 --> 00:12:08,850
Povrch, ktorý riadok.

263
00:12:08,850 --> 00:12:11,410
Ešte ďalší riadok, tri, šesť, deväť, 12.

264
00:12:11,410 --> 00:12:14,830
A potom posledný riadok, štyri,
osem, 12, a aj keď je to

265
00:12:14,830 --> 00:12:16,560
trochu odrezať tu, 16.

266
00:12:16,560 --> 00:12:17,710
>> Dokončil som ten riadok.

267
00:12:17,710 --> 00:12:18,970
Som dokončil tabuľky.

268
00:12:18,970 --> 00:12:21,430
A potom som urobil s mojím HTML.

269
00:12:21,430 --> 00:12:22,590
Čo to vyzerá?

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

271
00:12:26,014 --> 00:12:27,430
No, to nie je naozaj moc vidieť.

272
00:12:27,430 --> 00:12:31,690
Ja som prehľadná moje osobné údaje
v trochu viac organizovaným spôsobom.

273
00:12:31,690 --> 00:12:33,755
Ale nie je to extra pekný tu.

274
00:12:33,755 --> 00:12:36,130
A budeme sa zaoberať
že keď hovoríme o CSS.

275
00:12:36,130 --> 00:12:38,930
Budeme znova túto myšlienku
to, čo robíme, aby sa table--

276
00:12:38,930 --> 00:12:41,260
Možno to naformátovať trochu lepšie?

277
00:12:41,260 --> 00:12:45,070
Ale ja ešte štyri rady,
z ktorých každá má štyri stĺpce,

278
00:12:45,070 --> 00:12:48,890
a naozaj to, čo to robí je
veľmi jednoduchý štyroch štyrmi násobenie

279
00:12:48,890 --> 00:12:49,870
stôl.

280
00:12:49,870 --> 00:12:51,690
>> Ešte pár značiek budeme hovoriť.

281
00:12:51,690 --> 00:12:54,617
Poďme sa baviť o
Koncept HTML formulára.

282
00:12:54,617 --> 00:12:57,450
Takže ste mohli vidieť to vo
kontext prihlásenie do webovej stránky.

283
00:12:57,450 --> 00:12:59,100
Zvyčajne zadáte svoje užívateľské meno.

284
00:12:59,100 --> 00:13:01,510
Zadáte heslo,
a máte dobré ísť.

285
00:13:01,510 --> 00:13:04,170
To by bol začiatok formulára.

286
00:13:04,170 --> 00:13:05,420
>> Preskakovanie oddiel za sekundu.

287
00:13:05,420 --> 00:13:07,987
Máme tiež vstupy, ktoré
druh vošiel do foriem.

288
00:13:07,987 --> 00:13:10,320
To sú prvky, ktoré
ste vlastne písať do,

289
00:13:10,320 --> 00:13:12,580
alebo prepínače, že ste
beží, alebo kontrola

290
00:13:12,580 --> 00:13:14,310
boxy, že ste zaškrtnutím.

291
00:13:14,310 --> 00:13:15,770
Tak to ísť dovnútra formulárov.

292
00:13:15,770 --> 00:13:18,500
A oni zahŕňajú v zásade
každý riadok formulára

293
00:13:18,500 --> 00:13:19,887
ak váš formulár je formátovaný dobre.

294
00:13:19,887 --> 00:13:22,220
Potom je tu tento koncept
div, ktorý nie je naozaj

295
00:13:22,220 --> 00:13:25,060
vojde do určitej kategórie
značiek, ako sú tie, ktoré som si

296
00:13:25,060 --> 00:13:26,170
robil predtým.

297
00:13:26,170 --> 00:13:29,790
Je to tak nejako vymedzuje
začiatok nejakého ľubovoľného division--

298
00:13:29,790 --> 00:13:31,670
div-- stránky.

299
00:13:31,670 --> 00:13:33,210
Neexistuje žiadny vizuálny prestávka.

300
00:13:33,210 --> 00:13:34,800
Neexistuje žiadna linka.

301
00:13:34,800 --> 00:13:37,180
Nie je to vyrazil ako
samostatný kus automaticky.

302
00:13:37,180 --> 00:13:39,430
Musel by ste to štýl
že spôsob, ako to urobiť.

303
00:13:39,430 --> 00:13:42,110
>> Je to tak nejako hovorí, Chcem
kus priestoru na mojej webovej stránky,

304
00:13:42,110 --> 00:13:45,190
a ja som jednoducho ísť zavolať
že toto rozdelenie mojej stránky.

305
00:13:45,190 --> 00:13:47,619
Môžeme dať veci dovnútra
z divs, a v skutočnosti,

306
00:13:47,619 --> 00:13:49,410
keď sme sa cez hlavu na
IDE V sekunde, budeme

307
00:13:49,410 --> 00:13:53,760
vidieť, že dávam my
tvorí vnútri div.

308
00:13:53,760 --> 00:13:57,050
>> Takže mám tu v mojej IDE A
súbor s názvom div forma dot HTML.

309
00:13:57,050 --> 00:13:59,260
Poďme si otvorte ju.

310
00:13:59,260 --> 00:14:01,460
Všimnite si, že ako som povedal,
div je v istom zmysle ľubovoľný.

311
00:14:01,460 --> 00:14:01,640
Je to tak?

312
00:14:01,640 --> 00:14:02,973
To nie je naozaj nič neznamená.

313
00:14:02,973 --> 00:14:05,140
Takže mám ľubovoľný
Prvej divízie mojej stránky.

314
00:14:05,140 --> 00:14:07,848
A potom miesto toho, ďalší div
neskôr, začína na linke osem,

315
00:14:07,848 --> 00:14:08,730
Mám tento formulár.

316
00:14:08,730 --> 00:14:13,594
A vo vnútri formy Mám
počet vstupov, pole formulára.

317
00:14:13,594 --> 00:14:16,510
Takže mám pole, ktorého meno je je--
čo nie je naozaj nič neznamená

318
00:14:16,510 --> 00:14:19,350
právo now-- to zrejme
berie text, ešte jeden, ktorý

319
00:14:19,350 --> 00:14:22,630
vyžaduje heslo, ďalší, že je to rádio
Tlačidlo, ďalší, že je zaškrtávacie políčko,

320
00:14:22,630 --> 00:14:24,797
a iný, že je tlačidlo Odoslať.

321
00:14:24,797 --> 00:14:26,630
No, čo to robí
všetci vlastne vyzerať?

322
00:14:26,630 --> 00:14:27,629
Dobre, poďme sa pozrieť.

323
00:14:27,629 --> 00:14:31,010
Budeme otvoriť v našej náhľadovom okne.

324
00:14:31,010 --> 00:14:33,557
Všimnite si, že toto svojvoľné
Prvý division-- je tu

325
00:14:33,557 --> 00:14:34,640
žiadne vizuálne oddelenie tu.

326
00:14:34,640 --> 00:14:37,150
To predsa nie je naozaj nič robiť, nie?

327
00:14:37,150 --> 00:14:38,220
>> A potom mám formulár.

328
00:14:38,220 --> 00:14:39,890
A ja som neurobil žiadnu špeciálnu formátovania.

329
00:14:39,890 --> 00:14:42,680
Takže forma je len jedna
veľká rada informácií.

330
00:14:42,680 --> 00:14:46,424
Keby som formátované svoju formu inak,
Možno som ho riadok po riadku po riadku.

331
00:14:46,424 --> 00:14:47,590
Ale ja som neurobil žiadny štýl.

332
00:14:47,590 --> 00:14:49,256
Opäť platí, že nehovoríme o CSS sem.

333
00:14:49,256 --> 00:14:51,030
Sme sa rozprávali o HTML.

334
00:14:51,030 --> 00:14:53,980
>> No v mojom textovej podobe môžem type--
pamätajte, že formy typu textu

335
00:14:53,980 --> 00:14:55,480
takže môžem dať svoje meno.

336
00:14:55,480 --> 00:14:57,330
A v mojej heslo,
môžete zadať svoje heslo.

337
00:14:57,330 --> 00:14:59,740
A pretože tejto oblasti
je typu heslá,

338
00:14:59,740 --> 00:15:01,470
neviete, čo moja heslo je.

339
00:15:01,470 --> 00:15:02,800
Je to všetko bodky.

340
00:15:02,800 --> 00:15:09,140
>> Ja si tiež vybrať zaškrtnúť vypnutie A
radio tlačidlo alebo zaškrtnete zaškrtávacie políčko.

341
00:15:09,140 --> 00:15:10,420
Alebo by som mohol odoslať svoj formulár.

342
00:15:10,420 --> 00:15:11,810
A ja som nič neurobil,
takže keď odošlem formu,

343
00:15:11,810 --> 00:15:13,090
sa stránka iba obnoví.

344
00:15:13,090 --> 00:15:16,970
Ale ja som mohol možno Konfigurovať
Tlačidlo Odoslať robiť niečo iné.

345
00:15:16,970 --> 00:15:20,410
A uvidíme, čo môžeme urobiť s
že v budúcich video na PHP.

346
00:15:20,410 --> 00:15:22,520
Ale to stavia veľmi
jednoduchý formulár, ktoré sme

347
00:15:22,520 --> 00:15:27,360
možno použiť na mať užívatelia komunikovať a
predložiť informácie na našich webových stránkach.

348
00:15:27,360 --> 00:15:29,620
>> Posledná poznámka pred my
prejsť na niektorých iných značiek

349
00:15:29,620 --> 00:15:32,040
je sa pozrieť na to
Vstupné tag ešte raz.

350
00:15:32,040 --> 00:15:35,760
Všimnite si, že som sa zvýrazní
konce tagu v červenej farbe.

351
00:15:35,760 --> 00:15:39,390
Každý druhý tag sme doteraz videli má
mal počiatok a koniec, otvor

352
00:15:39,390 --> 00:15:41,030
tag a uzatváracie tag.

353
00:15:41,030 --> 00:15:42,520
>> Ale vstupné tag nie je.

354
00:15:42,520 --> 00:15:46,860
Neexistuje žiadny text, ktorý premáva
medzi vstupnými tagy.

355
00:15:46,860 --> 00:15:49,160
Všetky informácie
máme v úmysle oznámiť

356
00:15:49,160 --> 00:15:52,640
je viazané ako súčasť
atribúty tohto vstupu.

357
00:15:52,640 --> 00:15:54,690
Všimnite si, máme vstupné názov rovná x.

358
00:15:54,690 --> 00:15:55,580
Type rovná y.

359
00:15:55,580 --> 00:15:57,660
To je naozaj všetko
informácie, ktoré potrebujeme.

360
00:15:57,660 --> 00:15:59,470
>> To sa nazýva self uzatvárací tag.

361
00:15:59,470 --> 00:16:02,470
To nevyžaduje otvor a A
blízky, pretože všetky informácie,

362
00:16:02,470 --> 00:16:04,974
je obsiahnutá vo vnútri
tag a jeho atribútov.

363
00:16:04,974 --> 00:16:06,390
Takže niekedy uvidíte tohle taky.

364
00:16:06,390 --> 00:16:10,400
Takže jednoducho byť vedomí toho, že ak máte
tag, ktorý je úplne sebestačný,

365
00:16:10,400 --> 00:16:14,170
sa otvorí a zatvorí sa s
otvorená uholník na ľavej strane

366
00:16:14,170 --> 00:16:17,000
a uhol lomka
držiak na pravej strane.

367
00:16:17,000 --> 00:16:20,580
Uvidíme, ďalší z tých,
Práve teraz s image značky rovnako.

368
00:16:20,580 --> 00:16:23,300
>> Predtým, než budeme hovoriť o obrazy, my
Potrebujem hovoriť o hypertextové odkazy.

369
00:16:23,300 --> 00:16:26,080
Ak chceme, aby naše webové stránky, aby
interaktívne a nás pohybovať,

370
00:16:26,080 --> 00:16:28,121
Bolo by pekné byť schopný
kliknúť na jeden z tých,

371
00:16:28,121 --> 00:16:30,190
to, čo býval typicky modrou odkaz.

372
00:16:30,190 --> 00:16:34,440
To je v skutočnosti, ako staviame
hypertextový odkaz na našej webovej stránke.

373
00:16:34,440 --> 00:16:36,540
A je dosť zaujímavé
je tu ďalší tag HTML

374
00:16:36,540 --> 00:16:39,000
volal odkaz, ktorý nie je hypertextový odkaz.

375
00:16:39,000 --> 00:16:44,130
Tu stojí na kotvu, a
to je, ako sme sa označujú hypertextový odkaz.

376
00:16:44,130 --> 00:16:49,150
>> A href rovná x znamená ísť do
webová stránka X. A všetko

377
00:16:49,150 --> 00:16:51,580
medzi otvorenou Tag
a blízky Tag

378
00:16:51,580 --> 00:16:56,010
Je to, čo to bude, že zdôraznil,
modrý text, ktorý vyzerá ako odkaz

379
00:16:56,010 --> 00:16:57,590
že sme oboznámení s.

380
00:16:57,590 --> 00:17:01,660
Nižšie že máme značku obrázok, ktorý
je samo uzatvárací tag pre zobrazovanie

381
00:17:01,660 --> 00:17:05,599
obraz sa nachádza na X. A
by ste mali byť schopní zmeniť

382
00:17:05,599 --> 00:17:08,280
že obraz zadaním
šírka a výška

383
00:17:08,280 --> 00:17:11,640
a ďalšie atribúty v
že dot dot dot tam.

384
00:17:11,640 --> 00:17:14,260
>> Na samom dne tu
máme veľmi zaujímavé

385
00:17:14,260 --> 00:17:16,170
vyzerajúci tag, ktorý nie je
majú uzatvárací tag.

386
00:17:16,170 --> 00:17:19,410
Je to výkričník DOCTYPE HTML.

387
00:17:19,410 --> 00:17:23,300
Takže HTML bol asi od
začiatku 1990 pre vytváranie webových stránok,

388
00:17:23,300 --> 00:17:25,859
a je to preč prešla
niekoľko revízií od tej doby.

389
00:17:25,859 --> 00:17:28,550
Naposledy v roku 2014
to podstúpilo revíziu

390
00:17:28,550 --> 00:17:33,440
s názvom HTML5 ktorý je teraz aktuálna
druh de facto štandard HTML.

391
00:17:33,440 --> 00:17:36,730
>> Ak chcete označiť, že náš web
Stránky sú zapísané pomocou HTML5,

392
00:17:36,730 --> 00:17:38,160
to je, ako začať.

393
00:17:38,160 --> 00:17:40,380
To môže byť vynechaná, ale
čo to v podstate

394
00:17:40,380 --> 00:17:45,930
znamená, nemôžete použiť niektorý z tagov
ktoré sú HTML5 tagy, tieto nové značky.

395
00:17:45,930 --> 00:17:48,591
Tak sme sa vždy začať
ak sme pomocou HTML5.

396
00:17:48,591 --> 00:17:51,340
A všetky tagy sme hovorili o
skôr nie sú HTML5 tagy.

397
00:17:51,340 --> 00:17:55,470
To by však ukazujú, že
HTML5 tagy bude prítomný.

398
00:17:55,470 --> 00:17:58,400
A tak máme zvolanie
doctype HTML, ktorý

399
00:17:58,400 --> 00:18:01,280
je na samom začiatku nášho
HTML súboru, a potom po tom bod

400
00:18:01,280 --> 00:18:04,930
v skutočnosti máme naše HTML open
označiť a pokračujte odtiaľ.

401
00:18:04,930 --> 00:18:10,050
>> Ten posledný je komentár tag,
ktorý vyzerá trochu odlišný, taky.

402
00:18:10,050 --> 00:18:12,810
Začína s uhlom
držiak zvolanie pomlčka

403
00:18:12,810 --> 00:18:15,220
pomlčka ale žiadne zatváranie držiak.

404
00:18:15,220 --> 00:18:20,150
V období medzi týmito dvoma tam prvky
je miesto, kde budete písať svoje komentáre.

405
00:18:20,150 --> 00:18:28,420
A poďme sa pozrieť na obrázky
a poznámky a odkazy v CS50 IDE.

406
00:18:28,420 --> 00:18:32,850
>> Tak som tu súbor nazvaný ako odkaz
dot HTML čo Idem otvoriť.

407
00:18:32,850 --> 00:18:36,420
A všimnite si mám pár
komentáre tu v mojich komentárov HTML.

408
00:18:36,420 --> 00:18:38,990
Takže, rovnako ako v C a ďalšie
programovacie jazyky,

409
00:18:38,990 --> 00:18:43,169
HTML len tým, že je značkovací jazyk
predsa má možnosť mať pripomienky.

410
00:18:43,169 --> 00:18:45,710
A tak som zrejme bude
umiestniť obrázok Rick Astley

411
00:18:45,710 --> 00:18:49,060
niekde medzi tejto DIV
tag, toto svojvoľné rozdelenie.

412
00:18:49,060 --> 00:18:51,497
Zdá sa, že súbor je
sa nachádza na Rick dot JPEG, ktorý

413
00:18:51,497 --> 00:18:53,580
ak sa vydáme späť k
môj súbor strom pre druhé,

414
00:18:53,580 --> 00:18:55,490
je súbor, ktorý existuje v
aktuálny adresár.

415
00:18:55,490 --> 00:18:56,031
Tak to je v poriadku.

416
00:18:56,031 --> 00:18:57,710
Môžem odkazovať.

417
00:18:57,710 --> 00:18:59,680
>> Potom môžem mať interné odkazy.

418
00:18:59,680 --> 00:19:05,080
Takže si všimnúť na riadku 11 sa tu
môj href je ahoj bodka HTML.

419
00:19:05,080 --> 00:19:09,050
Tak, že jednoducho sa odkazuje na ahoj dot HTML
ktorý existuje v aktuálnom adresári.

420
00:19:09,050 --> 00:19:12,980
A môžem mať aj externý
väzby od len zadaním protokolu HTTPS

421
00:19:12,980 --> 00:19:16,180
ukázať, že Nehovorím
Súbor v mojom aktuálnom adresári.

422
00:19:16,180 --> 00:19:19,730
Hovorím o súbore, ktorý existuje
niekde na internete, ktorý mám

423
00:19:19,730 --> 00:19:23,370
požiadať pomocou protokolu HTTP.

424
00:19:23,370 --> 00:19:25,990
>> Takže poďme sa pozrieť na to, čo
Táto stránka môže vyzerať ako

425
00:19:25,990 --> 00:19:29,500
a pripravte sa na obraz Rick
Astley sa ukázať na obrazovke.

426
00:19:29,500 --> 00:19:31,490
Tak som si to pozrieť.

427
00:19:31,490 --> 00:19:33,800
Je tu Rick Astley u
samý vrchol v tomto svojvoľné

428
00:19:33,800 --> 00:19:35,008
Divízie som ju na vrchole.

429
00:19:35,008 --> 00:19:36,960
A potom sa dole I
majú svoje odkazy, nie?

430
00:19:36,960 --> 00:19:39,330
>> Mám odkaz na ahoj dot HTML.

431
00:19:39,330 --> 00:19:42,860
A keď som kliknite na to, že som si
prešiel na túto stránku

432
00:19:42,860 --> 00:19:47,050
že sme veľmi dobre oboznámení s od
samého začiatku nášho programu.

433
00:19:47,050 --> 00:19:50,880
Keby som pop túto stránku otvoriť znova, či som
pop odkaz otvoriť ešte raz,

434
00:19:50,880 --> 00:19:54,420
Môžem tiež ísť externe
na webové stránky CS50 je.

435
00:19:54,420 --> 00:19:56,740
A tam sme see-- budem
oddialiť trochu here--

436
00:19:56,740 --> 00:20:00,260
uvidíme CS50 WWW stránky druh
vložený v stredu stránke.

437
00:20:00,260 --> 00:20:04,670
Takže som bol schopný vykonať interné
prepojiť rovnako ako externý odkaz.

438
00:20:04,670 --> 00:20:07,200
>> Posledné pravidlo s HTML, ktoré
budeme hovoriť o tu

439
00:20:07,200 --> 00:20:09,510
je, že vaše HTML by mal byť dobre tvarované.

440
00:20:09,510 --> 00:20:13,020
V jazyku C sme veľa hovorili o
rôzne syntaxe vecí.

441
00:20:13,020 --> 00:20:17,650
V HTML syntaxe naozaj
točí okolo značky.

442
00:20:17,650 --> 00:20:19,660
Každá značka otvorenie je potrebné uzavrieť.

443
00:20:19,660 --> 00:20:22,630
A v skutočnosti, každá značka otvorení
by mali byť uzavreté v opačnom poradí.

444
00:20:22,630 --> 00:20:25,790
>> Takže ak otvoríte odvážne značku, čo kurzíva
tag, a potom podčiarknutie tag

445
00:20:25,790 --> 00:20:28,120
robiť všetky tri do A
konkrétny súbor textu,

446
00:20:28,120 --> 00:20:30,070
mali by ste zatvoriť v opačnom poradí.

447
00:20:30,070 --> 00:20:32,270
Takže ak ste otvorili tučne,
kurzíva, podčiarknutie, vy

448
00:20:32,270 --> 00:20:35,240
chcete zatvoriť podčiarknutie, kurzíva, tučné.

449
00:20:35,240 --> 00:20:39,990
Tento druh zapuzdrenie je to, čo
udržuje HTML pekné a organizovanej.

450
00:20:39,990 --> 00:20:44,370
>> Na rozdiel od C, i keď, bude syntaktické chyby nie
skutočne ochromiť váš HTML možná.

451
00:20:44,370 --> 00:20:48,730
Váš HTML nemusí byť dobre
tvoril ale bude stále fungovať.

452
00:20:48,730 --> 00:20:50,589
A tak tieto chyby
možno triediť z preparátu.

453
00:20:50,589 --> 00:20:52,130
Záleží len na vás, aby ste naozaj ostražití.

454
00:20:52,130 --> 00:20:54,760
Niekedy zlyhajú, ale
Niekedy sa môžete dostať preč s ním.

455
00:20:54,760 --> 00:20:56,509
>> To môže byť naozaj
náročná úloha, aj keď,

456
00:20:56,509 --> 00:21:00,660
sledovať pri otvorení
tag, keď ju zavrel,

457
00:21:00,660 --> 00:21:04,110
najmä ako HTML
Súbory väčšie a väčšie.

458
00:21:04,110 --> 00:21:05,490
Budete chcieť nejakú pomoc.

459
00:21:05,490 --> 00:21:07,560
A tam sú on-line
Validator nástroje, ktoré vám

460
00:21:07,560 --> 00:21:11,474
možno použiť na sa pozrieť na váš web
stránky a zistiť, či je to dobre tvarované HTML.

461
00:21:11,474 --> 00:21:13,390
A vy by ste mali rozhodne
sa pozrieť na tie,

462
00:21:13,390 --> 00:21:16,620
a začať používať ich ako vy
začať robiť nejakú prácu s HTML,

463
00:21:16,620 --> 00:21:20,800
písanie HTML, len tak dostanete
niektoré dobré návyky o organizácii

464
00:21:20,800 --> 00:21:24,377
vaše HTML v dobrom slova zmysle a
dobrý štýl a uistite sa,

465
00:21:24,377 --> 00:21:27,210
že nerobíte nič, čo by
mohol vytvoriť chybu syntaxe, ktorý

466
00:21:27,210 --> 00:21:30,270
by spôsobiť trochu
problém dole na ceste.

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

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

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