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

2
00:00:06,100 --> 00:00:08,790
>> DOUG LLOYD: Així que va passar
sobre-- si els meus matemàtiques és correcte,

3
00:00:08,790 --> 00:00:11,900
i crec que mirant part posterior-- Crec
passem uns 35 vídeos parlar

4
00:00:11,900 --> 00:00:15,139
sobre diversos aspectes de C, potser
una mica més, potser una mica menys.

5
00:00:15,139 --> 00:00:16,930
I no cobrim
tot en C, però

6
00:00:16,930 --> 00:00:21,170
cobert una gran part de la
idioma, la gran majoria de la mateixa,

7
00:00:21,170 --> 00:00:22,882
sens dubte per als usos comuns.

8
00:00:22,882 --> 00:00:25,090
Ara anem a parlar
sobre un altre idioma, HTML.

9
00:00:25,090 --> 00:00:28,180
I anem a cobrir
que en un sol vídeo.

10
00:00:28,180 --> 00:00:29,340
>> Però això va a estar bé.

11
00:00:29,340 --> 00:00:31,410
Això es convertirà en realitat
cosa que anem a acostumar.

12
00:00:31,410 --> 00:00:33,535
Ara que vostè té la
fonaments d'un idioma,

13
00:00:33,535 --> 00:00:35,776
en realitat és bastant fàcil
per començar a aprendre altres.

14
00:00:35,776 --> 00:00:37,650
Així que anem a començar
al pas una mica cap enrere

15
00:00:37,650 --> 00:00:43,340
i passar per alt els bàsics
diferències entre aquests idiomes

16
00:00:43,340 --> 00:00:45,750
i una espècie de deixar-te a aquesta.

17
00:00:45,750 --> 00:00:48,530
Hi ha un munt de realment gran
recursos a Internet, el que

18
00:00:48,530 --> 00:00:51,279
començarem a dirigir vostè
cap perquè l'Internet és

19
00:00:51,279 --> 00:00:53,340
un vast repositori d'informació.

20
00:00:53,340 --> 00:00:55,960
I el que no és el que vols vaig
estar perdent a terme necessàriament

21
00:00:55,960 --> 00:00:58,349
al no tenir la informació
cobert en un vídeo.

22
00:00:58,349 --> 00:01:00,640
Vostè encara serà capaç d'obtenir
tot el que necessita i l'ús

23
00:01:00,640 --> 00:01:03,590
el coneixement que ja ha
construït mitjançant la comprensió de C

24
00:01:03,590 --> 00:01:07,130
per fer que la corba d'aprenentatge per a ells
altres idiomes en realitat un munt més planes.

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

26
00:01:08,640 --> 00:01:12,770
>> Però anem a parlar d'un idioma
això és realment fonamental per a cada web

27
00:01:12,770 --> 00:01:14,830
pàgina, que és HTML.

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

29
00:01:18,230 --> 00:01:22,700
HTML és un llenguatge però és
no és un llenguatge de programació.

30
00:01:22,700 --> 00:01:23,900
>> HTML no té variables.

31
00:01:23,900 --> 00:01:26,430
No té lògica ni
funcions o res per l'estil.

32
00:01:26,430 --> 00:01:30,301
No podem fer res
programació per se en HTML.

33
00:01:30,301 --> 00:01:32,300
De vegades se sent
persones descriuen a si mateixos

34
00:01:32,300 --> 00:01:35,710
com a programadors HTML, que
no és del tot exacte.

35
00:01:35,710 --> 00:01:37,980
No podem escriure programes HTML.

36
00:01:37,980 --> 00:01:40,770
>> HTML només s'utilitza per marcar el text.

37
00:01:40,770 --> 00:01:42,690
Es diu un llenguatge de marques.

38
00:01:42,690 --> 00:01:47,680
I el que això does-- aquest markup--
utilitzem les etiquetes en HTML i aquests tags--

39
00:01:47,680 --> 00:01:51,600
aquest markup-- semànticament
defineix l'estructura d'una pàgina

40
00:01:51,600 --> 00:01:55,280
i fa que el text sense format que
ha entre les etiquetes han d'interpretar-

41
00:01:55,280 --> 00:01:57,320
pels navegadors de diferents maneres.

42
00:01:57,320 --> 00:02:00,370
I potser el millor és explicar
d'aquesta manera per una il·lustració.

43
00:02:00,370 --> 00:02:06,450
>> Aquí hi ha una pàgina HTML molt simple, no
un programa d'HTML, de nou, una pàgina HTML.

44
00:02:06,450 --> 00:02:08,680
I sabem que és un
Pàgina HTML perquè hem

45
00:02:08,680 --> 00:02:11,480
delimitada tot amb etiquetes HTML.

46
00:02:11,480 --> 00:02:13,850
Així que això és el que una etiqueta HTML es sembla.

47
00:02:13,850 --> 00:02:15,870
És entre parèntesis angulars.

48
00:02:15,870 --> 00:02:18,570
I noti en la part superior tenim
HTML i en la part inferior,

49
00:02:18,570 --> 00:02:21,400
després que hem fet el que és
pel que sembla un munt d'altres HTML,

50
00:02:21,400 --> 00:02:24,310
tenim HTML angle de suport de barra.

51
00:02:24,310 --> 00:02:29,262
Així que aquest tipus de és el límit
entre el que és HTML i què no ho és.

52
00:02:29,262 --> 00:02:32,220
I, per descomptat, convencionalment, just
com vostè va escriure tots els seus programes en C

53
00:02:32,220 --> 00:02:35,300
amb extensions punt C,
tots els seus fitxers HTML

54
00:02:35,300 --> 00:02:37,909
acabarà amb extensions HTML de punt.

55
00:02:37,909 --> 00:02:39,200
Però hi ha més que fer aquí.

56
00:02:39,200 --> 00:02:40,658
No només tenim aquestes etiquetes HTML.

57
00:02:40,658 --> 00:02:44,010
Aparentment Tenim aquesta
El va anomenar una etiqueta cap.

58
00:02:44,010 --> 00:02:46,010
Bé, està bé, què és això?

59
00:02:46,010 --> 00:02:48,550
>> Bé, potser el millor és
distingir per mitjà d'un cos,

60
00:02:48,550 --> 00:02:50,590
cos és el contingut de la pàgina web.

61
00:02:50,590 --> 00:02:55,860
Així que potser l'etiqueta de cap defineix coses
que no està a la finestra del navegador propi,

