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

2
00:00:06,100 --> 00:00:08,790
>> DOUG LLOYD: Deci, am petrecut
about-- dacă matematica mea are dreptate,

3
00:00:08,790 --> 00:00:11,900
Și cred că în căutarea back-- cred
ne-am petrecut aproximativ 35 de videoclipuri vorbesc

4
00:00:11,900 --> 00:00:15,139
despre diferite aspecte ale C, poate
un pic mai mult, poate un pic mai puțin.

5
00:00:15,139 --> 00:00:16,930
Și nu am acoperi
totul în C, dar am

6
00:00:16,930 --> 00:00:21,170
acoperit o bucată mai mare al
limbă, marea majoritate a acesteia,

7
00:00:21,170 --> 00:00:22,882
siguranță pentru utilizări comune.

8
00:00:22,882 --> 00:00:25,090
Acum vom vorbi
despre o altă limbă, HTML.

9
00:00:25,090 --> 00:00:28,180
Și am de gând să acopere
l într-o singură video.

10
00:00:28,180 --> 00:00:29,340
>> Dar asta va fi OK.

11
00:00:29,340 --> 00:00:31,410
Care va deveni efectiv
ceva ai de gând să te obișnuiești.

12
00:00:31,410 --> 00:00:33,535
Acum, că aveți
Bazele o singură limbă,

13
00:00:33,535 --> 00:00:35,776
este de fapt destul de ușor
pentru a începe altele de învățare.

14
00:00:35,776 --> 00:00:37,650
Deci vom începe
să-și intensifice un pic înapoi

15
00:00:37,650 --> 00:00:43,340
și luciu peste de bază
diferențele dintre aceste limbi

16
00:00:43,340 --> 00:00:45,750
și un fel de a pleca să-l.

17
00:00:45,750 --> 00:00:48,530
Există o mulțime de foarte mare
resurse de pe internet, care

18
00:00:48,530 --> 00:00:51,279
vom începe conducerea te
spre deoarece internetul este

19
00:00:51,279 --> 00:00:53,340
un depozit vast de informații.

20
00:00:53,340 --> 00:00:55,960
Și așa nu te place vei
fie pierde în mod necesar

21
00:00:55,960 --> 00:00:58,349
prin faptul că nu au informații
acoperit într-un video.

22
00:00:58,349 --> 00:01:00,640
Veți fi în continuare posibilitatea de a obține
tot ce ai nevoie și de a folosi

23
00:01:00,640 --> 00:01:03,590
cunoștințele ai deja
construit prin înțelegerea C

24
00:01:03,590 --> 00:01:07,130
pentru a face curba de învățare pentru aceste
alte limbi de fapt, o mulțime. plate

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

26
00:01:08,640 --> 00:01:12,770
>> Dar hai sa vorbim despre o limbă
că într-adevăr fundamental pentru fiecare web

27
00:01:12,770 --> 00:01:14,830
pagină, care este HTML.

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

29
00:01:18,230 --> 00:01:22,700
HTML este un limbaj, dar este
nu un limbaj de programare.

30
00:01:22,700 --> 00:01:23,900
>> HTML nu are variabile.

31
00:01:23,900 --> 00:01:26,430
Nu are logică sau
funcții sau ceva de genul asta.

32
00:01:26,430 --> 00:01:30,301
Nu putem face nici o
programare în sine în HTML.

33
00:01:30,301 --> 00:01:32,300
Uneori, veți auzi
oamenii se descriu

34
00:01:32,300 --> 00:01:35,710
ca programatori HTML, care
nu este în întregime corecte.

35
00:01:35,710 --> 00:01:37,980
Noi nu putem scrie programe HTML.

36
00:01:37,980 --> 00:01:40,770
>> HTML este folosit doar pentru a marca textul.

37
00:01:40,770 --> 00:01:42,690
Se numește un limbaj de marcare.

38
00:01:42,690 --> 00:01:47,680
Și ce does-- acest acest markup--
vom folosi tag-uri HTML în și aceste tags--

39
00:01:47,680 --> 00:01:51,600
acest markup-- semantic
definește structura unei pagini

40
00:01:51,600 --> 00:01:55,280
și provoacă textul clar că
există între tag-uri trebuie să fie interpretat

41
00:01:55,280 --> 00:01:57,320
de browsere în diferite moduri.

42
00:01:57,320 --> 00:02:00,370
Și poate că e mai bine să explice
acest cu titlu de ilustrare.

43
00:02:00,370 --> 00:02:06,450
>> Iată o pagină HTML foarte simplu, nu
un program de HTML, din nou, o pagină HTML.

44
00:02:06,450 --> 00:02:08,680
Și știm că este o
Pagina HTML pentru că ne-am

45
00:02:08,680 --> 00:02:11,480
delimitate totul cu tag-uri HTML.

46
00:02:11,480 --> 00:02:13,850
Deci, asta este ceea ce o etichetă HTML arată.

47
00:02:13,850 --> 00:02:15,870
E între paranteze unghiulare.

48
00:02:15,870 --> 00:02:18,570
Și observați în partea de sus avem
HTML și în partea de jos,

49
00:02:18,570 --> 00:02:21,400
după ce am făcut ceea ce este
aparent o mulțime de alte HTML,

50
00:02:21,400 --> 00:02:24,310
avem unghi suport slash HTML.

51
00:02:24,310 --> 00:02:29,262
Deci, acest tip de este limita
între ceea ce este HTML și ceea ce nu este.

52
00:02:29,262 --> 00:02:32,220
Și, bineînțeles, în mod convențional, doar
cum ai scris toate programele C

53
00:02:32,220 --> 00:02:35,300
cu extensii punct C,
toate fișierele HTML

54
00:02:35,300 --> 00:02:37,909
se va încheia cu extensii HTML dot.

55
00:02:37,909 --> 00:02:39,200
Dar e mai mult se întâmplă aici.

56
00:02:39,200 --> 00:02:40,658
Noi nu avem doar aceste tag-uri HTML.

57
00:02:40,658 --> 00:02:44,010
Noi se pare că avem această
lucru numit o etichetă cap.

58
00:02:44,010 --> 00:02:46,010
Ei bine, OK, ce e asta?

59
00:02:46,010 --> 00:02:48,550
>> Ei bine, poate e mai bine să
distinge printr-un corp,

60
00:02:48,550 --> 00:02:50,590
corp fiind conținutul paginii web.

61
00:02:50,590 --> 00:02:55,860
Deci, poate eticheta cap definește lucruri
care nu este în fereastra browser-ului propriu-zis,

