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

2
00:00:06,100 --> 00:00:08,790
>> DOUG LLOYD: Takže jsme strávili
about-- když je moje matematika je správné,

3
00:00:08,790 --> 00:00:11,900
A myslím, že při pohledu back-- myslím,
jsme strávili asi 35 videí mluví

4
00:00:11,900 --> 00:00:15,139
o různých aspektech C, možná
o trochu víc, možná o něco méně.

5
00:00:15,139 --> 00:00:16,930
A my se nevztahuje na
vše v C, ale my

6
00:00:16,930 --> 00:00:21,170
se vztahuje velký kus z
jazyk, drtivá většina z nich,

7
00:00:21,170 --> 00:00:22,882
jistě i pro běžné použití.

8
00:00:22,882 --> 00:00:25,090
Teď budeme mluvit
o jiný jazyk, HTML.

9
00:00:25,090 --> 00:00:28,180
A jdeme na pokrytí
to jen v jednom videu.

10
00:00:28,180 --> 00:00:29,340
>> Ale to bude v pořádku.

11
00:00:29,340 --> 00:00:31,410
To bude skutečně stát
něco, co budete zvyknout.

12
00:00:31,410 --> 00:00:33,535
Nyní, když máte
Základy jednoho jazyka,

13
00:00:33,535 --> 00:00:35,776
je to vlastně docela snadné
se začít učit ostatní.

14
00:00:35,776 --> 00:00:37,650
Takže jdeme na začátek
ke kroku trochu zpět

15
00:00:37,650 --> 00:00:43,340
a zakrýt základní
rozdíly mezi těmito jazycích

16
00:00:43,340 --> 00:00:45,750
a druh nechat vás k němu.

17
00:00:45,750 --> 00:00:48,530
Je tu spousta opravdu skvělý
zdroje na internetu, který

18
00:00:48,530 --> 00:00:51,279
budeme začít režii vás
vůči protože internet je

19
00:00:51,279 --> 00:00:53,340
obrovská úložiště informací.

20
00:00:53,340 --> 00:00:55,960
A tak to není jako budete
být přicházejí nutně

21
00:00:55,960 --> 00:00:58,349
tím, že není informace
zahrnuty ve videu.

22
00:00:58,349 --> 00:01:00,640
Stále budete mít možnost získat
vše, co potřebují a využívají

23
00:01:00,640 --> 00:01:03,590
znalosti, které jste již
vybudovala pochopením C

24
00:01:03,590 --> 00:01:07,130
aby křivku učení pro tyto
jiné jazyky vlastně hodně plošší.

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

26
00:01:08,640 --> 00:01:12,770
>> Ale pojďme mluvit o jednom jazyce
to je opravdu zásadní pro každý web

27
00:01:12,770 --> 00:01:14,830
strana, která 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
není programovací jazyk.

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

31
00:01:23,900 --> 00:01:26,430
To nemá logiku ani
funkce nebo něco takového.

32
00:01:26,430 --> 00:01:30,301
Nemůžeme dělat žádné
programování sám o sobě v HTML.

33
00:01:30,301 --> 00:01:32,300
Občas uslyšíte
lidé popisují sebe

34
00:01:32,300 --> 00:01:35,710
jako HTML programátory, které
není úplně přesné.

35
00:01:35,710 --> 00:01:37,980
Nemůžeme psát HTML programy.

36
00:01:37,980 --> 00:01:40,770
>> HTML slouží jen označit text.

37
00:01:40,770 --> 00:01:42,690
Jmenuje se to značkovací jazyk.

38
00:01:42,690 --> 00:01:47,680
A co to does-- tuto markup--
používáme tagy v HTML a tyto tags--

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

40
00:01:51,600 --> 00:01:55,280
a způsobí, že prostý text, který
existuje mezi značky, které mají být interpretovány

41
00:01:55,280 --> 00:01:57,320
by prohlížečů různými způsoby.

42
00:01:57,320 --> 00:02:00,370
A možná je to nejlepší vysvětlit
tím, že způsob ilustrace.

43
00:02:00,370 --> 00:02:06,450
>> Zde je velmi jednoduchá stránka HTML, ne
program HTML, opět, stránka HTML.

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

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

46
00:02:11,480 --> 00:02:13,850
Takže tohle je to, co značka HTML vypadá.

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

48
00:02:15,870 --> 00:02:18,570
A všimněte si na vrcholu máme
HTML a na samém dně,

49
00:02:18,570 --> 00:02:21,400
poté, co jsme udělali, co je
zřejmě mnoho dalších HTML,

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

51
00:02:24,310 --> 00:02:29,262
Tak, že druh je hranice
mezi tím, co je HTML a co není.

52
00:02:29,262 --> 00:02:32,220
A samozřejmě, konvenčně, jen
jak píšeš všechny vaše C programů

53
00:02:32,220 --> 00:02:35,300
s rozšířeními tečka C,
všechny soubory HTML

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

55
00:02:37,909 --> 00:02:39,200
Ale je tu jde o víc.

56
00:02:39,200 --> 00:02:40,658
Nemáme prostě mít tyto HTML tagy.

57
00:02:40,658 --> 00:02:44,010
Máme zřejmě se to
čemu se říká tag hlavy.

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

59
00:02:46,010 --> 00:02:48,550
>> No, možná, že je to nejlepší
rozlišit pomocí tělesa,

60
00:02:48,550 --> 00:02:50,590
Tělo je obsah webové stránky.

61
00:02:50,590 --> 00:02:55,860
Takže možná tag hlava definuje věci
že není v okně prohlížeče správné,

62
00:02:55,860 --> 00:02:59,410
ale je nějak důležité pro naše
webové stránky je vykreslen správně.

63
00:02:59,410 --> 00:03:02,490
Například, uvnitř z
head tag máme název značky.

64
00:03:02,490 --> 00:03:05,500
>> Takže název bytí hello world,
že to vlastně bude, co

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

66
00:03:08,797 --> 00:03:11,880
bez ohledu na prohlížeč prefer--, že je to
co se děje se ukázat v názvu.