62
00:02:55,860 --> 00:02:59,410
però és d'alguna manera important en el nostre
pàgina web està representant correctament.

63
00:02:59,410 --> 00:03:02,490
Per exemple, a l'interior de la
etiqueta del cap que tenen etiquetes de títol.

64
00:03:02,490 --> 00:03:05,500
>> Així títol sent hola món,
que en realitat va a ser el

65
00:03:05,500 --> 00:03:08,797
apareix a la pestanya a Chrome
o en safari o Firefox--

66
00:03:08,797 --> 00:03:11,880
qualsevol navegador que prefer-- això és
el que va a aparèixer en el títol.

67
00:03:11,880 --> 00:03:14,800
I abans de pestanyes que mostraria
en tota la finestra del navegador

68
00:03:14,800 --> 00:03:19,710
i només pot tenir una pàgina
S'obrirà en una finestra del navegador alhora.

69
00:03:19,710 --> 00:03:22,160
Així que serà el
títol de la meva pàgina en la pestanya

70
00:03:22,160 --> 00:03:24,600
o la barra de la finestra del navegador, hola món.

71
00:03:24,600 --> 00:03:28,611
I a continuació, el contingut de la meva
pàgina web serà món, hola.

72
00:03:28,611 --> 00:03:31,360
Així que donem una ullada al que alguns
cosa com aquesta podria ser similar.

73
00:03:31,360 --> 00:03:33,210
Aquesta és una pàgina HTML molt simple.

74
00:03:33,210 --> 00:03:35,970
Així que estic aquí a la meva CS50 IDE i
He acostat una mica.

75
00:03:35,970 --> 00:03:38,290
I jo només vaig a
obrir hola punt HTML

76
00:03:38,290 --> 00:03:42,000
i demostrar que això és més o menys
el contingut de la pàgina que vam veure abans.

77
00:03:42,000 --> 00:03:45,240
Els meus simples etiquetes HTML, cap,
etiquetes de títol, cos, i així successivament.

78
00:03:45,240 --> 00:03:47,320
He sagnia estar net.

79
00:03:47,320 --> 00:03:51,530
>> I llavors, què puc fer en el meu
IDE és només una vista prèvia de la pàgina.

80
00:03:51,530 --> 00:03:52,630
I aquí anem.

81
00:03:52,630 --> 00:03:56,070
El contingut de la meva pàgina és món,
hola, i no veig res

82
00:03:56,070 --> 00:03:58,500
des de les etiquetes del cap allà.

83
00:03:58,500 --> 00:03:59,980
És només el contingut del cos.

84
00:03:59,980 --> 00:04:00,780
Mundial, hola.

85
00:04:00,780 --> 00:04:03,700
I de nou el cos just
Dit això, món, hola.

86
00:04:03,700 --> 00:04:06,160
L'altra part no es troba.

87
00:04:06,160 --> 00:04:07,610
>> Així que això és realment tot el que és.

88
00:04:07,610 --> 00:04:11,370
Aquesta és una pàgina HTML bàsic molt simple.

89
00:04:11,370 --> 00:04:14,280
Ara he sagnia meu HTML per
ser molt agradable i organitzada,

90
00:04:14,280 --> 00:04:15,840
però en realitat no és necessari.

91
00:04:15,840 --> 00:04:17,959
Jo podria fer que es vegi bastant lleig.

92
00:04:17,959 --> 00:04:19,467
I això seguirà funcionant.

93
00:04:19,467 --> 00:04:21,050
Aquesta seria la mateixa pàgina web exacta.

94
00:04:21,050 --> 00:04:23,100
Acabo de rebuig de
tot l'espai blanc.

95
00:04:23,100 --> 00:04:24,820
>> Com a resultat, l'espai en blanc és de dades.

96
00:04:24,820 --> 00:04:28,540
I així, quan estem enviant les dades de
emissor al receptor, des del servidor

97
00:04:28,540 --> 00:04:30,670
al client, les dades costa diners.

98
00:04:30,670 --> 00:04:34,460
I així l'eliminació d'espais en blanc
en realitat és una bona idea

99
00:04:34,460 --> 00:04:37,320
si vostè és algú que serveix
una gran quantitat de contingut web.

100
00:04:37,320 --> 00:04:39,820
És una mala idea si vostè és
algú que està aprenent aquestes coses

101
00:04:39,820 --> 00:04:41,528
i vostè vol tenir
Està molt ben organitzat.

102
00:04:41,528 --> 00:04:43,810
Això és molt més fàcil d'analitzar que això.

103
00:04:43,810 --> 00:04:45,540
Però és funcionalment idèntica.

104
00:04:45,540 --> 00:04:48,720
>> La sangria i coses per l'estil
no importa realment en HTML.

105
00:04:48,720 --> 00:04:53,634
El que importa és les etiquetes d'obertura i
tancant les etiquetes en l'ordre correcte.

106
00:04:53,634 --> 00:04:55,050
Noti el que va passar aquí, però.

107
00:04:55,050 --> 00:04:58,450
El marge de benefici ens dóna una manera de
comunicar informació addicional

108
00:04:58,450 --> 00:04:59,940
sobre el que hem escrit.

109
00:04:59,940 --> 00:05:03,130
La part Hola, món era
interpretat com el títol.

110
00:05:03,130 --> 00:05:06,410
I el món, hola part va ser
interpretat com el contingut

111
00:05:06,410 --> 00:05:09,090
o el que hauria de ser
visible a la pàgina web.

112
00:05:09,090 --> 00:05:12,167
>> Hi ha més de 100 d'aquests diferents
etiquetes i un munt de grans recursos

113
00:05:12,167 --> 00:05:13,000
en línia per trobar-los.

114
00:05:13,000 --> 00:05:14,900
Anem a parlar d'un
alguns d'ells en aquest vídeo, alguns

115
00:05:14,900 --> 00:05:16,440
de les coses realment fonamental.

116
00:05:16,440 --> 00:05:18,440
Però no anem parlar
sobretot perquè

117
00:05:18,440 --> 00:05:20,250
seria exhaustiva per fer-ho.

118
00:05:20,250 --> 00:05:22,880
>> Una altra cosa que pots fer, però,
és obrir les eines de desenvolupament.

119
00:05:22,880 --> 00:05:26,069
I si vostè recorda de
nostre vídeo en HTTP,

120
00:05:26,069 --> 00:05:27,860
Li vaig explicar com obrir
fins a eines per a desenvolupadors.

121
00:05:27,860 --> 00:05:32,020
En Chrome en general és la tecla F12
per obrir la barra d'eines del desenvolupador.