62
00:02:55,860 --> 00:02:59,410
dar într-un fel de important este să ne
Pagina web a fost prestate în mod corect.

63
00:02:59,410 --> 00:03:02,490
De exemplu, în interiorul
tag cap avem etichete titlu.

64
00:03:02,490 --> 00:03:05,500
>> Deci titlul mondial fiind salut,
Asta este de fapt ceea ce va fi

65
00:03:05,500 --> 00:03:08,797
apare în fila din Chrome
sau în safari sau Firefox--

66
00:03:08,797 --> 00:03:11,880
indiferent de browser-ul vă prefer-- asta e
ce se întâmplă să apară în titlu.

67
00:03:11,880 --> 00:03:14,800
Și înainte de file-ar arăta
în întreaga fereastră a browserului

68
00:03:14,800 --> 00:03:19,710
și puteți avea doar o singură pagină
deschide într-o fereastră de browser la un moment dat.

69
00:03:19,710 --> 00:03:22,160
Așa că va să fie
titlul de pagina mea de până în fila

70
00:03:22,160 --> 00:03:24,600
sau bara de fereastra browser-ului, salut lume.

71
00:03:24,600 --> 00:03:28,611
Și apoi conținutul meu
Pagina web va fi lumea, salut.

72
00:03:28,611 --> 00:03:31,360
Deci, haideți să aruncăm o privire la ceea ce unii
lucru ca acest lucru s-ar putea arata.

73
00:03:31,360 --> 00:03:33,210
Aceasta este o pagină HTML destul de simplu.

74
00:03:33,210 --> 00:03:35,970
Deci, eu sunt aici, în IDE mea CS50 și
Am mărită un pic.

75
00:03:35,970 --> 00:03:38,290
Și eu doar de gând să
deschide salut punct HTML

76
00:03:38,290 --> 00:03:42,000
și vă arată că acest lucru este destul de mult
conținutul paginii pe care am văzut înainte.

77
00:03:42,000 --> 00:03:45,240
Simplu mele tag-uri HTML, cap,
tag-uri titlu, corp, și așa mai departe.

78
00:03:45,240 --> 00:03:47,320
Am indentat să fie curate.

79
00:03:47,320 --> 00:03:51,530
>> Și apoi ce pot face în meu
IDE este doar examinați pagina.

80
00:03:51,530 --> 00:03:52,630
Și acolo mergem.

81
00:03:52,630 --> 00:03:56,070
Conținutul pagina mea este lumea,
salut, și nu văd nimic

82
00:03:56,070 --> 00:03:58,500
de la tag-uri cap acolo.

83
00:03:58,500 --> 00:03:59,980
E doar conținutul corpului.

84
00:03:59,980 --> 00:04:00,780
Lume, salut.

85
00:04:00,780 --> 00:04:03,700
Și din nou corpul doar
a spus, lumea, salut.

86
00:04:03,700 --> 00:04:06,160
Pe de altă parte lipsește.

87
00:04:06,160 --> 00:04:07,610
>> Așa că într-adevăr tot ce este.

88
00:04:07,610 --> 00:04:11,370
Aceasta este o foarte simplu pagină HTML de bază.

89
00:04:11,370 --> 00:04:14,280
Acum am indentat HTML mea
fi într-adevăr frumos și organizat,

90
00:04:14,280 --> 00:04:15,840
dar nu am de fapt, la.

91
00:04:15,840 --> 00:04:17,959
Aș putea face să arate destul de urât.

92
00:04:17,959 --> 00:04:19,467
Și acest lucru ar lucra în continuare.

93
00:04:19,467 --> 00:04:21,050
Acest lucru ar fi aceeași pagină web exact.

94
00:04:21,050 --> 00:04:23,100
Am doar scăpat de
tot spațiul alb.

95
00:04:23,100 --> 00:04:24,820
>> După cum se dovedește, spatiu alb este de date.

96
00:04:24,820 --> 00:04:28,540
Și așa că atunci când suntem trimiterea datelor de la
expeditor la destinatar, de la serverul

97
00:04:28,540 --> 00:04:30,670
la client, costurile de date de bani.

98
00:04:30,670 --> 00:04:34,460
Și astfel a scăpa de spațiu
este de fapt o idee bună

99
00:04:34,460 --> 00:04:37,320
daca esti cineva care servește
o mulțime de conținut web.

100
00:04:37,320 --> 00:04:39,820
E o idee proastă, dacă sunteți
cineva care învață aceste lucruri

101
00:04:39,820 --> 00:04:41,528
și doriți să aveți
l frumos organizat.

102
00:04:41,528 --> 00:04:43,810
Acesta este mult mai ușor de a analiza decât aceasta.

103
00:04:43,810 --> 00:04:45,540
Dar e funcțional identice.

104
00:04:45,540 --> 00:04:48,720
>> Amprentei și chestii de genul asta
Nu contează de fapt, în HTML.

105
00:04:48,720 --> 00:04:53,634
Tot ce contează este etichete de deschidere si
închiderea tag-uri în ordinea corectă.

106
00:04:53,634 --> 00:04:55,050
Observați ce sa întâmplat aici, totuși.

107
00:04:55,050 --> 00:04:58,450
Marcare ne oferă o modalitate de a
comunice informații suplimentare

108
00:04:58,450 --> 00:04:59,940
despre ceea ce am scris.

109
00:04:59,940 --> 00:05:03,130
Partea Hello, World a fost
interpretat ca titlu.

110
00:05:03,130 --> 00:05:06,410
Și lumea, salut parte a fost
interpretat în conținutul

111
00:05:06,410 --> 00:05:09,090
sau ceea ce ar trebui să fie
vizibil pe pagina mea de web.

112
00:05:09,090 --> 00:05:12,167
>> Există peste 100 de de aceste diverse
tag-uri și o mulțime de mare de resurse

113
00:05:12,167 --> 00:05:13,000
on-line pentru a le găsi.

114
00:05:13,000 --> 00:05:14,900
Vom vorbi despre o
câteva dintre ele în acest film, unele

115
00:05:14,900 --> 00:05:16,440
din lucrurile într-adevăr fundamental.

116
00:05:16,440 --> 00:05:18,440
Dar noi nu vom vorbi
despre toate, pentru că

117
00:05:18,440 --> 00:05:20,250
ar fi exhaustivă a face acest lucru.

118
00:05:20,250 --> 00:05:22,880
>> Un alt lucru pe care îl poate face, însă,
este deschide instrumente pentru dezvoltatori.

119
00:05:22,880 --> 00:05:26,069
Și dacă vă amintiți de la
videoclipul nostru pe HTTP,