67
00:03:11,880 --> 00:03:14,800
A než kartách by to ukázat,
v celém okně prohlížeče

68
00:03:14,800 --> 00:03:19,710
a můžete mít pouze jednu stránku
otevře v okně prohlížeče v čase.

69
00:03:19,710 --> 00:03:22,160
Takže, co se děje, že je
Název mé stránce up v záložce

70
00:03:22,160 --> 00:03:24,600
nebo okno prohlížeče bar, hello world.

71
00:03:24,600 --> 00:03:28,611
A pak se obsah my
webová stránka bude svět, ahoj.

72
00:03:28,611 --> 00:03:31,360
Takže pojďme se podívat na to, co někteří
něco takového by mohlo vypadat.

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

74
00:03:33,210 --> 00:03:35,970
Tak jsem tady v mém CS50 IDE a
Já jsem přiblížení trochu.

75
00:03:35,970 --> 00:03:38,290
A já jsem prostě jít
otevřít ahoj dot HTML

76
00:03:38,290 --> 00:03:42,000
a ukázat vám, že je to do značné míry
stránky obsah, který jsme viděli dříve.

77
00:03:42,000 --> 00:03:45,240
Moje jednoduchých HTML, hlava značky,
název značky, tělo, a tak dále.

78
00:03:45,240 --> 00:03:47,320
Já jsem odsazeny být čisté.

79
00:03:47,320 --> 00:03:51,530
>> A potom, co se dá dělat v mém
IDE je jen zobrazit náhled stránky.

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

81
00:03:52,630 --> 00:03:56,070
Obsah mé stránce je svět,
ahoj, a já nic nevidím

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

83
00:03:58,500 --> 00:03:59,980
Je to jen obsah těla.

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

85
00:04:00,780 --> 00:04:03,700
A opět tělo jen
řekl, svět, ahoj.

86
00:04:03,700 --> 00:04:06,160
Druhá část chybí.

87
00:04:06,160 --> 00:04:07,610
>> Tak to je opravdu vše, co je.

88
00:04:07,610 --> 00:04:11,370
Jedná se o velmi jednoduchý základní stránka HTML.

89
00:04:11,370 --> 00:04:14,280
Teď jsem odsazeny mého HTML kódu do
být opravdu pěkné a organizované,

90
00:04:14,280 --> 00:04:15,840
ale nemám ve skutečnosti mít.

91
00:04:15,840 --> 00:04:17,959
Mohl bych, aby to vypadalo pěkně ošklivé.

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

93
00:04:19,467 --> 00:04:21,050
To by bylo přesně stejné webové stránky.

94
00:04:21,050 --> 00:04:23,100
Právě jsem zbavili
všechny bílé místo.

95
00:04:23,100 --> 00:04:24,820
>> Jak to dopadá, bílý prostor je dat.

96
00:04:24,820 --> 00:04:28,540
A tak, když jsme odesílání dat z
odesílatele k přijímači, ze serveru

97
00:04:28,540 --> 00:04:30,670
klientovi data stojí peníze.

98
00:04:30,670 --> 00:04:34,460
A tak, jak se zbavit mezery
je vlastně dobrý nápad

99
00:04:34,460 --> 00:04:37,320
pokud jste někoho, kdo slouží
up hodně webového obsahu.

100
00:04:37,320 --> 00:04:39,820
Je to špatný nápad, pokud jste
někdo, kdo je učí tyhle věci

101
00:04:39,820 --> 00:04:41,528
a chcete mít
to pěkně organizovaný.

102
00:04:41,528 --> 00:04:43,810
To je mnohem jednodušší, rozebrat, než tohle.

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

104
00:04:45,540 --> 00:04:48,720
>> Odsazení a podobné věci
není ve skutečnosti jedno, v HTML.

105
00:04:48,720 --> 00:04:53,634
Vše, na čem záleží, je otevírací tagy a
uzavírací značky ve správném pořadí.

106
00:04:53,634 --> 00:04:55,050
Všimněte si, co se tady stalo, ačkoli.

107
00:04:55,050 --> 00:04:58,450
Značkovací nám dává cestu k
sdělovat další informace

108
00:04:58,450 --> 00:04:59,940
o tom, co jsem napsal.

109
00:04:59,940 --> 00:05:03,130
Hello, World část byla
interpretovány jako titul.

110
00:05:03,130 --> 00:05:06,410
A svět, ahoj část byla
interpretována jako obsah

111
00:05:06,410 --> 00:05:09,090
nebo co by mělo být
viditelný na mé webové stránce.

112
00:05:09,090 --> 00:05:12,167
>> Existuje více než 100 z nich odlišný
tagy a mnoho skvělých zdrojů

113
00:05:12,167 --> 00:05:13,000
on-line je najít.

114
00:05:13,000 --> 00:05:14,900
Budeme mluvit o
jen málo z nich v tomto videu, někteří

115
00:05:14,900 --> 00:05:16,440
o opravdu zásadní věci.

116
00:05:16,440 --> 00:05:18,440
Ale my nebudeme mluvit
o tom všem, protože to

117
00:05:18,440 --> 00:05:20,250
by být vyčerpávající, aby tak učinily.

118
00:05:20,250 --> 00:05:22,880
>> Další věc, kterou můžete udělat, i když,
je otevřít vývojářské nástroje.

119
00:05:22,880 --> 00:05:26,069
A pokud si vzpomínáte z
naše video na protokolu HTTP,

120
00:05:26,069 --> 00:05:27,860
Vysvětlil jsem, jak otevřít
up vývojářských nástrojů.

121
00:05:27,860 --> 00:05:32,020
V Chrome je to obvykle klávesu F12
otevřít panel nástrojů pro vývojáře.

122
00:05:32,020 --> 00:05:35,909
Potom místo volby Síť
Karta, můžete zvolit záložku Elements.

123
00:05:35,909 --> 00:05:37,700
A pokud vložíte web
strana, budete vlastně

124
00:05:37,700 --> 00:05:40,280
naleznete v HTML, který vytváří tuto webovou stránku.