122
00:05:32,020 --> 00:05:35,909
Llavors, en lloc de triar la Xarxa
pestanya, pot triar la fitxa Elements.

123
00:05:35,909 --> 00:05:37,700
I si es carrega una web
pàgina, vostè realment

124
00:05:37,700 --> 00:05:40,280
veure el HTML que crea aquesta pàgina web.

125
00:05:40,280 --> 00:05:44,090
I així es pot aprendre molt sobre HTML
mirant als seus llocs web favorits

126
00:05:44,090 --> 00:05:48,474
i veure com construeixen la
diverses peces dels que us agradin.

127
00:05:48,474 --> 00:05:50,890
Així que potser no aquest fresc
patró o alguna cosa per l'estil.

128
00:05:50,890 --> 00:05:52,140
Com ho fan amb HTML?

129
00:05:52,140 --> 00:05:55,630
Així que vostè pot simplement obrir el seu desenvolupador
eines i hi ha sobre aquest element

130
00:05:55,630 --> 00:05:57,700
i veure exactament el que fa que sigui HTML.

131
00:05:57,700 --> 00:05:59,450
Així que això és una realitat
bona manera d'aprendre HTML,

132
00:05:59,450 --> 00:06:02,330
i recomano encaridament que
ho fa tant per aprendre HTML

133
00:06:02,330 --> 00:06:04,930
i també per aprendre una mica
poc sobre algunes de les opcions

134
00:06:04,930 --> 00:06:07,050
a la seva disposició en
eines de desenvolupament, que

135
00:06:07,050 --> 00:06:10,200
sens dubte molt útil com
de començar a fer la web més intensiu

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

137
00:06:11,090 --> 00:06:14,080
>> Així que donem una ullada a una
parell d'etiquetes HTML comuns.

138
00:06:14,080 --> 00:06:17,210
I anem a saltar i fer una ullada a
el que aquestes etiquetes també rendiran

139
00:06:17,210 --> 00:06:20,490
com mirant a alguns arxius en el meu IDE.

140
00:06:20,490 --> 00:06:26,330
Així que aquí hi ha tres etiquetes molt bàsics per
ajustar l'aparença visual de text.

141
00:06:26,330 --> 00:06:29,050
Hi ha etiquetes B, etiquetes I i etiquetes U.

142
00:06:29,050 --> 00:06:33,170
I, respectivament, el que fan és
fer que el text entri en negreta,

143
00:06:33,170 --> 00:06:35,430
cursiva i subratllat.

144
00:06:35,430 --> 00:06:40,430
Així que anem a veure el que es veuria
de la mateixa manera que en una pàgina web real en el meu IDE.

145
00:06:40,430 --> 00:06:43,390
>> Així que aquí al meu IDE Tinc un
arxiu anomenat BIU punt HTML.

146
00:06:43,390 --> 00:06:46,770
BIU punt HTML només estar
negreta, cursiva, subratllat.

147
00:06:46,770 --> 00:06:47,830
Vaig a obrir cap amunt.

148
00:06:47,830 --> 00:06:51,810
>> I veurem que aquí em
tenir aquest text és etiquetes B negreta.

149
00:06:51,810 --> 00:06:54,010
Aquest text és etiquetes I cursiva.

150
00:06:54,010 --> 00:06:56,307
I aquest text és etiquetes U subratllats.

151
00:06:56,307 --> 00:06:57,640
Què és això semblarà?

152
00:06:57,640 --> 00:06:59,473
Doncs una vegada més, tot el que tinc
de fer és anar per aquí

153
00:06:59,473 --> 00:07:04,690
al meu navegador, el navegador d'arxius, feu clic a
Vista prèvia, i això és el que ve.

154
00:07:04,690 --> 00:07:07,520
>> El text entre la B
etiquetes és de fet ara negreta.

155
00:07:07,520 --> 00:07:10,720
El text d'entre el I
etiquetes és de fet ara cursiva.

156
00:07:10,720 --> 00:07:14,634
I el text en U entre el
etiquetes està fet ara subratllat.

157
00:07:14,634 --> 00:07:15,550
Així que això és bastant bo.

158
00:07:15,550 --> 00:07:18,450
Ara sabem com fer que el text
mirar una mica més elegant

159
00:07:18,450 --> 00:07:20,360
o dibuixar èmfasi a certes coses.

160
00:07:20,360 --> 00:07:25,530
Un altre parell d'etiquetes comuns aquí són
etiquetes de paràgraf, les etiquetes de P i de capçalera,

161
00:07:25,530 --> 00:07:27,980
que he traduït aquí com HX.

162
00:07:27,980 --> 00:07:32,520
>> Aquestes etiquetes P, aquestes etiquetes de paràgraf,
trencar el text en paràgrafs.

163
00:07:32,520 --> 00:07:34,646
No n'hi ha prou amb només
premeu Enter i deixar espais,

164
00:07:34,646 --> 00:07:37,186
pel fet que un equip només es va
per fer el que vostè li diu que ho faci

165
00:07:37,186 --> 00:07:39,450
i ignora blanc
espai en la seva major part.

166
00:07:39,450 --> 00:07:41,636
Així que no podem simplement premeu Enter
i esperar que el nostre ordinador

167
00:07:41,636 --> 00:07:43,760
interpretar que volem
per començar un nou paràgraf.

168
00:07:43,760 --> 00:07:47,670
Hem de dir molt explícitament aquesta
és un paragraph-- això és another--

169
00:07:47,670 --> 00:07:50,740
tancant cadascun en un conjunt d'etiquetes P.

170
00:07:50,740 --> 00:07:54,560
>> I també tenim aquestes opcions
per a les etiquetes H, aquestes etiquetes de capçalera.

171
00:07:54,560 --> 00:07:57,000
Tenim sis nivells diferents
de capçaleres, un, dos, tres,

172
00:07:57,000 --> 00:08:01,110
quatre, cinc i sis, que són
progressivament més i més gran

173
00:08:01,110 --> 00:08:01,710
capçaleres.

174
00:08:01,710 --> 00:08:04,360
I ells es fan més petits i
més i més petits i més petits.

175
00:08:04,360 --> 00:08:07,690
Així que tenim una capçalera de nivell superior, un segon
capçalera del nivell, i així successivament, i així successivament.

176
00:08:07,690 --> 00:08:10,480
>> Fem una ullada a alguns potser
Etiquetes P i algunes etiquetes de capçalera