120
00:05:26,069 --> 00:05:27,860
I-am explicat cum de a deschide
up instrumente de dezvoltare.

121
00:05:27,860 --> 00:05:32,020
În Chrome este, de obicei, tasta F12
pentru a deschide bara de instrumente pentru dezvoltatori.

122
00:05:32,020 --> 00:05:35,909
Apoi, în loc de a alege Rețelei
fila, puteți alege fila Elemente.

123
00:05:35,909 --> 00:05:37,700
Și dacă încărcați un web
pagină, veți fapt

124
00:05:37,700 --> 00:05:40,280
vedea HTML care creează acea pagină web.

125
00:05:40,280 --> 00:05:44,090
Și astfel încât să puteți învăța o mulțime despre HTML
uitandu-te la site-urile tale favorite

126
00:05:44,090 --> 00:05:48,474
și văzând cum Ele constituie
diverse piese ale acestora care iti plac.

127
00:05:48,474 --> 00:05:50,890
Asa ca poate nu e misto acest
model sau ceva de genul asta.

128
00:05:50,890 --> 00:05:52,140
Cum se face cu HTML?

129
00:05:52,140 --> 00:05:55,630
Ei bine, puteți deschide doar până dezvoltator dvs.
Unelte și treceți peste acest element

130
00:05:55,630 --> 00:05:57,700
și a vedea exact ceea ce face HTML.

131
00:05:57,700 --> 00:05:59,450
Așa că e un foarte
modalitate buna de a învăța HTML,

132
00:05:59,450 --> 00:06:02,330
și am recomanda cu tărie că
o faci atât pentru a învăța HTML

133
00:06:02,330 --> 00:06:04,930
și, de asemenea, să învețe un pic
bit despre unele dintre opțiunile

134
00:06:04,930 --> 00:06:07,050
disponibile în
instrumente de dezvoltare, care

135
00:06:07,050 --> 00:06:10,200
va veni cu siguranță la îndemână ca
a începe a face web mai intensă

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

137
00:06:11,090 --> 00:06:14,080
>> Deci, haideți să aruncăm o privire la o
pereche de tag-uri comune HTML.

138
00:06:14,080 --> 00:06:17,210
Și vom sări și să ia o privire la
ce aceste tag-uri va face, de asemenea,

139
00:06:17,210 --> 00:06:20,490
cum uitandu-te la unele fișiere din IDE mea.

140
00:06:20,490 --> 00:06:26,330
Deci, aici sunt trei etichete foarte simple pentru
tweaking aspectul vizual al textului.

141
00:06:26,330 --> 00:06:29,050
Există etichete B, I, tag-uri și tag-uri U.

142
00:06:29,050 --> 00:06:33,170
Și, respectiv, ceea ce fac ei este
face textul între ele cu litere aldine,

143
00:06:33,170 --> 00:06:35,430
italice, și subliniind.

144
00:06:35,430 --> 00:06:40,430
Deci, haideți să vedem ce ar arata
ca pe o pagină web reală în IDE mea.

145
00:06:40,430 --> 00:06:43,390
>> Deci, aici, în IDE meu am o
fișier numit BIU punct HTML.

146
00:06:43,390 --> 00:06:46,770
BIU dot HTML doar a fi
bold, italic, subliniere.

147
00:06:46,770 --> 00:06:47,830
Voi deschide.

148
00:06:47,830 --> 00:06:51,810
>> Și vom vedea că aici am
au acest text este tag-uri B îndrăzneț.

149
00:06:51,810 --> 00:06:54,010
Acest text este tag-uri I italic.

150
00:06:54,010 --> 00:06:56,307
Și acest text este tag-uri U subliniat.

151
00:06:56,307 --> 00:06:57,640
Ce se întâmplă acest lucru pentru a arata ca?

152
00:06:57,640 --> 00:06:59,473
Ei bine, din nou, tot ce am
să faceți este să mergeți aici

153
00:06:59,473 --> 00:07:04,690
la browser-ul meu, browser-ul meu fișier, faceți clic pe
Preview, iar acest lucru este ceea ce vine.

154
00:07:04,690 --> 00:07:07,520
>> Textul între B
tag-uri este într-adevăr acum îndrăzneț.

155
00:07:07,520 --> 00:07:10,720
Textul între I
tag-uri este într-adevăr acum italic.

156
00:07:10,720 --> 00:07:14,634
Iar textul între U
tag-uri este într-adevăr acum subliniat.

157
00:07:14,634 --> 00:07:15,550
Așa că e destul de bun.

158
00:07:15,550 --> 00:07:18,450
Acum știm cum să facă textul
uite un pic mai mult de lux

159
00:07:18,450 --> 00:07:20,360
sau trage accentul pe anumite lucruri.

160
00:07:20,360 --> 00:07:25,530
Un alt cuplu de tag-uri comune sunt aici
Tag-uri alineat, tag-uri P, și antet,

161
00:07:25,530 --> 00:07:27,980
care l-am făcut aici ca HX.

162
00:07:27,980 --> 00:07:32,520
>> Aceste etichete P, aceste tag-uri, punctul
rupe textul în sus în paragrafe.

163
00:07:32,520 --> 00:07:34,646
Nu este de ajuns doar la
apăsați Enter și se lasă spații,

164
00:07:34,646 --> 00:07:37,186
deoarece un calculator este doar de gând
de a face ceea ce-l spun să faci

165
00:07:37,186 --> 00:07:39,450
și ignoră alb
spațiu pentru cea mai mare parte.

166
00:07:39,450 --> 00:07:41,636
Așa că nu se poate lovi doar să introduceți
și se așteaptă calculatorul nostru

167
00:07:41,636 --> 00:07:43,760
să interpreteze că dorim
pentru a începe un nou paragraf.

168
00:07:43,760 --> 00:07:47,670
Noi trebuie să spunem foarte clar acest lucru
este una paragraph-- aceasta este another--

169
00:07:47,670 --> 00:07:50,740
prin anexând fiecare într-un set de tag-uri P.

170
00:07:50,740 --> 00:07:54,560
>> Si ne-am, de asemenea, aceste opțiuni
pentru tag-uri H, aceste tag-uri antet.

171
00:07:54,560 --> 00:07:57,000
Avem șase niveluri diferite
de antete, unu, doi, trei,

172
00:07:57,000 --> 00:08:01,110
patru, cinci, șase, care sunt
progresiv în ce mai mare

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

174
00:08:01,710 --> 00:08:04,360
Și ei a lua mai mici si
mai mici și mai mici și mai mici.