125
00:05:40,280 --> 00:05:44,090
A tak se můžete dozvědět hodně o HTML
při pohledu na své oblíbené webové stránky

126
00:05:44,090 --> 00:05:48,474
a když vidí, jak se budovat
různé kusy z nich, které se vám líbí.

127
00:05:48,474 --> 00:05:50,890
Takže možná, že je to v pohodě
vzor nebo něco takového.

128
00:05:50,890 --> 00:05:52,140
Jak to dělají to s HTML?

129
00:05:52,140 --> 00:05:55,630
No stačí otevřít svůj developer
nástroje a vznášet se nad tento prvek

130
00:05:55,630 --> 00:05:57,700
a vidět přesně to, co dělá to HTML.

131
00:05:57,700 --> 00:05:59,450
Tak to je opravdu
dobrý způsob, jak se naučit HTML,

132
00:05:59,450 --> 00:06:02,330
a já doporučuji, aby
děláte to jak se učit HTML

133
00:06:02,330 --> 00:06:04,930
a také se učit trochu
něco o některé z možností

134
00:06:04,930 --> 00:06:07,050
pro vás k dispozici v
vývojářské nástroje, které

135
00:06:07,050 --> 00:06:10,200
jistě přijde vhod jako
začnete dělat více intenzivnější web

136
00:06:10,200 --> 00:06:11,090
programování.

137
00:06:11,090 --> 00:06:14,080
>> Takže pojďme se podívat na
pár společných HTML tagy.

138
00:06:14,080 --> 00:06:17,210
A budeme skákat a se podívat na
co tyto tagy budou také k tomu,

139
00:06:17,210 --> 00:06:20,490
jak při pohledu na některé soubory v mé IDE.

140
00:06:20,490 --> 00:06:26,330
Tak tady jsou tři velmi základní tagy pro
laděním vzhled 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 pořadí, co dělají, je
vykreslit text mezi nimi tučně,

143
00:06:33,170 --> 00:06:35,430
kurzíva a podtržení.

144
00:06:35,430 --> 00:06:40,430
Takže pojďme se podívat, co to bude vypadat
jako na skutečné webové stránky v mém IDE.

145
00:06:40,430 --> 00:06:43,390
>> Takže tady v mém IDE Mám
soubor s názvem BIU dot HTML.

146
00:06:43,390 --> 00:06:46,770
BIU dot HTML být jen
tučné, kurzíva, podtržení.

147
00:06:46,770 --> 00:06:47,830
Otevřu to.

148
00:06:47,830 --> 00:06:51,810
>> A my budeme vidět, že tady jsem
mají tento text je tagy B tučně.

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

150
00:06:54,010 --> 00:06:56,307
A tento text je podtržen U značky.

151
00:06:56,307 --> 00:06:57,640
Co se to bude vypadat?

152
00:06:57,640 --> 00:06:59,473
Tak znovu, všechno, co mám
udělat, je jít sem

153
00:06:59,473 --> 00:07:04,690
do svého prohlížeče, můj prohlížeč souborů, klepněte na tlačítko
Preview, a to je to, co přijde.

154
00:07:04,690 --> 00:07:07,520
>> Text mezi B
tagy je opravdu nyní tučně.

155
00:07:07,520 --> 00:07:10,720
Text mezi I
tagy je opravdu nyní kurzíva.

156
00:07:10,720 --> 00:07:14,634
A text v mezi U
tagy skutečně nyní podtržena.

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

158
00:07:15,550 --> 00:07:18,450
Nyní víme, jak se dělá textu
vypadat trochu více fantazie

159
00:07:18,450 --> 00:07:20,360
nebo kreslit důraz na určité věci.

160
00:07:20,360 --> 00:07:25,530
Dalších pár běžných značek jsou zde
odstavce tagy, tagy P, a záhlaví,

161
00:07:25,530 --> 00:07:27,980
který jsem zde vykreslen jako HX.

162
00:07:27,980 --> 00:07:32,520
>> Tyto P tagy, tyto tagy odstavec,
zlomit znění až do odstavců.

163
00:07:32,520 --> 00:07:34,646
Nestačí jen
stiskněte klávesu Enter a opustit prostory,

164
00:07:34,646 --> 00:07:37,186
protože počítač je teprve ve chvíli
dělat to, co vám to říct dělat

165
00:07:37,186 --> 00:07:39,450
a ignoruje bílé
prostoru z větší části.

166
00:07:39,450 --> 00:07:41,636
Takže nemůžeme jednoduše stisknout Enter
a očekávají, že náš počítač

167
00:07:41,636 --> 00:07:43,760
interpretovat, že chceme,
začít nový odstavec.

168
00:07:43,760 --> 00:07:47,670
Musíme velmi jasně říci
je jeden paragraph-- je another--

169
00:07:47,670 --> 00:07:50,740
uzavřením každý v souboru P značek.

170
00:07:50,740 --> 00:07:54,560
>> A máme také tyto možnosti
pro H tagy, těchto značek záhlaví.

171
00:07:54,560 --> 00:07:57,000
Máme šest různých úrovních
záhlaví, jedna, dva, tři,

172
00:07:57,000 --> 00:08:01,110
čtyři, pět, šest, které jsou
postupně větší a větší

173
00:08:01,110 --> 00:08:01,710
záhlaví.

174
00:08:01,710 --> 00:08:04,360
A oni dostanou menší a
menší a menší a menší.

175
00:08:04,360 --> 00:08:07,690
Takže máme nejvyšší úrovně hlavičku, druhá
header úrovni, a tak dále, a tak dále.

176
00:08:07,690 --> 00:08:10,480
>> Pojďme se podívat na některé možná
P značky a některé značky záhlaví

177
00:08:10,480 --> 00:08:13,110
v akci na webové stránce.

178
00:08:13,110 --> 00:08:18,180
Takže tady v mém IDE Mám soubor s názvem
PH tečka HTML, pH se odstavce

179
00:08:18,180 --> 00:08:18,970
a tagy záhlaví.