177
00:08:10,480 --> 00:08:13,110
en l'acció en una pàgina web.

178
00:08:13,110 --> 00:08:18,180
Així que aquí al meu IDE Tinc un arxiu anomenat
PH HTML punt, PH sent paràgrafs

179
00:08:18,180 --> 00:08:18,970
i les etiquetes de capçalera.

180
00:08:18,970 --> 00:08:20,709
Obriu això.

181
00:08:20,709 --> 00:08:23,000
Hi ha molt per fer aquí
perquè m'he posat una mica de lorem

182
00:08:23,000 --> 00:08:24,660
ipsum, algun text simplement a l'atzar aquí.

183
00:08:24,660 --> 00:08:27,284
Així que vaig a allunyar el zoom una mica
perquè hi ha tantes coses que passen.

184
00:08:27,284 --> 00:08:31,980
Però fixa't que tinc en el mateix
dalt aquí tinc una H1, un nivell un,

185
00:08:31,980 --> 00:08:32,802
etiqueta de capçalera.

186
00:08:32,802 --> 00:08:36,010
Llavors tinc un paràgraf, que és just
un munt de lorem text-- aleatòria ipsum--

187
00:08:36,010 --> 00:08:38,720
sol defecte d'ompliment estàndard en text.

188
00:08:38,720 --> 00:08:41,970
Així que tinc dos paràgrafs dins d'aquest
un nivell de capçalera i després cap avall per sota de R

189
00:08:41,970 --> 00:08:46,850
tenir un nivell dos encapçalat aquí a la línia 24,
una segona capçalera de nivell, i dos

190
00:08:46,850 --> 00:08:47,840
paràgrafs.

191
00:08:47,840 --> 00:08:51,910
Bé, què s'assembla això
si jo ho veig en la meva vista prèvia?

192
00:08:51,910 --> 00:08:53,790
Anem a veure.

193
00:08:53,790 --> 00:08:55,730
>> Així notar que la
encapçalat primer nivell aquí

194
00:08:55,730 --> 00:08:58,420
en realitat és una mica més gran
que el segon nivell de capçalera.

195
00:08:58,420 --> 00:08:59,940
Així que fem servir etiquetes H1.

196
00:08:59,940 --> 00:09:03,820
I adverteixen que les etiquetes P ens permeten
per trencar les coses en paràgrafs.

197
00:09:03,820 --> 00:09:07,500
Si haguéssim lliurat d'aquestes etiquetes P
i en realitat només cal posar Entra o devolucions

198
00:09:07,500 --> 00:09:10,110
enmig del que esperava
ser els diferents paràgrafs,

199
00:09:10,110 --> 00:09:13,193
tots ells s'acaba de colpejar junts i
no tindria aquest paràgraf agradable

200
00:09:13,193 --> 00:09:15,840
separació amb l'espai sobre i per sota.

201
00:09:15,840 --> 00:09:18,300
I això és el que el paràgraf
les etiquetes i les etiquetes de capçalera

202
00:09:18,300 --> 00:09:22,440
s'utilitzen comunament per fer per dibuixar
atenció a parts de la nostra pàgina web

203
00:09:22,440 --> 00:09:23,550
d'aquesta manera.

204
00:09:23,550 --> 00:09:27,560
>> El següent són algunes de les etiquetes que utilitzem
per construir llistes a la nostra pàgina web.

205
00:09:27,560 --> 00:09:30,820
Així que tenim desordenada
lists-- ULs-- que són només

206
00:09:30,820 --> 00:09:34,090
llistes amb vinyetes, ordenats
llista que són numbered--

207
00:09:34,090 --> 00:09:37,680
OLs-- ia l'interior de qualsevol
un dels que hem de tenir

208
00:09:37,680 --> 00:09:40,600
conjunts de la forma d'indicar els elements de llista, LI.

209
00:09:40,600 --> 00:09:44,370
I així tenim oberta l'etiqueta UL
i posem elements a l'interior de la mateixa.

210
00:09:44,370 --> 00:09:46,920
I després, quan hem acabat amb
que, podem tancar l'etiqueta de UL.

211
00:09:46,920 --> 00:09:49,850
>> I de la mateixa manera que puguem tenir
una llista ordenada o numerada

212
00:09:49,850 --> 00:09:51,560
i posar els elements de llista dins d'aquest.

213
00:09:51,560 --> 00:09:53,350
Així que anem a fer una ullada
en un parell de llistes

214
00:09:53,350 --> 00:09:57,230
i el que ho farien
render com l'IDE CS50.

215
00:09:57,230 --> 00:10:00,640
Així que tinc aquí al meu IDE 1
arxius anomenats llistes esquitxen HTML.

216
00:10:00,640 --> 00:10:03,100
Anem a fer una ullada.

217
00:10:03,100 --> 00:10:08,482
>> I fixeu-vos aquí tinc una desordenada
una llista amb les cinc coses en ell.

218
00:10:08,482 --> 00:10:11,440
I després tinc una llista ordenada i
He canviat l'etiqueta una mica,

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

220
00:10:11,939 --> 00:10:13,152
Ho he dit principi és igual a sis.

221
00:10:13,152 --> 00:10:16,110
Resulta que amb una llista ordenada I
pot establir el punt de partida on vulgui

222
00:10:16,110 --> 00:10:20,130
Jo want-- per defecte serà un--
amb només afegir aquest atribut anomenat

223
00:10:20,130 --> 00:10:21,190
al meu etiqueta OL.

224
00:10:21,190 --> 00:10:23,572
I així aquesta llista
començar a comptar a les sis.

225
00:10:23,572 --> 00:10:26,780
Així que els elements d'aquesta llista numerada
ha de ser de sis, set, vuit, nou, deu,

226
00:10:26,780 --> 00:10:29,930
perquè hi ha cinc elements
a la llista, en contraposició a un,

227
00:10:29,930 --> 00:10:33,770
dos, tres, quatre, cinc, que
seria el cas si hagués dit OL

228
00:10:33,770 --> 00:10:36,730
sense especificar l'atribut d'inici.

229
00:10:36,730 --> 00:10:41,594
>> Així que tindrem Veure aquest perquè pugui
tenir una idea del que està passant aquí.

230
00:10:41,594 --> 00:10:42,260
I aquí anem.

231
00:10:42,260 --> 00:10:44,610
Aquí està la meva llista.

232
00:10:44,610 --> 00:10:47,810
Els primers cinc elements són
llistes desordenades o amb vinyetes.

233
00:10:47,810 --> 00:10:51,010
I els propers cinc elements
són una llista ordenada per separat