175
00:08:04,360 --> 00:08:07,690
Deci, avem un antet de nivel superior, un al doilea
antet nivel, și așa mai departe, și așa mai departe.

176
00:08:07,690 --> 00:08:10,480
>> Să aruncăm o privire la unele poate
Tag-uri P și unele tag-uri antet

177
00:08:10,480 --> 00:08:13,110
în acțiune pe o pagină web.

178
00:08:13,110 --> 00:08:18,180
Deci, aici, în IDE meu am un fișier numit
PH dot HTML, PH fiind punctele

179
00:08:18,180 --> 00:08:18,970
și tag-uri antet.

180
00:08:18,970 --> 00:08:20,709
Deschide asta.

181
00:08:20,709 --> 00:08:23,000
Există o mulțime întâmplă aici
pentru că am pus niște Lorem

182
00:08:23,000 --> 00:08:24,660
ipsum, un text doar întâmplare aici.

183
00:08:24,660 --> 00:08:27,284
Așa că voi micșora un pic
pentru că există atât de mult se întâmplă.

184
00:08:27,284 --> 00:08:31,980
Dar observați că am la foarte
Sus aici am o H1, un nivel unu,

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

186
00:08:32,802 --> 00:08:36,010
Atunci am un paragraf, care este doar
o grămadă de Lorem text-- aleatoare ipsum--

187
00:08:36,010 --> 00:08:38,720
doar implicit de umplere standard in text.

188
00:08:38,720 --> 00:08:41,970
Așa că am două paragrafe din interiorul care
nivelul unu header și apoi în jos de mai jos am

189
00:08:41,970 --> 00:08:46,850
au un nivel de două antet aici pe linia 24,
un al doilea nivel de antet, și alte două

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

191
00:08:47,840 --> 00:08:51,910
Ei bine, ce arata ca acest
dacă am vedea în previzualizare meu?

192
00:08:51,910 --> 00:08:53,790
Sa vedem.

193
00:08:53,790 --> 00:08:55,730
>> Deci observați că
antet primul nivel aici

194
00:08:55,730 --> 00:08:58,420
este de fapt destul de un pic mai mare
decât al doilea antetul nivel.

195
00:08:58,420 --> 00:08:59,940
Așa că am folosit tag-uri H1.

196
00:08:59,940 --> 00:09:03,820
Și observați că etichetele P ne permite
pentru a sparge lucrurile în paragrafe.

197
00:09:03,820 --> 00:09:07,500
Dacă am fi scăpat de aceste etichete P
și de fapt, doar a pus intră sau Returnare

198
00:09:07,500 --> 00:09:10,110
în între ceea ce am sperat ar
fi diferite paragrafe,

199
00:09:10,110 --> 00:09:13,193
s-ar doar toate împreună și slam
nu ar avea acest paragraf frumos

200
00:09:13,193 --> 00:09:15,840
separare cu spațiu deasupra și de mai jos.

201
00:09:15,840 --> 00:09:18,300
Și așa mai departe asta e ceea ce alineat
tag-uri și tag-uri antet

202
00:09:18,300 --> 00:09:22,440
sunt de obicei utilizate pentru a face pentru a trage
atenție la porțiuni de site-ul nostru

203
00:09:22,440 --> 00:09:23,550
in acest mod.

204
00:09:23,550 --> 00:09:27,560
>> Up pentru următoarele câteva etichete pe care le folosim
pentru a construi liste de pe site-ul nostru.

205
00:09:27,560 --> 00:09:30,820
Deci avem neordonate
lists-- ULs-- care sunt doar

206
00:09:30,820 --> 00:09:34,090
liste de marcatori, ordonate
Lista care sunt numbered--

207
00:09:34,090 --> 00:09:37,680
OLs-- și în interiorul, fie
unul dintre cei avem nevoie

208
00:09:37,680 --> 00:09:40,600
seturi de modul de a indica elementele de listă, LI.

209
00:09:40,600 --> 00:09:44,370
Și așa ne-am tag-UL deschis
si am pus elemente din interiorul acesteia.

210
00:09:44,370 --> 00:09:46,920
Și apoi, când am terminat cu
care, putem închide eticheta UL.

211
00:09:46,920 --> 00:09:49,850
>> Și în mod similar putem avea
o listă ordonată sau numerotată

212
00:09:49,850 --> 00:09:51,560
și a pus elementele de listă în interiorul asta.

213
00:09:51,560 --> 00:09:53,350
Deci, haideți să aruncăm o privire
la o pereche de liste

214
00:09:53,350 --> 00:09:57,230
și ceea ce ar fi
face ca pe IDE CS50.

215
00:09:57,230 --> 00:10:00,640
Așa că am aici, în IDE mea o
fișier numit liste dot HTML.

216
00:10:00,640 --> 00:10:03,100
Hai să aruncăm o privire.

217
00:10:03,100 --> 00:10:08,482
>> Și Observații Aici am o neordonate
lista cu cinci lucruri în ea.

218
00:10:08,482 --> 00:10:11,440
Și apoi am o lista ordonata, și
M-am schimbat eticheta un pic,

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

220
00:10:11,939 --> 00:10:13,152
Am spus de pornire este egal cu șase.

221
00:10:13,152 --> 00:10:16,110
Se pare cu o listă ordonată I
se poate seta punctul de plecare ori de câte ori

222
00:10:16,110 --> 00:10:20,130
Am o doresti, implicit, va fi Unu
prin adăugarea doar acest așa-numit atribut

223
00:10:20,130 --> 00:10:21,190
pentru tag-ul meu OL.

224
00:10:21,190 --> 00:10:23,572
Și așa această listă va
începe numărarea de la șase.

225
00:10:23,572 --> 00:10:26,780
Deci elementele care listă numerotată
ar trebui să fie de șase, șapte, opt, nouă, zece,

226
00:10:26,780 --> 00:10:29,930
pentru că există cinci elemente
în lista, spre deosebire de unul,

227
00:10:29,930 --> 00:10:33,770
doi, trei, patru, cinci, care
ar fi cazul dacă aș fi spus OL

228
00:10:33,770 --> 00:10:36,730
fără a preciza atributul start.

229
00:10:36,730 --> 00:10:41,594
>> Asa ca vom examina doar acest astfel încât să puteți
obține un sentiment de ceea ce se întâmplă aici.

230
00:10:41,594 --> 00:10:42,260
Și acolo mergem.

231
00:10:42,260 --> 00:10:44,610
Nu e lista mea.

232
00:10:44,610 --> 00:10:47,810
Primele cinci elemente sunt
liste neordonate sau marcatori.

233
00:10:47,810 --> 00:10:51,010
Și în următorii cinci elemente
sunt o lista ordonata separată