180
00:08:18,970 --> 00:08:20,709
Otevřete, že až.

181
00:08:20,709 --> 00:08:23,000
Je tu spousta tu děje
proto, že jsem dát nějaký Lorem

182
00:08:23,000 --> 00:08:24,660
ipsum, někteří jen náhodný text zde.

183
00:08:24,660 --> 00:08:27,284
Takže budu oddálit trochu
protože tam je tolik děje.

184
00:08:27,284 --> 00:08:31,980
Ale všimněte si, že mám u velmi
nahoru tady mám H1, první úrovně,

185
00:08:31,980 --> 00:08:32,802
záhlaví tag.

186
00:08:32,802 --> 00:08:36,010
Pak jsem se odstavec, který je jen
banda náhodné text-- Lorem ipsum--

187
00:08:36,010 --> 00:08:38,720
Jen výchozí standardní náplň v textu.

188
00:08:38,720 --> 00:08:41,970
Takže mám dva odstavce, které uvnitř
Úroveň jedno záhlaví a pak dole I

189
00:08:41,970 --> 00:08:46,850
mají stejné dvě záhlaví tady na řádku 24,
druhá hlavička stupeň, a další dva

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

191
00:08:47,840 --> 00:08:51,910
Tak co to vypadá
když jsem ji zobrazit ve svém náhledu?

192
00:08:51,910 --> 00:08:53,790
Uvidíme.

193
00:08:53,790 --> 00:08:55,730
>> Takže si všimnout, že
První záhlaví zde hladina

194
00:08:55,730 --> 00:08:58,420
je vlastně docela dost větší
než druhá záhlaví hladiny.

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

196
00:08:59,940 --> 00:09:03,820
A všimněte si, že P značky nám umožňují
rozdělit věci do odstavců.

197
00:09:03,820 --> 00:09:07,500
Kdybychom dostali zbavit těch P značek
a vlastně jen dát Zadává nebo vrátí

198
00:09:07,500 --> 00:09:10,110
v mezi tím, co jsme doufali by
být různé body,

199
00:09:10,110 --> 00:09:13,193
budou všichni jen zabouchnout dohromady a
to nebude mít tento pěkný odstavec

200
00:09:13,193 --> 00:09:15,840
separace s prostorem nad a pod.

201
00:09:15,840 --> 00:09:18,300
A tak to je to, co odstavec
tagy a tagy záhlaví

202
00:09:18,300 --> 00:09:22,440
jsou běžně používány dělat, aby kreslit
Pozornost k částem naší webové stránky

203
00:09:22,440 --> 00:09:23,550
tím způsobem.

204
00:09:23,550 --> 00:09:27,560
>> Další na řadě jsou některé značky, které používáme
stavět seznamy na naší webové stránce.

205
00:09:27,560 --> 00:09:30,820
Takže máme neuspořádaný
lists-- ULs--, které jsou stejně

206
00:09:30,820 --> 00:09:34,090
nečíslované seznamy, které byly objednány
seznam, který jsou numbered--

207
00:09:34,090 --> 00:09:37,680
OLs-- a uvnitř buď
jeden z těch, musíme mít

208
00:09:37,680 --> 00:09:40,600
sady, jak uvést seznam položek, Li.

209
00:09:40,600 --> 00:09:44,370
A tak máme otevřenou UL tag
a klademe předměty uvnitř ní.

210
00:09:44,370 --> 00:09:46,920
A pak, když jsme skončili s
že můžeme uzavřít značku UL.

211
00:09:46,920 --> 00:09:49,850
>> A podobně můžeme mít
uspořádaný nebo číslovaný seznam

212
00:09:49,850 --> 00:09:51,560
a dát položek seznamu uvnitř toho.

213
00:09:51,560 --> 00:09:53,350
Takže pojďme se podívat
na pár seznamů

214
00:09:53,350 --> 00:09:57,230
a co by
vykreslení i na CS50 IDE.

215
00:09:57,230 --> 00:10:00,640
Takže mám tady v mé IDE A
Soubor s názvem seznamy dot HTML.

216
00:10:00,640 --> 00:10:03,100
Pojďme se podívat.

217
00:10:03,100 --> 00:10:08,482
>> A Oznámení tady mám neuspořádaný
List s pěti věcí v něm.

218
00:10:08,482 --> 00:10:11,440
A pak mám seřazený seznam a
Já jsem změnil štítek trochu,

219
00:10:11,440 --> 00:10:11,939
v pořádku?

220
00:10:11,939 --> 00:10:13,152
Řekl jsem začátek rovná šest.

221
00:10:13,152 --> 00:10:16,110
Ukazuje se, s objednanou seznamu I
můžete nastavit výchozí bod, kdekoli

222
00:10:16,110 --> 00:10:20,130
I want-- ve výchozím nastavení to bude one--
pouhým přidáním tuto takzvanou atribut

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

224
00:10:21,190 --> 00:10:23,572
A tak tento seznam bude
začne počítat v šest.

225
00:10:23,572 --> 00:10:26,780
Takže prvky tohoto číslovaný seznam
by měl být šest, sedm, osm, devět, deset,

226
00:10:26,780 --> 00:10:29,930
protože existuje pět elementů
v seznamu, v protikladu k jednomu,

227
00:10:29,930 --> 00:10:33,770
dva, tři, čtyři, pět, což
by tomu bylo v případě, kdybych řekl, OL

228
00:10:33,770 --> 00:10:36,730
aniž by upřesnila atribut startu.

229
00:10:36,730 --> 00:10:41,594
>> Tak jsme si jen prohlédnout to, takže můžete
získat cit pro to, co se tady děje.

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

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

232
00:10:44,610 --> 00:10:47,810
Prvních pět prvky jsou
neuspořádané nebo nečíslované seznamy.

233
00:10:47,810 --> 00:10:51,010
A další pět elementů
jsou samostatnou nařídil seznam

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

235
00:10:52,980 --> 00:10:56,247
Tak to je, jak můžeme
budovat seznamy pomocí HTML.