234
00:10:51,010 --> 00:10:52,980
a partir de sis.

235
00:10:52,980 --> 00:10:56,247
Així que aquesta és la forma en què pot
crear llistes utilitzant HTML.

236
00:10:56,247 --> 00:10:58,080
Una altra cosa que podria
voler fer amb HTML

237
00:10:58,080 --> 00:11:01,520
és construir una taula de
informació de files i columnes

238
00:11:01,520 --> 00:11:04,560
per presentar la informació d'una
especialment organitzada camí.

239
00:11:04,560 --> 00:11:09,110
Per fer això amb HTML podem tenir una
definició de la taula que comença parèntesi obert

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

241
00:11:10,160 --> 00:11:14,680
I després en l'interior d'aquesta taula que
podria tenir un conjunt de files, etiquetes TR

242
00:11:14,680 --> 00:11:15,980
per indicar cada fila.

243
00:11:15,980 --> 00:11:22,510
I llavors les etiquetes TD van dins de les etiquetes TR
per especificar una columna dins d'una fila.

244
00:11:22,510 --> 00:11:24,340
>> Per què es diu TD i no tc?

245
00:11:24,340 --> 00:11:25,940
Bé, TD significa dades de la taula.

246
00:11:25,940 --> 00:11:27,900
En general, vostè està posant
seva informació allà.

247
00:11:27,900 --> 00:11:29,440
Així que per això és TD i no TC.

248
00:11:29,440 --> 00:11:31,140
És una mica confús.

249
00:11:31,140 --> 00:11:33,720
>> Pel que té etiquetes de taula i
dins de les seves etiquetes de taula

250
00:11:33,720 --> 00:11:35,600
vostè té un nombre de files, TRS.

251
00:11:35,600 --> 00:11:40,030
I dins de cada fila té
TDS per al número de columnes

252
00:11:40,030 --> 00:11:42,880
que vostè vol tenir
en aquesta fila en particular.

253
00:11:42,880 --> 00:11:47,730
Fem una ullada a una molt
taula simple més en IDE CS50.

254
00:11:47,730 --> 00:11:49,730
>> Així que tinc aquí un arxiu
anomenada taula de punts HTML.

255
00:11:49,730 --> 00:11:53,390
Anem a fer una ullada a
del que sembla.

256
00:11:53,390 --> 00:11:56,225
Hi ha molt per fer aquí, però
si vostè nota que tinc una taula oberta.

257
00:11:56,225 --> 00:11:57,850
Estic començant la definició amb taula.

258
00:11:57,850 --> 00:12:02,100
I després, en la meva primera fila que aparentment
tenir quatre columnes, un, dos, tres,

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

260
00:12:02,660 --> 00:12:04,290
I després he acabat amb aquesta fila.

261
00:12:04,290 --> 00:12:07,750
>> Llavors començo una altra fila i
fer dues, quatre, sis, vuit.

262
00:12:07,750 --> 00:12:08,850
Acabi aquesta fila.

263
00:12:08,850 --> 00:12:11,410
Fer una altra fila, tres, sis, nou, 12.

264
00:12:11,410 --> 00:12:14,830
I després una última fila, quatre,
08:00, 12, i encara que és

265
00:12:14,830 --> 00:12:16,560
una mica tallada aquí, 16.

266
00:12:16,560 --> 00:12:17,710
>> Vaig acabar aquesta fila.

267
00:12:17,710 --> 00:12:18,970
Vaig acabar la taula.

268
00:12:18,970 --> 00:12:21,430
I després he acabat amb el meu HTML.

269
00:12:21,430 --> 00:12:22,590
El que sembla això?

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

271
00:12:26,014 --> 00:12:27,430
Bé, en realitat no és molt a veure.

272
00:12:27,430 --> 00:12:31,690
He organitzat clarament la meva informació
d'una manera una mica més organitzat.

273
00:12:31,690 --> 00:12:33,755
Però no és molt bonic aquí.

274
00:12:33,755 --> 00:12:36,130
I anem a fer front a
que quan parlem de CSS.

275
00:12:36,130 --> 00:12:38,930
Tornarem a aquesta idea de
el que fem per fer una table--

276
00:12:38,930 --> 00:12:41,260
potser formatar una mica millor?

277
00:12:41,260 --> 00:12:45,070
Però jo encara tinc quatre files,
cadascun dels quals té quatre columnes,

278
00:12:45,070 --> 00:12:48,890
i realment el que això significa és un
molt simple de quatre per quatre multiplicació

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

280
00:12:49,870 --> 00:12:51,690
>> A pocs etiquetes més parlarem.

281
00:12:51,690 --> 00:12:54,617
Anem a parlar de la
concepte d'un formulari HTML.

282
00:12:54,617 --> 00:12:57,450
Així que vostè va poder haver vist això en el
context de la sessió en una pàgina web.

283
00:12:57,450 --> 00:12:59,100
En general, s'escriu el seu nom d'usuari.

284
00:12:59,100 --> 00:13:01,510
Vostè escriu en la seva contrasenya,
i ja està bo per anar.

285
00:13:01,510 --> 00:13:04,170
Aquest seria el començament d'un formulari.

286
00:13:04,170 --> 00:13:05,420
>> Saltar-sobre Div un segon.

287
00:13:05,420 --> 00:13:07,987
També tenim entrades que
tipus d'encaixar dins les formes.

288
00:13:07,987 --> 00:13:10,320
Aquests són els elements que
en realitat estàs escrivint en,

289
00:13:10,320 --> 00:13:12,580
o els botons de ràdio que són
marcant, o el xec

290
00:13:12,580 --> 00:13:14,310
caixes que està marcant.

291
00:13:14,310 --> 00:13:15,770
Així que aquests van dins de les formes.

292
00:13:15,770 --> 00:13:18,500
I ells comprenen bàsicament
cada fila de la forma

293
00:13:18,500 --> 00:13:19,887
si el formulari es formata així.

294
00:13:19,887 --> 00:13:22,220
Després hi ha aquest concepte de
un div, que en realitat no

295
00:13:22,220 --> 00:13:25,060
cabre en qualsevol categoria particular
d'etiquetes com les que he

296
00:13:25,060 --> 00:13:26,170
estat fent prèviament.

297
00:13:26,170 --> 00:13:29,790
És només una espècie de demarca la
a partir d'algunes Divisió-- arbitrària

298
00:13:29,790 --> 00:13:31,670
div-- de la pàgina.