234
00:10:51,010 --> 00:10:52,980
pornind de la sase.

235
00:10:52,980 --> 00:10:56,247
Deci, asta e cum putem
construi liste folosind HTML.

236
00:10:56,247 --> 00:10:58,080
Un alt lucru s-ar putea
vrei sa faci cu HTML

237
00:10:58,080 --> 00:11:01,520
este construit un tabel de
Informatiile de rânduri și coloane

238
00:11:01,520 --> 00:11:04,560
să prezinte informații într-un
în special mod organizat.

239
00:11:04,560 --> 00:11:09,110
Pentru a face acest lucru cu HTML, putem avea o
definiție de masă începând suport deschis

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

241
00:11:10,160 --> 00:11:14,680
Și apoi în interiorul a tabelului ne
ar putea avea un set de rânduri, tag-uri TR

242
00:11:14,680 --> 00:11:15,980
pentru a indica fiecare rând.

243
00:11:15,980 --> 00:11:22,510
Și apoi tag-uri TD merge în interiorul tag-uri de TR
pentru a specifica o coloană într-un rând.

244
00:11:22,510 --> 00:11:24,340
>> De ce se numește TD și nu Tc?

245
00:11:24,340 --> 00:11:25,940
Ei bine, TD reprezintă date tabel.

246
00:11:25,940 --> 00:11:27,900
De obicei, te pune
informații acolo.

247
00:11:27,900 --> 00:11:29,440
Deci, de aceea este TD și nu TC.

248
00:11:29,440 --> 00:11:31,140
E un pic confuz.

249
00:11:31,140 --> 00:11:33,720
>> Deci ai tag-uri de masă și
interiorul etichetele de masă

250
00:11:33,720 --> 00:11:35,600
aveți un număr de rânduri, TR.

251
00:11:35,600 --> 00:11:40,030
Și în interiorul fiecare rând aveți
TDS pentru numărul de coloane

252
00:11:40,030 --> 00:11:42,880
pe care doriți să aveți
în acel rând special.

253
00:11:42,880 --> 00:11:47,730
Să aruncăm o privire la o foarte
tabel simplu peste in IDE CS50.

254
00:11:47,730 --> 00:11:49,730
>> Deci, am aici un fișier
numita masă dot HTML.

255
00:11:49,730 --> 00:11:53,390
Să aruncăm o privire la
ceea ce arata ca asta.

256
00:11:53,390 --> 00:11:56,225
Există o mulțime întâmplă aici, dar
dacă observați că am o masă deschisă.

257
00:11:56,225 --> 00:11:57,850
Încep definiția cu masa.

258
00:11:57,850 --> 00:12:02,100
Și apoi, în primul rând am mea aparent
au patru coloane, unul, doi, trei,

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

260
00:12:02,660 --> 00:12:04,290
Și apoi am terminat cu acel rând.

261
00:12:04,290 --> 00:12:07,750
>> Apoi am început un alt rând și
face două, patru, șase, opt.

262
00:12:07,750 --> 00:12:08,850
Termină acel rând.

263
00:12:08,850 --> 00:12:11,410
Face un alt rând, trei, sase, noua, 12.

264
00:12:11,410 --> 00:12:14,830
Si apoi un ultim rând, patru,
opt, 12 și, deși e

265
00:12:14,830 --> 00:12:16,560
un pic de tăiat aici, 16.

266
00:12:16,560 --> 00:12:17,710
>> Am terminat acel rând.

267
00:12:17,710 --> 00:12:18,970
Am terminat masa.

268
00:12:18,970 --> 00:12:21,430
Și apoi am terminat cu HTML meu.

269
00:12:21,430 --> 00:12:22,590
Ce înseamnă acest arata ca?

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

271
00:12:26,014 --> 00:12:27,430
Ei bine, nu e chiar mult pentru a vedea.

272
00:12:27,430 --> 00:12:31,690
Am organizat clar informațiile mele
într-un mod ceva mai organizat.

273
00:12:31,690 --> 00:12:33,755
Dar nu e foarte frumos aici.

274
00:12:33,755 --> 00:12:36,130
Și vom să se ocupe de
că, atunci când vorbim despre CSS.

275
00:12:36,130 --> 00:12:38,930
Vom revizui această idee de
ceea ce facem pentru a face o table--

276
00:12:38,930 --> 00:12:41,260
Poate că formatați un pic mai bine?

277
00:12:41,260 --> 00:12:45,070
Dar eu nu mai avem patru rânduri,
fiecare dintre care are patru coloane,

278
00:12:45,070 --> 00:12:48,890
și într-adevăr ceea ce se ridică acest lucru este o
foarte simplu patru de patru multiplicare

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

280
00:12:49,870 --> 00:12:51,690
>> Doar câteva mai multe tag-uri vom vorbi despre.

281
00:12:51,690 --> 00:12:54,617
Să vorbim despre
Conceptul de un formular HTML.

282
00:12:54,617 --> 00:12:57,450
Deci este posibil să fi văzut acest lucru în
contextul logare într-o pagină web.

283
00:12:57,450 --> 00:12:59,100
De obicei, tastați numele de utilizator.

284
00:12:59,100 --> 00:13:01,510
Tastați în parola,
si tu esti bine să plec.

285
00:13:01,510 --> 00:13:04,170
Asta ar fi începutul unei forme.

286
00:13:04,170 --> 00:13:05,420
>> Trecând peste div un al doilea.

287
00:13:05,420 --> 00:13:07,987
Avem, de asemenea intrări care
un fel de a se potrivi in ​​interiorul forme.

288
00:13:07,987 --> 00:13:10,320
Acestea sunt elementele care
esti de fapt tastarea în,

289
00:13:10,320 --> 00:13:12,580
sau butoanele radio ești
ticăie, sau verificarea

290
00:13:12,580 --> 00:13:14,310
cutii care te bifând.

291
00:13:14,310 --> 00:13:15,770
Deci, acestea merge în interiorul formelor.

292
00:13:15,770 --> 00:13:18,500
Și acestea cuprind practic
fiecare rând de forma

293
00:13:18,500 --> 00:13:19,887
în cazul în care formularul este formatat bine.

294
00:13:19,887 --> 00:13:22,220
Apoi, există este acest concept de
un div, care nu prea

295
00:13:22,220 --> 00:13:25,060
se potrivesc în orice categorie special
de tag-uri, cum ar fi cele de care am

296
00:13:25,060 --> 00:13:26,170
făcut anterior.

297
00:13:26,170 --> 00:13:29,790
Este doar un fel de delimitează
începând de unele division-- arbitrare

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