236
00:10:56,247 --> 00:10:58,080
Další věc, kterou by mohl
chcete udělat s HTML

237
00:10:58,080 --> 00:11:01,520
je vytvořit tabulku
informace o řádků a sloupců

238
00:11:01,520 --> 00:11:04,560
prezentovat informace v
zejména organizovaným způsobem.

239
00:11:04,560 --> 00:11:09,110
Chcete-li to s HTML, můžeme mít
Definice tabulky začíná otevřený držák

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

241
00:11:10,160 --> 00:11:14,680
A pak se uvnitř této tabulky jsme
může mít sadu řádků, TR tagy

242
00:11:14,680 --> 00:11:15,980
pro indikaci každý řádek.

243
00:11:15,980 --> 00:11:22,510
A pak TD tagy jít uvnitř TR tagů
specifikovat sloupec uvnitř řadě.

244
00:11:22,510 --> 00:11:24,340
>> Proč se jmenuje TD a ne TC?

245
00:11:24,340 --> 00:11:25,940
No, TD znamená data tabulky.

246
00:11:25,940 --> 00:11:27,900
Obvykle jste uvedení
vaše informace tam.

247
00:11:27,900 --> 00:11:29,440
Takže to je důvod, proč je TD a ne TC.

248
00:11:29,440 --> 00:11:31,140
Je to trochu matoucí.

249
00:11:31,140 --> 00:11:33,720
>> Takže máte tabulky a značky
vnitřní části tabulky značky

250
00:11:33,720 --> 00:11:35,600
máte několik řádků, TR.

251
00:11:35,600 --> 00:11:40,030
A uvnitř každého řádku máte
TDS pro počet sloupců

252
00:11:40,030 --> 00:11:42,880
že chcete mít
v tomto konkrétním řádku.

253
00:11:42,880 --> 00:11:47,730
Pojďme se podívat na velmi
jednoduchá tabulka nad v CS50 IDE.

254
00:11:47,730 --> 00:11:49,730
>> Tak jsem zde soubor
volal tabulka dot HTML.

255
00:11:49,730 --> 00:11:53,390
Pojďme se podívat na
jak to vypadá.

256
00:11:53,390 --> 00:11:56,225
Je tu spousta tu děje, ale
pokud si všimnete mám tabulku otevřít.

257
00:11:56,225 --> 00:11:57,850
Začínám definici se stolem.

258
00:11:57,850 --> 00:12:02,100
A pak se v mé první řadě jsem se zřejmě
mají čtyři sloupy, jeden, dva, tři,

259
00:12:02,100 --> 00:12:02,660
čtyři.

260
00:12:02,660 --> 00:12:04,290
A pak jsem udělal s tohoto řádku.

261
00:12:04,290 --> 00:12:07,750
>> Pak jsem začít další řádek a
dělat dvě, čtyři, šest, osm.

262
00:12:07,750 --> 00:12:08,850
Povrch, který řádek.

263
00:12:08,850 --> 00:12:11,410
Ještě další řádek, tři, šest, devět, 12.

264
00:12:11,410 --> 00:12:14,830
A pak poslední řádek, čtyři,
osm, 12, a i když je to

265
00:12:14,830 --> 00:12:16,560
trochu odříznout tady, 16.

266
00:12:16,560 --> 00:12:17,710
>> Dokončil jsem ten řádek.

267
00:12:17,710 --> 00:12:18,970
Jsem dokončil tabulky.

268
00:12:18,970 --> 00:12:21,430
A pak jsem udělal s mým HTML.

269
00:12:21,430 --> 00:12:22,590
Co to vypadá?

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

271
00:12:26,014 --> 00:12:27,430
No, to není opravdu moc vidět.

272
00:12:27,430 --> 00:12:31,690
Já jsem přehledná moje osobní údaje
v poněkud více organizovaným způsobem.

273
00:12:31,690 --> 00:12:33,755
Ale není to extra hezký zde.

274
00:12:33,755 --> 00:12:36,130
A budeme se zabývat
že když mluvíme o CSS.

275
00:12:36,130 --> 00:12:38,930
Budeme znovu tuto myšlenku
to, co děláme, aby se table--

276
00:12:38,930 --> 00:12:41,260
Možná to naformátovat trochu lépe?

277
00:12:41,260 --> 00:12:45,070
Ale já ještě čtyři řady,
z nichž každá má čtyři sloupce,

278
00:12:45,070 --> 00:12:48,890
a opravdu to, co to činí je
velmi jednoduchý čtyř čtyřmi násobení

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

280
00:12:49,870 --> 00:12:51,690
>> Ještě pár značek budeme mluvit.

281
00:12:51,690 --> 00:12:54,617
Pojďme se bavit o
Koncept HTML formuláře.

282
00:12:54,617 --> 00:12:57,450
Takže jste mohli vidět to ve
kontext přihlášení do webové stránky.

283
00:12:57,450 --> 00:12:59,100
Obvykle zadáte své uživatelské jméno.

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

285
00:13:01,510 --> 00:13:04,170
To by byl začátek formuláře.

286
00:13:04,170 --> 00:13:05,420
>> Přeskakování oddíl za sekundu.

287
00:13:05,420 --> 00:13:07,987
Máme také vstupy, které
druh vešel do forem.

288
00:13:07,987 --> 00:13:10,320
To jsou prvky, které
jste vlastně psát do,

289
00:13:10,320 --> 00:13:12,580
nebo přepínače, že jste
běží, nebo kontrola

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

291
00:13:14,310 --> 00:13:15,770
Tak to jít dovnitř formulářů.

292
00:13:15,770 --> 00:13:18,500
A oni zahrnují v zásadě
každý řádek formuláře

293
00:13:18,500 --> 00:13:19,887
pokud váš formulář je formátován dobře.

294
00:13:19,887 --> 00:13:22,220
Pak je tu tento koncept
div, který není opravdu

295
00:13:22,220 --> 00:13:25,060
vejde do určité kategorie
značek, jako jsou ty, které jsem si

296
00:13:25,060 --> 00:13:26,170
dělal předtím.