299
00:13:31,670 --> 00:13:33,210
No hi ha descans visual.

300
00:13:33,210 --> 00:13:34,800
No hi ha una línia.

301
00:13:34,800 --> 00:13:37,180
No és va partir com
tros separat automàticament.

302
00:13:37,180 --> 00:13:39,430
Hauries de dissenyar-
que manera de fer això.

303
00:13:39,430 --> 00:13:42,110
>> És només una mena de diu vull una
tros d'espai a la pàgina web,

304
00:13:42,110 --> 00:13:45,190
i jo només vaig a trucar
que aquesta divisió de la meva pàgina.

305
00:13:45,190 --> 00:13:47,619
Podem posar coses dins
de divs, i de fet,

306
00:13:47,619 --> 00:13:49,410
quan ens dirigim a
IDE en un segon, anem a

307
00:13:49,410 --> 00:13:53,760
veig que m'estic posant el meu
formar dins d'un div.

308
00:13:53,760 --> 00:13:57,050
>> Així que tinc aquí al meu IDE 1
arxiu anomenat div forma de punts HTML.

309
00:13:57,050 --> 00:13:59,260
Obrirem cap amunt.

310
00:13:59,260 --> 00:14:01,460
Recordeu que, com he dit,
div és una mica arbitrària.

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

312
00:14:01,640 --> 00:14:02,973
En realitat no vol dir res.

313
00:14:02,973 --> 00:14:05,140
Així que tinc una arbitrària
primera divisió de la meva pàgina.

314
00:14:05,140 --> 00:14:07,848
I llavors, en lloc d'un altre div
més tard, a partir de la línia de vuit,

315
00:14:07,848 --> 00:14:08,730
Tinc aquest formulari.

316
00:14:08,730 --> 00:14:13,594
I a l'interior de la forma que tinc una
nombre d'entrades, els camps del formulari.

317
00:14:13,594 --> 00:14:16,510
Així que tinc un camp el nom és A--
que en realitat no vol dir res

318
00:14:16,510 --> 00:14:19,350
ara-- dret que aparentment
presa de text, una altra que

319
00:14:19,350 --> 00:14:22,630
té una contrasenya, un altre que és una ràdio
botó, un altre que és una casella de verificació,

320
00:14:22,630 --> 00:14:24,797
i una altra que és un botó Envia.

321
00:14:24,797 --> 00:14:26,630
Bé, el que fa aquest
tota realitat sembla?

322
00:14:26,630 --> 00:14:27,629
Bé, anem a fer una ullada.

323
00:14:27,629 --> 00:14:31,010
Obrirem cap amunt a la finestra de vista prèvia.

324
00:14:31,010 --> 00:14:33,557
Cal notar que aquesta arbitrària
primer Divisió-- hi

325
00:14:33,557 --> 00:14:34,640
hi ha separació visual aquí.

326
00:14:34,640 --> 00:14:37,150
En realitat no fa res, oi?

327
00:14:37,150 --> 00:14:38,220
>> I després tinc la meva manera.

328
00:14:38,220 --> 00:14:39,890
I jo no vaig fer cap format especial.

329
00:14:39,890 --> 00:14:42,680
Així que la forma és només un
gran fila d'informació.

330
00:14:42,680 --> 00:14:46,424
Si hagués formatat meva manera diferent,
Podria ser necessari línia per línia per línia.

331
00:14:46,424 --> 00:14:47,590
Però jo no vaig fer cap estil.

332
00:14:47,590 --> 00:14:49,256
Un cop més, no estem parlant de CSS aquí.

333
00:14:49,256 --> 00:14:51,030
Estem parlant d'HTML.

334
00:14:51,030 --> 00:14:53,980
>> Bé, en la meva manera de text puc type--
recordar que les formes de tipus text

335
00:14:53,980 --> 00:14:55,480
així que puc posar el meu nom.

336
00:14:55,480 --> 00:14:57,330
I en el meu password
pot escriure la contrasenya.

337
00:14:57,330 --> 00:14:59,740
I pel fet que el camp
és de tipus contrasenya,

338
00:14:59,740 --> 00:15:01,470
vostè no sap el que la contrasenya és.

339
00:15:01,470 --> 00:15:02,800
És tots els punts.

340
00:15:02,800 --> 00:15:09,140
>> També puc optar per marcar la casella corresponent a
botó d'opció o una casella de verificació marcar la casella corresponent.

341
00:15:09,140 --> 00:15:10,420
O podria presentar la meva formulari.

342
00:15:10,420 --> 00:15:11,810
I jo no vaig fer res,
així que quan em sotmeto la meva manera,

343
00:15:11,810 --> 00:15:13,090
la pàgina s'actualitza.

344
00:15:13,090 --> 00:15:16,970
Però podria potser configurar el meu
Botó Enviar per fer una altra cosa.

345
00:15:16,970 --> 00:15:20,410
I veurem el que podem fer amb
que en un futur vídeo en PHP.

346
00:15:20,410 --> 00:15:22,520
Però això construeix una molt
senzill formulari que

347
00:15:22,520 --> 00:15:27,360
pot utilitzar per fer que els usuaris interactuen i
presentar informació al nostre lloc web.

348
00:15:27,360 --> 00:15:29,620
>> Un últim comentari abans que
passar a altres etiquetes

349
00:15:29,620 --> 00:15:32,040
han de fer una ullada a aquesta
etiqueta d'entrada una vegada més.

350
00:15:32,040 --> 00:15:35,760
Recordeu que m'he destacat
els extrems de l'etiqueta en vermell.

351
00:15:35,760 --> 00:15:39,390
Cada una altra etiqueta que hem vist fins ara té
va tenir un principi i un final, una obertura

352
00:15:39,390 --> 00:15:41,030
etiqueta i una etiqueta de tancament.

353
00:15:41,030 --> 00:15:42,520
>> Però una etiqueta d'entrada no ho fa.

354
00:15:42,520 --> 00:15:46,860
No hi ha text que va
enmig de les etiquetes d'entrada.

355
00:15:46,860 --> 00:15:49,160
Tota la informació
estem amb la intenció de transmetre

356
00:15:49,160 --> 00:15:52,640
està lligat com a part de la
atributs d'aquesta entrada.

357
00:15:52,640 --> 00:15:54,690
Observi que tenim nom d'entrada és igual a x.

358
00:15:54,690 --> 00:15:55,580
Tipus és igual a i.

359
00:15:55,580 --> 00:15:57,660
Això és realment tot el
informació que necessitem.