299
00:13:31,670 --> 00:13:33,210
Nu e nici o pauză vizual.

300
00:13:33,210 --> 00:13:34,800
Nu e nici o linie.

301
00:13:34,800 --> 00:13:37,180
Nu este pornit ca un
bucată separată în mod automat.

302
00:13:37,180 --> 00:13:39,430
Va trebui să-l stil
în acest fel de a face asta.

303
00:13:39,430 --> 00:13:42,110
>> Este doar un fel de spune Vreau o
bucată de spațiu pe pagina mea de web,

304
00:13:42,110 --> 00:13:45,190
și eu sunt doar de gând să sun
ea această divizie de pagina mea.

305
00:13:45,190 --> 00:13:47,619
Putem pune lucrurile în interiorul
de divuri, și în fapt,

306
00:13:47,619 --> 00:13:49,410
când ne-am peste cap de la
IDE într-o a doua, vom

307
00:13:49,410 --> 00:13:53,760
vezi că eu sunt punerea mea
forma condens în interiorul unui div.

308
00:13:53,760 --> 00:13:57,050
>> Așa că am aici, în IDE mea o
fișier numit div formă punct HTML.

309
00:13:57,050 --> 00:13:59,260
Să-l deschidem.

310
00:13:59,260 --> 00:14:01,460
Observați că cum am spus,
div este un fel de arbitrar.

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

312
00:14:01,640 --> 00:14:02,973
Asta nu înseamnă nimic.

313
00:14:02,973 --> 00:14:05,140
Deci, am un arbitrar
prima divizie de pagina mea.

314
00:14:05,140 --> 00:14:07,848
Și atunci în loc de un alt div
mai târziu, începând cu linia opt,

315
00:14:07,848 --> 00:14:08,730
Am acest formular.

316
00:14:08,730 --> 00:14:13,594
Și în interiorul de forma am o
numărul de intrări, domenii de forma.

317
00:14:13,594 --> 00:14:16,510
Deci, am un câmp al cărui nume este un--
ceea ce nu înseamnă nimic

318
00:14:16,510 --> 00:14:19,350
now-- dreapta care aparent
ia text, un altul care

319
00:14:19,350 --> 00:14:22,630
ia o parolă, un alt că este un radio
buton, un alt că este o casetă de selectare,

320
00:14:22,630 --> 00:14:24,797
si un altul care este un buton Submit.

321
00:14:24,797 --> 00:14:26,630
Ei bine, ceea ce face acest
toate arata de fapt ca?

322
00:14:26,630 --> 00:14:27,629
Ei bine, haideți să aruncăm o privire.

323
00:14:27,629 --> 00:14:31,010
Vom deschide în fereastra de previzualizare nostru.

324
00:14:31,010 --> 00:14:33,557
Observați că această arbitrară
Primul division-- există

325
00:14:33,557 --> 00:14:34,640
nici o separare vizuală aici.

326
00:14:34,640 --> 00:14:37,150
Acesta nu a făcut nimic, nu?

327
00:14:37,150 --> 00:14:38,220
>> Și apoi am forma mea.

328
00:14:38,220 --> 00:14:39,890
Și nu a făcut nici formatare specială.

329
00:14:39,890 --> 00:14:42,680
Deci forma este doar un
rând mare de informații.

330
00:14:42,680 --> 00:14:46,424
Dacă aș fi formatat forma mea diferit,
S-ar putea să-l linie cu linie cu linie.

331
00:14:46,424 --> 00:14:47,590
Dar nu am făcut nici un stil.

332
00:14:47,590 --> 00:14:49,256
Din nou, nu vorbim despre CSS aici.

333
00:14:49,256 --> 00:14:51,030
Noi vorbim doar despre HTML.

334
00:14:51,030 --> 00:14:53,980
>> Ei bine, în formă de text mea pot type--
amintiți-vă că formele de tip text

335
00:14:53,980 --> 00:14:55,480
așa că am putea pune numele meu.

336
00:14:55,480 --> 00:14:57,330
Și în parola I
posibilitatea să tastați parola.

337
00:14:57,330 --> 00:14:59,740
Și pentru că acest domeniu
este de tip parolă,

338
00:14:59,740 --> 00:15:01,470
nu știi ce parola este.

339
00:15:01,470 --> 00:15:02,800
Este toate punctele.

340
00:15:02,800 --> 00:15:09,140
>> Pot alege să bifeze o
buton radio sau bifeze o casetă de selectare.

341
00:15:09,140 --> 00:15:10,420
Sau aș putea să prezinte forma mea.

342
00:15:10,420 --> 00:15:11,810
Și nu am făcut nimic,
asa ca atunci cand am prezinte forma mea,

343
00:15:11,810 --> 00:15:13,090
pagina doar reîmprospătează.

344
00:15:13,090 --> 00:15:16,970
Dar am putea configura, probabil, mi
Butonul Submit pentru a face altceva.

345
00:15:16,970 --> 00:15:20,410
Și vom vedea ce putem face cu
că într-un viitor film pe PHP.

346
00:15:20,410 --> 00:15:22,520
Dar acest lucru se bazează foarte
formular simplu că noi

347
00:15:22,520 --> 00:15:27,360
pot utiliza pentru a avea utilizatorii interacționează și
să prezinte informații pe site-ul nostru.

348
00:15:27,360 --> 00:15:29,620
>> Un ultim comentariu înainte de a ne
trece la alte tag-uri

349
00:15:29,620 --> 00:15:32,040
trebuie să ia o privire la acest
tag intrare încă o dată.

350
00:15:32,040 --> 00:15:35,760
Observați că am evidențiat
capetele etichetei în roșu.

351
00:15:35,760 --> 00:15:39,390
Orice altă etichetă am văzut până acum are
a avut un început și un sfârșit, o deschidere

352
00:15:39,390 --> 00:15:41,030
tag-ul și o etichetă de închidere.

353
00:15:41,030 --> 00:15:42,520
>> Dar o etichetă de intrare nu.

354
00:15:42,520 --> 00:15:46,860
Nu e nici un text care merge
între tag-uri de intrare.

355
00:15:46,860 --> 00:15:49,160
Toate informațiile
suntem intenționează să transmită

356
00:15:49,160 --> 00:15:52,640
este legat, ca parte a
atribute de care de intrare.

357
00:15:52,640 --> 00:15:54,690
Observați avem nume de intrare este egal cu x.

358
00:15:54,690 --> 00:15:55,580
Tipul este egal y.

359
00:15:55,580 --> 00:15:57,660
Asta e într-adevăr tot
informații avem nevoie.