297
00:13:26,170 --> 00:13:29,790
Je to tak nějak vymezuje
začátek nějakého libovolného division--

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

299
00:13:31,670 --> 00:13:33,210
Neexistuje žádný vizuální přestávka.

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

301
00:13:34,800 --> 00:13:37,180
Není to vyrazil jako
samostatný kus automaticky.

302
00:13:37,180 --> 00:13:39,430
Musel byste to styl
že způsob, jak to udělat.

303
00:13:39,430 --> 00:13:42,110
>> Je to tak nějak říká, Chci
kus prostoru na mé webové stránky,

304
00:13:42,110 --> 00:13:45,190
a já jsem prostě jít zavolat
že toto rozdělení mé stránky.

305
00:13:45,190 --> 00:13:47,619
Můžeme dát věci dovnitř
z divs, a ve skutečnosti,

306
00:13:47,619 --> 00:13:49,410
když jsme se přes hlavu na
IDE Ve vteřině, budeme

307
00:13:49,410 --> 00:13:53,760
vidět, že dávám my
tvoří uvnitř div.

308
00:13:53,760 --> 00:13:57,050
>> Takže mám tady v mé IDE A
soubor s názvem div forma dot HTML.

309
00:13:57,050 --> 00:13:59,260
Pojďme si otevřete ji.

310
00:13:59,260 --> 00:14:01,460
Všimněte si, že jak jsem řekl,
div je v jistém smyslu libovolný.

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

312
00:14:01,640 --> 00:14:02,973
To není opravdu nic neznamená.

313
00:14:02,973 --> 00:14:05,140
Takže mám libovolný
První divize mé stránky.

314
00:14:05,140 --> 00:14:07,848
A pak místo toho, další div
později, začíná na lince osm,

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

316
00:14:08,730 --> 00:14:13,594
A uvnitř formy Mám
počet vstupů, pole formuláře.

317
00:14:13,594 --> 00:14:16,510
Takže mám pole, jehož jméno je je--
což není opravdu nic neznamená

318
00:14:16,510 --> 00:14:19,350
právo now-- to zřejmě
bere text, ještě jeden, který

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

320
00:14:22,630 --> 00:14:24,797
a jiný, že je tlačítko Odeslat.

321
00:14:24,797 --> 00:14:26,630
No, co to dělá
všichni vlastně vypadat?

322
00:14:26,630 --> 00:14:27,629
Dobře, pojďme se podívat.

323
00:14:27,629 --> 00:14:31,010
Budeme otevřít v naší náhledovém okně.

324
00:14:31,010 --> 00:14:33,557
Všimněte si, že toto svévolné
První division-- je tu

325
00:14:33,557 --> 00:14:34,640
žádné vizuální oddělení zde.

326
00:14:34,640 --> 00:14:37,150
To přece není opravdu nic dělat, ne?

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

328
00:14:38,220 --> 00:14:39,890
A já jsem neudělal žádnou speciální formátování.

329
00:14:39,890 --> 00:14:42,680
Takže forma je jen jedna
velká řada informací.

330
00:14:42,680 --> 00:14:46,424
Kdybych formátovány svou formu jinak,
Možná jsem ho řádek po řádku po řádce.

331
00:14:46,424 --> 00:14:47,590
Ale já jsem neudělal žádný styl.

332
00:14:47,590 --> 00:14:49,256
Opět platí, že nemluvíme o CSS sem.

333
00:14:49,256 --> 00:14:51,030
Jsme si povídali o HTML.

334
00:14:51,030 --> 00:14:53,980
>> No v mém textové podobě mohu type--
pamatujte, že formy typu textu

335
00:14:53,980 --> 00:14:55,480
takže můžu dát své jméno.

336
00:14:55,480 --> 00:14:57,330
A v mé heslo,
můžete zadat své heslo.

337
00:14:57,330 --> 00:14:59,740
A protože této oblasti
je typu hesla,

338
00:14:59,740 --> 00:15:01,470
nevíte, co moje heslo je.

339
00:15:01,470 --> 00:15:02,800
Je to všechno tečky.

340
00:15:02,800 --> 00:15:09,140
>> Já si také vybrat zaškrtnout vypnutí A
radio tlačítko nebo zaškrtnete zaškrtávací políčko.

341
00:15:09,140 --> 00:15:10,420
Nebo bych mohl odeslat svůj formulář.

342
00:15:10,420 --> 00:15:11,810
A já jsem nic neudělal,
takže když odešlu formu,

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

344
00:15:13,090 --> 00:15:16,970
Ale já jsem mohl možná Konfigurovat
Tlačítko Odeslat dělat něco jiného.

345
00:15:16,970 --> 00:15:20,410
A uvidíme, co můžeme udělat s
že v budoucích video na PHP.

346
00:15:20,410 --> 00:15:22,520
Ale to staví velmi
jednoduchý formulář, které jsme

347
00:15:22,520 --> 00:15:27,360
lze použít k mít uživatelé komunikovat a
předložit informace na našich webových stránkách.

348
00:15:27,360 --> 00:15:29,620
>> Poslední poznámka před my
přejít na některých jiných značek

349
00:15:29,620 --> 00:15:32,040
je se podívat na to
Vstupní tag ještě jednou.

350
00:15:32,040 --> 00:15:35,760
Všimněte si, že jsem se zvýrazní
konce tagu v červené barvě.

351
00:15:35,760 --> 00:15:39,390
Každý druhý tag jsme dosud viděli má
měl počátek a konec, otvor

352
00:15:39,390 --> 00:15:41,030
tag a uzavírací tag.

353
00:15:41,030 --> 00:15:42,520
>> Ale vstupní tag není.

354
00:15:42,520 --> 00:15:46,860
Neexistuje žádný text, který jede
mezi vstupními tagy.

355
00:15:46,860 --> 00:15:49,160
Všechny informace
máme v úmyslu sdělit

356
00:15:49,160 --> 00:15:52,640
je vázáno jako součást
atributy tohoto vstupu.