360
00:15:57,660 --> 00:15:59,470
>> Això es diu una etiqueta de tancament automàtic.

361
00:15:59,470 --> 00:16:02,470
No requereix una obertura i una
a prop, perquè tota la informació

362
00:16:02,470 --> 00:16:04,974
està contingut dins de la
etiqueta i els seus atributs.

363
00:16:04,974 --> 00:16:06,390
Així que de vegades vostè veurà això, també.

364
00:16:06,390 --> 00:16:10,400
Així que tingues en compte que si vostè té un
etiqueta que és totalment autònom,

365
00:16:10,400 --> 00:16:14,170
s'obre i es tanca amb
el suport d'angle obert de l'esquerra

366
00:16:14,170 --> 00:16:17,000
i l'angle de barra
suport a la dreta.

367
00:16:17,000 --> 00:16:20,580
Anem a veure un altre d'aquests
en aquest moment amb les etiquetes d'imatge també.

368
00:16:20,580 --> 00:16:23,300
>> Abans de parlar de les imatges, ens
necessita parlar sobre els hipervincles.

369
00:16:23,300 --> 00:16:26,080
Si volem que la nostra pàgina web sigui
interactiva i ens moure,

370
00:16:26,080 --> 00:16:28,121
seria bo poder
fer clic en un dels

371
00:16:28,121 --> 00:16:30,190
el que ha estat típicament un enllaç blau.

372
00:16:30,190 --> 00:16:34,440
Això és en realitat la forma en què construïm
un enllaç a la nostra pàgina web.

373
00:16:34,440 --> 00:16:36,540
I curiosament
hi ha una altra etiqueta HTML

374
00:16:36,540 --> 00:16:39,000
anomenat enllaç, que no és un hipervincle.

375
00:16:39,000 --> 00:16:44,130
A aquí és sinònim d'àncora, i
així és com vam indicar un hipervincle.

376
00:16:44,130 --> 00:16:49,150
>> A és igual a href mitjans van a x
pàgina web X. I tot

377
00:16:49,150 --> 00:16:51,580
entre l'oberta Una etiqueta
i l'estreta Una etiqueta

378
00:16:51,580 --> 00:16:56,010
és el que va a ser que van subratllar
text blau que s'assembla a un enllaç

379
00:16:56,010 --> 00:16:57,590
que estem familiaritzats.

380
00:16:57,590 --> 00:17:01,660
A sota d'això tenim una etiqueta d'imatge, que
és un acte tancant etiqueta per mostrar

381
00:17:01,660 --> 00:17:05,599
una imatge situada a X. I
és possible que pugui canviar

382
00:17:05,599 --> 00:17:08,280
aquesta imatge especificant
amplada i alçada

383
00:17:08,280 --> 00:17:11,640
i altres atributs en
que dot dot dot allà.

384
00:17:11,640 --> 00:17:14,260
>> A la part inferior aquí
tenim una molt interessant

385
00:17:14,260 --> 00:17:16,170
mirant l'etiqueta que no ho fa
tenir una etiqueta de tancament.

386
00:17:16,170 --> 00:17:19,410
És l'exclamació HTML punt de tipus de document.

387
00:17:19,410 --> 00:17:23,300
Així HTML ha estat present des del
principis de 1990 per a la creació de pàgines web,

388
00:17:23,300 --> 00:17:25,859
i que s'ha anat patit
diverses revisions des de llavors.

389
00:17:25,859 --> 00:17:28,550
Més recentment, el 2014
es va sotmetre a una revisió

390
00:17:28,550 --> 00:17:33,440
anomenat HTML5 que és ara el corrent
espècie d'estàndard de facto HTML.

391
00:17:33,440 --> 00:17:36,730
>> Per indicar que la nostra web
pàgines s'escriuen utilitzant HTML5,

392
00:17:36,730 --> 00:17:38,160
així és com vam començar.

393
00:17:38,160 --> 00:17:40,380
Es pot ometre però
el que, bàsicament,

394
00:17:40,380 --> 00:17:45,930
mitjans és que no es pot utilitzar qualsevol de les etiquetes
que són les etiquetes HTML5, aquestes noves etiquetes.

395
00:17:45,930 --> 00:17:48,591
Així que sempre vam començar
si estem fent servir HTML5.

396
00:17:48,591 --> 00:17:51,340
I totes les etiquetes que ens han parlat de
anteriorment no són etiquetes HTML5.

397
00:17:51,340 --> 00:17:55,470
Però això indicaria que
Etiquetes HTML5 seran presents.

398
00:17:55,470 --> 00:17:58,400
I així tenim l'exclamació
HTML tipus de document, que

399
00:17:58,400 --> 00:18:01,280
que està en el començament mateix de la nostra
Arxiu HTML, i després després d'aquest punt

400
00:18:01,280 --> 00:18:04,930
en realitat tenim oberta la nostra HTML
etiquetar i procedir des d'allà.

401
00:18:04,930 --> 00:18:10,050
>> L'última és una etiqueta de comentari,
que es veu una mica diferent, també.

402
00:18:10,050 --> 00:18:12,810
Comença amb angle
suport d'exclamació tauler

403
00:18:12,810 --> 00:18:15,220
tauler, però no claudàtor de tancament.

404
00:18:15,220 --> 00:18:20,150
Entre aquests dos elements hi
és on vostè escriu els seus comentaris.

405
00:18:20,150 --> 00:18:28,420
I anem a fer una ullada a les imatges
i els comentaris i enllaços en el IDE CS50.

406
00:18:28,420 --> 00:18:32,850
>> Així que tinc aquí un enllaç d'imatge arxiu anomenat
dot HTML que vaig a obrir.

407
00:18:32,850 --> 00:18:36,420
I fixeu-vos que tinc un parell de
comenta aquí en els meus comentaris HTML.

408
00:18:36,420 --> 00:18:38,990
Així que igual que en C i una altra
llenguatges de programació,

409
00:18:38,990 --> 00:18:43,169
HTML només per ser un llenguatge de marques
no tenen la capacitat de tenir comentaris.

410
00:18:43,169 --> 00:18:45,710
I així que estic pel que sembla va a
col·locar una foto de Rick Astley

411
00:18:45,710 --> 00:18:49,060
en algun lloc entre aquest div
etiqueta, aquesta divisió arbitrària.

412
00:18:49,060 --> 00:18:51,497
Pel que sembla, aquest arxiu és
ubicat a Rick punt JPEG, que