360
00:15:57,660 --> 00:15:59,470
>> Aceasta se numește o etichetă auto închidere.

361
00:15:59,470 --> 00:16:02,470
Ea nu are nevoie de o deschidere și o
aproape că toate informațiile

362
00:16:02,470 --> 00:16:04,974
este conținut în interiorul
tag-ul și atributele sale.

363
00:16:04,974 --> 00:16:06,390
Astfel încât, uneori veți vedea acest lucru, de asemenea.

364
00:16:06,390 --> 00:16:10,400
Deci, doar să fie conștienți de faptul că, dacă aveți o
tag că este în întregime de sine stătător,

365
00:16:10,400 --> 00:16:14,170
acesta se deschide și se închide cu
suportul unghi deschis pe stânga

366
00:16:14,170 --> 00:16:17,000
și unghiul slash
suport pe dreapta.

367
00:16:17,000 --> 00:16:20,580
Vom vedea un alt unul dintre cele
acum cu tag-uri de imagine, de asemenea.

368
00:16:20,580 --> 00:16:23,300
>> Înainte de a vorbi despre imagini, vom
Trebuie să vorbim despre hyperlink.

369
00:16:23,300 --> 00:16:26,080
Dacă vrem pagina noastră de web pentru a fi
interactive și pentru a muta în jurul valorii de noi,

370
00:16:26,080 --> 00:16:28,121
ar fi frumos să poată
să faceți clic pe unul dintre cei

371
00:16:28,121 --> 00:16:30,190
ceea ce a fost de obicei un link albastru.

372
00:16:30,190 --> 00:16:34,440
Aceasta este de fapt modul în care ne construim
un hyperlink la site-ul nostru.

373
00:16:34,440 --> 00:16:36,540
Și destul de interesant
există o altă etichetă HTML

374
00:16:36,540 --> 00:16:39,000
numit link-ul, care nu este un hyperlink.

375
00:16:39,000 --> 00:16:44,130
Un aici standuri pentru ancora, și
care este modul în care ne indică un hyperlink.

376
00:16:44,130 --> 00:16:49,150
>> A href este egal cu X reprezintă merge la
Pagina web X. Si totul

377
00:16:49,150 --> 00:16:51,580
între a deschide o etichetă
și închide o etichetă

378
00:16:51,580 --> 00:16:56,010
este ceea ce se întâmplă să fie că a subliniat
Textul albastru care arata ca un link

379
00:16:56,010 --> 00:16:57,590
că suntem familiarizați cu.

380
00:16:57,590 --> 00:17:01,660
Mai jos că avem o etichetă de imagine, care
este o auto închidere etichetă pentru afișarea

381
00:17:01,660 --> 00:17:05,599
o imagine situat la X. Și
s-ar putea fi capabil de a schimba

382
00:17:05,599 --> 00:17:08,280
imaginea prin specificarea
lățime și înălțime

383
00:17:08,280 --> 00:17:11,640
și alte atribute în
că dot dot dot acolo.

384
00:17:11,640 --> 00:17:14,260
>> În partea de jos aici
avem o foarte interesant

385
00:17:14,260 --> 00:17:16,170
cauta tag-ul, care nu
au o etichetă de închidere.

386
00:17:16,170 --> 00:17:19,410
E semn de exclamare punct DOCTYPE HTML.

387
00:17:19,410 --> 00:17:23,300
Deci, HTML a fost în jur de
începutul anilor 1990 pentru construirea de pagini web,

388
00:17:23,300 --> 00:17:25,859
și a dispărut suferit
mai multe revizuiri de atunci.

389
00:17:25,859 --> 00:17:28,550
Cel mai recent în 2014
a suferit o revizuire

390
00:17:28,550 --> 00:17:33,440
numit HTML5 care este acum curent
un fel de standard de facto HTML.

391
00:17:33,440 --> 00:17:36,730
>> Pentru a indica faptul că-ul nostru
Paginile sunt scrise folosind HTML5,

392
00:17:36,730 --> 00:17:38,160
acest lucru este modul în care începe.

393
00:17:38,160 --> 00:17:40,380
Acesta poate fi omisă, dar
ce că de fapt

394
00:17:40,380 --> 00:17:45,930
mijloace este că nu se poate utiliza oricare cuvant
că sunt tag-uri HTML5, aceste tag-uri noi.

395
00:17:45,930 --> 00:17:48,591
Așa că am întotdeauna începe
dacă folosim HTML5.

396
00:17:48,591 --> 00:17:51,340
Și toate etichetele care le-am vorbit despre
anterior nu sunt tag-uri HTML5.

397
00:17:51,340 --> 00:17:55,470
Dar acest lucru ar indica faptul că
Tag-uri HTML5 va fi prezent.

398
00:17:55,470 --> 00:17:58,400
Și așa ne-am exclamație
HTML DOCTYPE, care

399
00:17:58,400 --> 00:18:01,280
este la început de nostru
Fișier HTML, și apoi după acel punct

400
00:18:01,280 --> 00:18:04,930
am de fapt, trebuie HTML nostru deschis
tag-ul și continua de acolo.

401
00:18:04,930 --> 00:18:10,050
>> Ultima este un comentariu tag-ul,
care arată ușor diferit, de asemenea.

402
00:18:10,050 --> 00:18:12,810
Acesta incepe cu unghi
Suport exclamație liniuță

403
00:18:12,810 --> 00:18:15,220
bord dar nu suport de închidere.

404
00:18:15,220 --> 00:18:20,150
În între cele două elemente de acolo
este locul unde scrie comentariile tale.

405
00:18:20,150 --> 00:18:28,420
Și haideți să aruncăm o privire la imagini
și comentarii și link-uri în IDE CS50.

406
00:18:28,420 --> 00:18:32,850
>> Deci, am aici un link imagine fișier numit
dot HTML pe care am de gând să se deschidă.

407
00:18:32,850 --> 00:18:36,420
Și observați am o pereche de
Comentariile aici, în comentariile mele HTML.

408
00:18:36,420 --> 00:18:38,990
Deci, la fel ca în C și alte
limbaje de programare,

409
00:18:38,990 --> 00:18:43,169
HTML doar prin a fi un limbaj de markup
are capacitatea de a avea comentarii.

410
00:18:43,169 --> 00:18:45,710
Și așa am de gând să se pare
puneți o imagine de Rick Astley

411
00:18:45,710 --> 00:18:49,060
undeva între acest div
tag-ul, aceasta divizie arbitrară.

412
00:18:49,060 --> 00:18:51,497
Aparent acel fișier este
situat la Rick punct JPEG, care