357
00:15:52,640 --> 00:15:54,690
Všimněte si, máme vstupní název 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 opravdu vše
informace, které potřebujeme.

360
00:15:57,660 --> 00:15:59,470
>> To se nazývá self uzavírací tag.

361
00:15:59,470 --> 00:16:02,470
To nevyžaduje otvor a A
blízký, protože všechny informace,

362
00:16:02,470 --> 00:16:04,974
je obsažena uvnitř
tag a jeho atributů.

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

364
00:16:06,390 --> 00:16:10,400
Takže prostě být vědomi toho, že pokud máte
tag, který je zcela soběstačný,

365
00:16:10,400 --> 00:16:14,170
se otevře a zavře se s
otevřená úhelník na levé straně

366
00:16:14,170 --> 00:16:17,000
a úhel lomítko
držák na pravé straně.

367
00:16:17,000 --> 00:16:20,580
Uvidíme, další z těch,
Právě teď s image značky stejně.

368
00:16:20,580 --> 00:16:23,300
>> Předtím, než budeme mluvit o obrazy, my
Potřebuji mluvit o hypertextové odkazy.

369
00:16:23,300 --> 00:16:26,080
Pokud chceme, aby naše webové stránky, aby
interaktivní a nás pohybovat,

370
00:16:26,080 --> 00:16:28,121
Bylo by hezké být schopen
kliknout na jeden z těch,

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

372
00:16:30,190 --> 00:16:34,440
To je ve skutečnosti, jak stavíme
hypertextový odkaz na naší webové stránce.

373
00:16:34,440 --> 00:16:36,540
A je dost zajímavé
je tu další tag HTML

374
00:16:36,540 --> 00:16:39,000
volal odkaz, který není hypertextový odkaz.

375
00:16:39,000 --> 00:16:44,130
Zde stojí na kotvu, a
to je, jak jsme se označují hypertextový odkaz.

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

377
00:16:49,150 --> 00:16:51,580
mezi otevřenou Tag
a blízký Tag

378
00:16:51,580 --> 00:16:56,010
Je to, co to bude, že zdůraznil,
modrý text, který vypadá jako odkaz

379
00:16:56,010 --> 00:16:57,590
že jsme obeznámeni s.

380
00:16:57,590 --> 00:17:01,660
Níže že máme značku obrázek, který
je samo uzavírací tag pro zobrazování

381
00:17:01,660 --> 00:17:05,599
obraz se nachází na X. A
byste měli být schopni změnit

382
00:17:05,599 --> 00:17:08,280
že obraz zadáním
šířka a výška

383
00:17:08,280 --> 00:17:11,640
a další atributy v
že dot dot dot tam.

384
00:17:11,640 --> 00:17:14,260
>> Na samém dně zde
máme velmi zajímavé

385
00:17:14,260 --> 00:17:16,170
vypadající tag, který není
mají uzavírací tag.

386
00:17:16,170 --> 00:17:19,410
Je to vykřičník DOCTYPE HTML.

387
00:17:19,410 --> 00:17:23,300
Takže HTML byl asi od
počátku 1990 pro vytváření webových stránek,

388
00:17:23,300 --> 00:17:25,859
a je to pryč prošla
několik revizí od té doby.

389
00:17:25,859 --> 00:17:28,550
Naposledy v roce 2014
to podstoupilo revizi

390
00:17:28,550 --> 00:17:33,440
s názvem HTML5 který je nyní aktuální
druh de facto standard HTML.

391
00:17:33,440 --> 00:17:36,730
>> Chcete-li označit, že náš web
Stránky jsou zapsány pomocí HTML5,

392
00:17:36,730 --> 00:17:38,160
to je, jak začít.

393
00:17:38,160 --> 00:17:40,380
To může být vynechána, ale
co to v podstatě

394
00:17:40,380 --> 00:17:45,930
znamená, nemůžete použít některý z tagů
které jsou HTML5 tagy, tyto nové značky.

395
00:17:45,930 --> 00:17:48,591
Tak jsme se vždy začít
pokud jsme pomocí HTML5.

396
00:17:48,591 --> 00:17:51,340
A všechny tagy jsme mluvili o
dříve nejsou HTML5 tagy.

397
00:17:51,340 --> 00:17:55,470
To by ale ukazují, že
HTML5 tagy bude přítomen.

398
00:17:55,470 --> 00:17:58,400
A tak máme zvolání
doctype HTML, který

399
00:17:58,400 --> 00:18:01,280
je na samém začátku našeho
HTML souboru, a pak po tom bod

400
00:18:01,280 --> 00:18:04,930
ve skutečnosti máme naše HTML open
označit a pokračujte odtamtud.

401
00:18:04,930 --> 00:18:10,050
>> Ten poslední je komentář tag,
který vypadá poněkud odlišný, taky.

402
00:18:10,050 --> 00:18:12,810
Začíná s úhlem
držák zvolání pomlčka

403
00:18:12,810 --> 00:18:15,220
pomlčka ale žádné zavírání držák.

404
00:18:15,220 --> 00:18:20,150
V období mezi těmito dvěma tam prvky
je místo, kde budete psát své komentáře.

405
00:18:20,150 --> 00:18:28,420
A pojďme se podívat na obrázky
a poznámky a odkazy v CS50 IDE.

406
00:18:28,420 --> 00:18:32,850
>> Tak jsem zde soubor nazvaný jako odkaz
dot HTML což Jdu otevřít.

407
00:18:32,850 --> 00:18:36,420
A všimněte si mám pár
komentáře zde v mých komentářů HTML.

408
00:18:36,420 --> 00:18:38,990
Takže, stejně jako v C a další
programovací jazyky,

409
00:18:38,990 --> 00:18:43,169
HTML jen tím, že je značkovací jazyk
přece má možnost mít připomínky.

410
00:18:43,169 --> 00:18:45,710
A tak jsem zřejmě bude
umístit obrázek Rick Astley

411
00:18:45,710 --> 00:18:49,060
někde mezi této DIV
tag, toto svévolné rozdělení.