413
00:18:51,497 --> 00:18:53,580
si ens dirigim de nou a
el meu arbre de fitxers per un segon,

414
00:18:53,580 --> 00:18:55,490
és un arxiu que existeix en
el directori actual.

415
00:18:55,490 --> 00:18:56,031
Així que això està bé.

416
00:18:56,031 --> 00:18:57,710
Puc fer referència a ella.

417
00:18:57,710 --> 00:18:59,680
>> Llavors puc tenir enllaços interns.

418
00:18:59,680 --> 00:19:05,080
Així que notar en la línia 11 aquí
la meva href és hola HTML punt.

419
00:19:05,080 --> 00:19:09,050
Així que simplement es refereix a hola punt HTML
que hi ha al directori actual.

420
00:19:09,050 --> 00:19:12,980
I també puc tenir externa
enllaços per simplement especificant HTTPS

421
00:19:12,980 --> 00:19:16,180
per indicar que no estic parlant
sobre un fitxer en el meu directori actual.

422
00:19:16,180 --> 00:19:19,730
Estic parlant d'un arxiu que existeix
en algun lloc d'internet, el que tinc

423
00:19:19,730 --> 00:19:23,370
per sol·licitar fent servir el protocol HTTP.

424
00:19:23,370 --> 00:19:25,990
>> Així que donem una ullada al
aquesta pàgina podria ser similar

425
00:19:25,990 --> 00:19:29,500
i es preparen per a una foto de Rick
Astley a aparèixer a la pantalla.

426
00:19:29,500 --> 00:19:31,490
Així que vaig a Veure aquest.

427
00:19:31,490 --> 00:19:33,800
Hi ha Rick Astley al
molt alt en aquesta arbitrària

428
00:19:33,800 --> 00:19:35,008
divisió que vaig posar a la part superior.

429
00:19:35,008 --> 00:19:36,960
I després per sota de R
tinc els meus vincles, oi?

430
00:19:36,960 --> 00:19:39,330
>> Tinc un enllaç a hola HTML punt.

431
00:19:39,330 --> 00:19:42,860
I si faig clic en això, em poso
mogut cap a aquesta pàgina

432
00:19:42,860 --> 00:19:47,050
que estem molt familiaritzats amb d'
el principi del nostre programa.

433
00:19:47,050 --> 00:19:50,880
Si faig esclatar aquesta pàgina oberta de nou, si
pop enllaç d'imatge s'obre un cop més,

434
00:19:50,880 --> 00:19:54,420
També puc anar externament
el lloc web del CS50.

435
00:19:54,420 --> 00:19:56,740
I allà ens veure- vaig
allunyar una mica aquí--

436
00:19:56,740 --> 00:20:00,260
anem a veure el lloc web del CS50 tipus de
incrustat al mig de la nostra pàgina.

437
00:20:00,260 --> 00:20:04,670
Així que vaig tenir l'oportunitat de fer una interna
vincular, així com un enllaç extern.

438
00:20:04,670 --> 00:20:07,200
>> L'última regla amb HTML que
parlarem aquí

439
00:20:07,200 --> 00:20:09,510
és que el codi HTML ha d'estar ben format.

440
00:20:09,510 --> 00:20:13,020
En C parlem molt sobre
les diverses sintaxi de les coses.

441
00:20:13,020 --> 00:20:17,650
En la sintaxi HTML realment
gira al voltant de les etiquetes.

442
00:20:17,650 --> 00:20:19,660
Cada etiqueta s'obre necessita ser tancat.

443
00:20:19,660 --> 00:20:22,630
I, de fet, totes les etiquetes que obri
ha de ser tancat en l'ordre invers.

444
00:20:22,630 --> 00:20:25,790
>> Així que si vostè obre una etiqueta en negreta, cursiva 1
etiqueta, i després una etiqueta subratllat

445
00:20:25,790 --> 00:20:28,120
per fer els 3-1
en particular conjunt de text,

446
00:20:28,120 --> 00:20:30,070
vostè ha de tancar-les en ordre invers.

447
00:20:30,070 --> 00:20:32,270
Així que si vostè va obrir negreta,
cursiva, subratllat, que

448
00:20:32,270 --> 00:20:35,240
vull tancar subratllat, cursiva, negreta.

449
00:20:35,240 --> 00:20:39,990
Aquest tipus d'encapsulació és el
manté HTML agradable i organitzada.

450
00:20:39,990 --> 00:20:44,370
>> A diferència de C, però, els errors de sintaxi no ho farà
realment paralitzar la seva HTML possiblement.

451
00:20:44,370 --> 00:20:48,730
El teu HTML pot ser no molt bé
formada però que encara funcionen.

452
00:20:48,730 --> 00:20:50,589
I així aquests errors
pot ordenar de diapositives.

453
00:20:50,589 --> 00:20:52,130
Tot depèn de vostè per ser molt vigilants.

454
00:20:52,130 --> 00:20:54,760
A vegades fallaran però
de vegades es pot sortir amb la seva.

455
00:20:54,760 --> 00:20:56,509
>> Pot ser una realitat
tasca difícil, però,

456
00:20:56,509 --> 00:21:00,660
no perdre de vista en obrir
una etiqueta, quan es va tancar,

457
00:21:00,660 --> 00:21:04,110
sobretot perquè el codi HTML
arxius es fan més grans i més grans.

458
00:21:04,110 --> 00:21:05,490
Vostè voldrà una mica d'ajuda.

459
00:21:05,490 --> 00:21:07,560
I hi ha en línia
eines de validació que

460
00:21:07,560 --> 00:21:11,474
pot utilitzar per fer una ullada a la seva pàgina
pàgina i veure si és així HTML format.

461
00:21:11,474 --> 00:21:13,390
I vostè ha definitivament
fer una ullada als

462
00:21:13,390 --> 00:21:16,620
i començar a utilitzar-los com vostè
començar a fer una mica de treball amb HTML,

463
00:21:16,620 --> 00:21:20,800
escriure HTML, simplement perquè pugui obtenir
alguns bons hàbits sobre l'organització

464
00:21:20,800 --> 00:21:24,377
el codi HTML en el bon sentit i
bon estil i assegurar

465
00:21:24,377 --> 00:21:27,210
que vostè no està fent res a
podria crear un error de sintaxi que

466
00:21:27,210 --> 00:21:30,270
li faria una mica de
un problema en el camí.

467
00:21:30,270 --> 00:21:31,190
>> Sóc Doug Lloyd.

468
00:21:31,190 --> 00:21:33,450
Això és CS50.

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