413
00:18:51,497 --> 00:18:53,580
dacă ne întoarcem pe la
copacul meu fișier pentru un al doilea,

414
00:18:53,580 --> 00:18:55,490
este un fișier care există în
directorul curent.

415
00:18:55,490 --> 00:18:56,031
Așa că e OK.

416
00:18:56,031 --> 00:18:57,710
Pot să referință.

417
00:18:57,710 --> 00:18:59,680
>> Atunci pot avea link-uri interne.

418
00:18:59,680 --> 00:19:05,080
Deci observați pe linia 11 aici
href mea este salut punct HTML.

419
00:19:05,080 --> 00:19:09,050
Așa că doar se referă la salut dot HTML
care există în directorul curent.

420
00:19:09,050 --> 00:19:12,980
Și pot avea, de asemenea extern
Link-uri de doar specificând HTTPS

421
00:19:12,980 --> 00:19:16,180
pentru a indica faptul că nu vorbesc
despre un fișier în directorul meu curent.

422
00:19:16,180 --> 00:19:19,730
Vorbesc despre un fișier care există
undeva pe internet, pe care am

423
00:19:19,730 --> 00:19:23,370
să solicite utilizând protocolul HTTP.

424
00:19:23,370 --> 00:19:25,990
>> Deci, haideți să aruncăm o privire la ceea ce
aceasta pagina ar putea arata ca

425
00:19:25,990 --> 00:19:29,500
și gata pentru o imagine de Rick obține
Astley să apară pe ecran.

426
00:19:29,500 --> 00:19:31,490
Asa ca voi examina această.

427
00:19:31,490 --> 00:19:33,800
Nu e Rick Astley la
foarte sus în acest arbitrară

428
00:19:33,800 --> 00:19:35,008
Divizia am pus în partea de sus.

429
00:19:35,008 --> 00:19:36,960
Și apoi în jos de mai jos am
au legături meu, nu?

430
00:19:36,960 --> 00:19:39,330
>> Am un link către salut dot HTML.

431
00:19:39,330 --> 00:19:42,860
Și dacă faceți clic pe asta, mă
sa mutat pe la această pagină

432
00:19:42,860 --> 00:19:47,050
că suntem foarte familiarizat cu de la
încă de la începutul programului nostru.

433
00:19:47,050 --> 00:19:50,880
Dacă aș pop pagina deschisă, din nou, în cazul în care am
link imagine pop deschide încă o dată,

434
00:19:50,880 --> 00:19:54,420
De asemenea, pot merge pe plan extern
la site-ul CS50 lui.

435
00:19:54,420 --> 00:19:56,740
Și acolo am see-- Voi
micșora un pic here--

436
00:19:56,740 --> 00:20:00,260
vom vedea CS50 site-ul fel de
încorporat în mijlocul paginii noastre.

437
00:20:00,260 --> 00:20:04,670
Așa că am fost în stare să facă o intern
link-ul, precum și un link extern.

438
00:20:04,670 --> 00:20:07,200
>> Ultima regula cu HTML care
vom vorbi despre aici

439
00:20:07,200 --> 00:20:09,510
este faptul că HTML trebuie să fie bine formate.

440
00:20:09,510 --> 00:20:13,020
În C am vorbit foarte mult despre
diferite sintaxa de lucruri.

441
00:20:13,020 --> 00:20:17,650
În HTML sintaxa într-adevăr
se invarte in jurul tag-uri.

442
00:20:17,650 --> 00:20:19,660
Fiecare tag deschideți trebuie să fie închise.

443
00:20:19,660 --> 00:20:22,630
Și, de fapt, fiecare tag când deschideți
ar trebui să fie închise în ordine inversă.

444
00:20:22,630 --> 00:20:25,790
>> Deci, dacă deschideți o etichetă bold, italic o
tag-ul, și apoi o etichetă subliniere

445
00:20:25,790 --> 00:20:28,120
să facă toate cele trei la un
set special de text,

446
00:20:28,120 --> 00:20:30,070
ar trebui să le închidă în ordine inversă.

447
00:20:30,070 --> 00:20:32,270
Deci, dacă ați deschis îndrăzneț,
italic, subliniat, tu

448
00:20:32,270 --> 00:20:35,240
doriți să închideți subliniat, italic, bold.

449
00:20:35,240 --> 00:20:39,990
Acest tip de încapsulare este ceea ce
păstrează HTML frumos și organizat.

450
00:20:39,990 --> 00:20:44,370
>> Spre deosebire de C, deși, erori de sintaxă nu va
infirm de fapt HTML posibil.

451
00:20:44,370 --> 00:20:48,730
HTML-ul nu poate fi de bine
format, dar ar funcționa în continuare.

452
00:20:48,730 --> 00:20:50,589
Și astfel aceste erori
pot sorta de diapozitiv de.

453
00:20:50,589 --> 00:20:52,130
Este până la tine pentru a fi cu adevărat vigilenți.

454
00:20:52,130 --> 00:20:54,760
Uneori, ei vor eșua, dar
uneori puteți obține departe cu ea.

455
00:20:54,760 --> 00:20:56,509
>> Acesta poate fi un adevărat
sarcină dificilă, deși,

456
00:20:56,509 --> 00:21:00,660
pentru a urmări atunci când ai deschis
o etichetă, atunci când ați închis,

457
00:21:00,660 --> 00:21:04,110
mai ales ca HTML
fișiere obține mare și mai mare.

458
00:21:04,110 --> 00:21:05,490
Veți nevoie de ajutor.

459
00:21:05,490 --> 00:21:07,560
Și suntem online
instrumente validator pe care le

460
00:21:07,560 --> 00:21:11,474
poate folosi pentru a avea o privire la dvs. de web
pagină și a vedea dacă este bine format HTML.

461
00:21:11,474 --> 00:21:13,390
Și ar trebui să siguranta
aruncăm o privire la cele

462
00:21:13,390 --> 00:21:16,620
și să înceapă să le utilizeze ca tine
începe a face unele de lucru cu HTML,

463
00:21:16,620 --> 00:21:20,800
scris HTML, doar astfel încât să obțineți
unele obiceiuri bune despre organizarea

464
00:21:20,800 --> 00:21:24,377
HTML într-un mod bun și
stil bun și de a face sigur

465
00:21:24,377 --> 00:21:27,210
că nu faci nimic care
ar putea crea o eroare de sintaxă care

466
00:21:27,210 --> 00:21:30,270
v-ar provoca un pic de
o problemă pe drum.

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

468
00:21:31,190 --> 00:21:33,450
Acest lucru este CS50.

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