412
00:18:49,060 --> 00:18:51,497
Zdá se, že soubor je
se nachází na Rick dot JPEG, který

413
00:18:51,497 --> 00:18:53,580
pokud se vydáme zpátky k
můj soubor strom pro druhé,

414
00:18:53,580 --> 00:18:55,490
je soubor, který existuje v
aktuální adresář.

415
00:18:55,490 --> 00:18:56,031
Tak to je v pořádku.

416
00:18:56,031 --> 00:18:57,710
Můžu odkazovat.

417
00:18:57,710 --> 00:18:59,680
>> Pak můžu mít interní odkazy.

418
00:18:59,680 --> 00:19:05,080
Takže si všimnout na řádku 11 se zde
můj href je ahoj tečka HTML.

419
00:19:05,080 --> 00:19:09,050
Tak, že prostě se odkazuje na ahoj dot HTML
který existuje v aktuálním adresáři.

420
00:19:09,050 --> 00:19:12,980
A můžu mít také externí
vazby od jen zadáním protokolu HTTPS

421
00:19:12,980 --> 00:19:16,180
ukázat, že Nemluvím
o souboru v mém aktuálním adresáři.

422
00:19:16,180 --> 00:19:19,730
Mluvím o souboru, který existuje
někde na internetu, který mám

423
00:19:19,730 --> 00:19:23,370
požádat pomocí protokolu HTTP.

424
00:19:23,370 --> 00:19:25,990
>> Takže pojďme se podívat na to, co
Tato stránka může vypadat jako

425
00:19:25,990 --> 00:19:29,500
a připravte se na obraz Rick
Astley se ukázat na obrazovce.

426
00:19:29,500 --> 00:19:31,490
Tak jsem si to prohlédnout.

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

428
00:19:33,800 --> 00:19:35,008
Divize jsem ji na vrcholu.

429
00:19:35,008 --> 00:19:36,960
A pak se dole I
mají své odkazy, ne?

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 když jsem klikněte na to, že jsem si
přešel na tuto stránku

432
00:19:42,860 --> 00:19:47,050
že jsme velmi dobře obeznámeni s od
samého začátku našeho programu.

433
00:19:47,050 --> 00:19:50,880
Kdybych pop tuto stránku otevřít znovu, jestli jsem
pop odkaz otevřít ještě jednou,

434
00:19:50,880 --> 00:19:54,420
Mohu také jít externě
na webové stránky CS50 je.

435
00:19:54,420 --> 00:19:56,740
A tam jsme see-- budu
oddálit trochu here--

436
00:19:56,740 --> 00:20:00,260
uvidíme CS50 WWW stránky druh
vložený ve středu stránce.

437
00:20:00,260 --> 00:20:04,670
Takže jsem byl schopen provést interní
propojit stejně jako externí odkaz.

438
00:20:04,670 --> 00:20:07,200
>> Poslední pravidlo s HTML, které
budeme mluvit o zde

439
00:20:07,200 --> 00:20:09,510
je, že vaše HTML by měl být dobře tvarované.

440
00:20:09,510 --> 00:20:13,020
V jazyce C jsme hodně mluvili o
různé syntaxe věcí.

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

442
00:20:17,650 --> 00:20:19,660
Každá značka otevření je třeba uzavřít.

443
00:20:19,660 --> 00:20:22,630
A ve skutečnosti, každá značka otevření
by měly být uzavřeny v opačném pořadí.

444
00:20:22,630 --> 00:20:25,790
>> Takže pokud otevřete odvážné značku, což kurzíva
tag, a pak podtržení tag

445
00:20:25,790 --> 00:20:28,120
dělat všechny tři do A
konkrétní soubor textu,

446
00:20:28,120 --> 00:20:30,070
měli byste zavřít v opačném pořadí.

447
00:20:30,070 --> 00:20:32,270
Takže pokud jste otevřeli tučně,
kurzíva, podtržení, vy

448
00:20:32,270 --> 00:20:35,240
chcete zavřít podtržení, kurzíva, tučné.

449
00:20:35,240 --> 00:20:39,990
Tento druh zapouzdření je to, co
udržuje HTML pěkné a organizované.

450
00:20:39,990 --> 00:20:44,370
>> Na rozdíl od C, i když, bude syntaktické chyby ne
skutečně ochromit váš HTML možná.

451
00:20:44,370 --> 00:20:48,730
Váš HTML nemusí být dobře
tvořil ale bude stále fungovat.

452
00:20:48,730 --> 00:20:50,589
A tak tyto chyby
lze třídit z preparátu.

453
00:20:50,589 --> 00:20:52,130
Záleží jen na vás, abyste opravdu ostražití.

454
00:20:52,130 --> 00:20:54,760
Někdy selžou, ale
Někdy se můžete dostat pryč s ním.

455
00:20:54,760 --> 00:20:56,509
>> To může být opravdu
obtížný úkol, i když,

456
00:20:56,509 --> 00:21:00,660
sledovat při otevření
tag, když ji zavřel,

457
00:21:00,660 --> 00:21:04,110
zejména jako HTML
Soubory větší a větší.

458
00:21:04,110 --> 00:21:05,490
Budete chtít nějakou pomoc.

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

460
00:21:07,560 --> 00:21:11,474
lze použít k se podívat na váš web
stránky a zjistit, jestli je to dobře tvarované HTML.

461
00:21:11,474 --> 00:21:13,390
A vy byste měli rozhodně
se podívat na ty,

462
00:21:13,390 --> 00:21:16,620
a začít používat je jako vy
začít dělat nějakou práci s HTML,

463
00:21:16,620 --> 00:21:20,800
psaní HTML, jen tak dostanete
některé dobré návyky o organizaci

464
00:21:20,800 --> 00:21:24,377
vaše HTML v dobrém slova smyslu a
dobrý styl a ujistěte se,

465
00:21:24,377 --> 00:21:27,210
že neděláte nic, co by
mohl vytvořit chybu syntaxe, který

466
00:21:27,210 --> 00:21:30,270
by způsobit trochu
problém dolů na silnici.

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

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

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