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

2
00:00:06,100 --> 00:00:08,790
>> Doug LLOYD: Entón nós gastamos
about-- se miña matemática é certo,

3
00:00:08,790 --> 00:00:11,900
e eu creo que eu creo que ollando traseira--
pasamos uns 35 vídeos falando

4
00:00:11,900 --> 00:00:15,139
sobre varios aspectos do C, quizais
un pouco máis, quizais un pouco menos.

5
00:00:15,139 --> 00:00:16,930
E nós non cobren
todo en C, pero nós

6
00:00:16,930 --> 00:00:21,170
cubriron unha gran parte do
lingua, a gran maioría da mesma,

7
00:00:21,170 --> 00:00:22,882
seguramente para usos comúns.

8
00:00:22,882 --> 00:00:25,090
Agora imos falar
sobre outra lingua, HTML.

9
00:00:25,090 --> 00:00:28,180
E nós estamos indo para cubrir
en que só un de vídeo.

10
00:00:28,180 --> 00:00:29,340
>> Pero iso será Aceptar.

11
00:00:29,340 --> 00:00:31,410
Isto vai realmente facer-se
algo que vai se acostumar.

12
00:00:31,410 --> 00:00:33,535
Agora que ten a
fundamentos dunha lingua,

13
00:00:33,535 --> 00:00:35,776
é realmente moi fácil
para comezar a aprender outros.

14
00:00:35,776 --> 00:00:37,650
Entón, nós estamos indo para comezar
ao paso un pouco para atrás

15
00:00:37,650 --> 00:00:43,340
e encubrir o básico
diferenzas entre linguas

16
00:00:43,340 --> 00:00:45,750
e tipo de deixalo a el.

17
00:00:45,750 --> 00:00:48,530
Hai unha morea de realmente grande
recursos en internet, o que

18
00:00:48,530 --> 00:00:51,279
imos comezar a dirixir vostede
no sentido porque a Internet é

19
00:00:51,279 --> 00:00:53,340
un amplo repositorio de información.

20
00:00:53,340 --> 00:00:55,960
E así non é como vai
estar perdendo necesariamente

21
00:00:55,960 --> 00:00:58,349
por non ter a información
cuberto nun vídeo.

22
00:00:58,349 --> 00:01:00,640
Aínda será capaz de obter
todo o que precisa e uso

23
00:01:00,640 --> 00:01:03,590
o coñecemento que xa
construíuse por entender C

24
00:01:03,590 --> 00:01:07,130
para facer a curva de aprendizaxe para estes
outras linguas, en realidade, unha morea máis planas.

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

26
00:01:08,640 --> 00:01:12,770
>> Pero imos falar sobre unha linguaxe
que é realmente fundamental para todo web

27
00:01:12,770 --> 00:01:14,830
A páxina, que é HTML.

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

29
00:01:18,230 --> 00:01:22,700
HTML é unha linguaxe, pero é
non unha linguaxe de programación.

30
00:01:22,700 --> 00:01:23,900
>> HTML non ten variables.

31
00:01:23,900 --> 00:01:26,430
Non ten lóxica ou
funcións ou algo así.

32
00:01:26,430 --> 00:01:30,301
Non podemos facer calquera
programación, por si só HTML.

33
00:01:30,301 --> 00:01:32,300
Ás veces vai escoitar
a xente describen a

34
00:01:32,300 --> 00:01:35,710
como programadores HTML, que
non é totalmente preciso.

35
00:01:35,710 --> 00:01:37,980
Non podemos escribir programas HTML.

36
00:01:37,980 --> 00:01:40,770
>> HTML é usado só para marcar texto.

37
00:01:40,770 --> 00:01:42,690
É chamado de linguaxe de reserva.

38
00:01:42,690 --> 00:01:47,680
E o que este does-- este markup--
nós usar etiquetas HTML e estes tags--

39
00:01:47,680 --> 00:01:51,600
este markup-- semanticamente
define a estrutura dunha páxina

40
00:01:51,600 --> 00:01:55,280
e fai que o texto que
existe entre as etiquetas para seren interpretados

41
00:01:55,280 --> 00:01:57,320
por navegadores de xeitos diferentes.

42
00:01:57,320 --> 00:02:00,370
E quizais sexa mellor para explicar
Deste xeito, por unha ilustración.

43
00:02:00,370 --> 00:02:06,450
>> Aquí está unha páxina HTML moi sinxelo, non
un programa de HTML, de novo, unha páxina HTML.

44
00:02:06,450 --> 00:02:08,680
E sabemos que é unha
A páxina HTML, porque temos

45
00:02:08,680 --> 00:02:11,480
delimitada todo con etiquetas HTML.

46
00:02:11,480 --> 00:02:13,850
Entón é iso que unha etiqueta HTML parece.

47
00:02:13,850 --> 00:02:15,870
É entre corchetes.

48
00:02:15,870 --> 00:02:18,570
E repare na parte superior temos
HTML e no fondo,

49
00:02:18,570 --> 00:02:21,400
despois de que fixemos o que é
aparentemente unha morea de outras HTML,

50
00:02:21,400 --> 00:02:24,310
temos ángulo do soporte de barra HTML.

51
00:02:24,310 --> 00:02:29,262
Entón que tipo de é o límite
entre o que é HTML eo que non é.

52
00:02:29,262 --> 00:02:32,220
E, por suposto, convencionalmente, só
como escribiu os seus programas C

53
00:02:32,220 --> 00:02:35,300
con extensións punto C,
todos os seus arquivos HTML

54
00:02:35,300 --> 00:02:37,909
vai acabar con extensións HTML punto.

55
00:02:37,909 --> 00:02:39,200
Pero hai máis suceder aquí.

56
00:02:39,200 --> 00:02:40,658
Non só temos estas etiquetas HTML.

57
00:02:40,658 --> 00:02:44,010
Nós aparentemente teñen este
cousa chamada unha marca de cabeza.

58
00:02:44,010 --> 00:02:46,010
Ben, ben, o que é iso?

59
00:02:46,010 --> 00:02:48,550
>> Ben, quizais é mellor
distinguir a través dun corpo,

60
00:02:48,550 --> 00:02:50,590
corpo sendo o contido da páxina web.

61
00:02:50,590 --> 00:02:55,860
Entón, talvez a marca de cabeza define stuff
que non está na ventá do navegador propio,

62
00:02:55,860 --> 00:02:59,410
pero é dalgunha forma importante para o noso
A páxina web que está a ser procesado correctamente.

63
00:02:59,410 --> 00:03:02,490
Por exemplo, no interior da
tag cabeza temos etiquetas de título.

64
00:03:02,490 --> 00:03:05,500
>> Entón título sendo Ola mundo,
que realmente vai ser o que

65
00:03:05,500 --> 00:03:08,797
mostra-se na pestana en Chrome
ou no safari ou Firefox--

66
00:03:08,797 --> 00:03:11,880
o que queira que prefer-- navegador que é
o que vai aparecer no título.

67
00:03:11,880 --> 00:03:14,800
E antes de que ía amosar tabs
na súa xanela do navegador

68
00:03:14,800 --> 00:03:19,710
e só se pode ter unha páxina
abrir nunha xanela do navegador nun momento.

69
00:03:19,710 --> 00:03:22,160
Entón iso vai ser o
Título da miña páxina no separador

70
00:03:22,160 --> 00:03:24,600
ou a barra de fiestra do navegador, Ola mundo.

71
00:03:24,600 --> 00:03:28,611
E, a continuación, o contido do meu
A páxina web será mundial, Ola.

72
00:03:28,611 --> 00:03:31,360
Entón, imos dar un ollo ao que algúns
cousa como isto pode parecer.

73
00:03:31,360 --> 00:03:33,210
Esta é unha páxina HTML moi sinxelo.

74
00:03:33,210 --> 00:03:35,970
Entón, eu estou aquí no meu IDE e CS50
Eu ampliada un pouco.

75
00:03:35,970 --> 00:03:38,290
E eu estou indo só para
abrir Ola dot HTML

76
00:03:38,290 --> 00:03:42,000
e amosar-lle que iso é moi fermoso
o contido da páxina que vimos antes.

77
00:03:42,000 --> 00:03:45,240
Os meus etiquetas HTML, cabeza simple,
etiquetas de título, corpo e así por diante.

78
00:03:45,240 --> 00:03:47,320
Teño recuado para ser limpo.

79
00:03:47,320 --> 00:03:51,530
>> E entón o que podo facer na miña
IDE é só ver a páxina.

80
00:03:51,530 --> 00:03:52,630
E alí imos nós.

81
00:03:52,630 --> 00:03:56,070
O contido da páxina é o meu mundo,
Ola, e eu non vexo nada

82
00:03:56,070 --> 00:03:58,500
in a partir das etiquetas cabeza alí.

83
00:03:58,500 --> 00:03:59,980
É só o contido do corpo.

84
00:03:59,980 --> 00:04:00,780
Mundo, Ola.

85
00:04:00,780 --> 00:04:03,700
E unha vez máis o corpo só
dixo, mundo, Ola.

86
00:04:03,700 --> 00:04:06,160
A outra parte está falta.

87
00:04:06,160 --> 00:04:07,610
>> Entón, iso é realmente todo o que é.

88
00:04:07,610 --> 00:04:11,370
Esta é unha páxina HTML básico moi sinxelo.

89
00:04:11,370 --> 00:04:14,280
Agora eu teño a miña recuado para HTML
ser moi bo e organizado,

90
00:04:14,280 --> 00:04:15,840
pero eu realmente non precisa.

91
00:04:15,840 --> 00:04:17,959
Podería facelo parecer moi feo.

92
00:04:17,959 --> 00:04:19,467
E iso aínda ía funcionar.

93
00:04:19,467 --> 00:04:21,050
Esta sería a mesma páxina web exacto.

94
00:04:21,050 --> 00:04:23,100
Acaba de se librar
todo o espazo en branco.

95
00:04:23,100 --> 00:04:24,820
>> Como se constata, o espazo baleiro é de datos.

96
00:04:24,820 --> 00:04:28,540
E así, cando estamos enviando datos de
emisor ao receptor, a partir do servidor

97
00:04:28,540 --> 00:04:30,670
ao cliente, os datos custa diñeiro.

98
00:04:30,670 --> 00:04:34,460
E así se librar de espazos en branco
é realmente unha boa idea

99
00:04:34,460 --> 00:04:37,320
se é alguén que serve
unha gran cantidade de contido web.

100
00:04:37,320 --> 00:04:39,820
É unha mala idea se está
alguén que está a aprender este material

101
00:04:39,820 --> 00:04:41,528
e quere ter
Lo moi ben organizado.

102
00:04:41,528 --> 00:04:43,810
Isto é moito máis fácil de analizar que iso.

103
00:04:43,810 --> 00:04:45,540
Pero é funcionalmente idéntico.

104
00:04:45,540 --> 00:04:48,720
>> O descenso e cousas así
en realidade, non importa en HTML.

105
00:04:48,720 --> 00:04:53,634
Todo o que importa é marcas de apertura e
pechando as etiquetas na orde correcta.

106
00:04:53,634 --> 00:04:55,050
Teña en conta o que pasou aquí, con todo.

107
00:04:55,050 --> 00:04:58,450
A cita nos dá unha forma de
comunicar información extra

108
00:04:58,450 --> 00:04:59,940
sobre o que escribiu.

109
00:04:59,940 --> 00:05:03,130
A parte Ola, mundo foi
interpretado como o título.

110
00:05:03,130 --> 00:05:06,410
E o mundo, Ola parte foi
interpretado como o contido

111
00:05:06,410 --> 00:05:09,090
ou o que debería ser
visible na miña páxina web.

112
00:05:09,090 --> 00:05:12,167
>> Hai máis de 100 destes diferentes
etiquetas e lotes de grandes recursos

113
00:05:12,167 --> 00:05:13,000
en liña para atopalos.

114
00:05:13,000 --> 00:05:14,900
Nós imos falar sobre un
algúns deles neste video, algúns

115
00:05:14,900 --> 00:05:16,440
do material realmente fundamental.

116
00:05:16,440 --> 00:05:18,440
Pero non imos falar
sobre todo porque

117
00:05:18,440 --> 00:05:20,250
sería exhaustiva a facelo.

118
00:05:20,250 --> 00:05:22,880
>> Outra cousa que podes facer, con todo,
é abrir ferramentas para desenvolvedores.

119
00:05:22,880 --> 00:05:26,069
E se se lembra de
noso vídeo en HTTP,

120
00:05:26,069 --> 00:05:27,860
Expliquei como abrir
ferramentas para desenvolvedores.

121
00:05:27,860 --> 00:05:32,020
En Chrome é xeralmente a tecla F12
para abrir a barra de ferramentas do creador.

122
00:05:32,020 --> 00:05:35,909
A continuación, no canto de escoller a rede
guía, pode escoller a pestana Elementos.

123
00:05:35,909 --> 00:05:37,700
E se carga unha web
páxina, vai realmente

124
00:05:37,700 --> 00:05:40,280
ver o HTML que crea a páxina web.

125
00:05:40,280 --> 00:05:44,090
E así pode aprender moito sobre HTML
vendo os seus sitios favoritos

126
00:05:44,090 --> 00:05:48,474
e vendo como constrúen a
varias pezas dos que lle gusta.

127
00:05:48,474 --> 00:05:50,890
Entón quizais haxa este legal
estándar ou algo parecido.

128
00:05:50,890 --> 00:05:52,140
Como eles fan isto con HTML?

129
00:05:52,140 --> 00:05:55,630
Ben, pode simplemente abrir o seu creador
ferramentas e pair sobre ese elemento

130
00:05:55,630 --> 00:05:57,700
para ver exactamente o que fai que sexa HTML.

131
00:05:57,700 --> 00:05:59,450
Entón, iso é realmente un
boa forma de aprender HTML,

132
00:05:59,450 --> 00:06:02,330
e eu recomendo encarecidamente que
facelo tanto para aprender HTML

133
00:06:02,330 --> 00:06:04,930
e tamén para aprender un pouco
pouco sobre algunhas das opcións

134
00:06:04,930 --> 00:06:07,050
dispoñibles para ti en
ferramentas de desenvolvemento, que

135
00:06:07,050 --> 00:06:10,200
certamente virá a cadra como
comezar a facer web máis intensiva

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

137
00:06:11,090 --> 00:06:14,080
>> Entón, imos dar un ollo a un
par de etiquetas HTML comúns.

138
00:06:14,080 --> 00:06:17,210
E nós imos ir e dar un ollo a
o que estes comandos tamén pode procesar

139
00:06:17,210 --> 00:06:20,490
por ollar para algúns ficheiros na miña IDE.

140
00:06:20,490 --> 00:06:26,330
Entón, aquí están tres marcas moi básicos para
mellorar o aspecto visual do texto.

141
00:06:26,330 --> 00:06:29,050
Hai marcas B, I e U tags, etiquetas.

142
00:06:29,050 --> 00:06:33,170
E, respectivamente, o que fan é
facer o texto entre eles en negra,

143
00:06:33,170 --> 00:06:35,430
cursiva, subliñado e.

144
00:06:35,430 --> 00:06:40,430
Entón imos ver o que iso sería
como nunha páxina web real no meu IDE.

145
00:06:40,430 --> 00:06:43,390
>> Entón, aquí no meu IDE Eu teño un
ficheiro chamado BIU dot HTML.

146
00:06:43,390 --> 00:06:46,770
BIU dot HTML só a ser
negrita, cursiva, subliñado.

147
00:06:46,770 --> 00:06:47,830
Vou abrilo.

148
00:06:47,830 --> 00:06:51,810
>> E nós imos ver que aquí
temos este texto está Tag B negra.

149
00:06:51,810 --> 00:06:54,010
Todo o texto está etiquetas de E cursiva.

150
00:06:54,010 --> 00:06:56,307
E este texto está U marcas subliñado.

151
00:06:56,307 --> 00:06:57,640
Que isto vai parecer?

152
00:06:57,640 --> 00:06:59,473
Ben unha vez máis, todo o que teño
facer é pasar por riba aquí

153
00:06:59,473 --> 00:07:04,690
para o meu navegador, o meu navegador de ficheiros, prema en
Preview, e iso é o que vén á tona.

154
00:07:04,690 --> 00:07:07,520
>> O texto entre a B
Tag é de feito agora negra.

155
00:07:07,520 --> 00:07:10,720
O texto entre o I
Tag é de feito agora cursiva.

156
00:07:10,720 --> 00:07:14,634
E o texto entre o U
tags é realmente agora subliñado.

157
00:07:14,634 --> 00:07:15,550
Entón, iso é moi bo.

158
00:07:15,550 --> 00:07:18,450
Agora sabemos como facer texto
mirar un pouco máis extravagante

159
00:07:18,450 --> 00:07:20,360
ou deseñar énfase a certas cousas.

160
00:07:20,360 --> 00:07:25,530
Outro par de etiquetas comúns aquí son
marcas de parágrafo, marcas P, e cabeceira,

161
00:07:25,530 --> 00:07:27,980
que teño rendido aquí como HX.

162
00:07:27,980 --> 00:07:32,520
>> Estes comandos P, estas etiquetas de párrafo
romper o seu texto en parágrafos.

163
00:07:32,520 --> 00:07:34,646
Non é suficiente só
prema Intro e deixar espazos,

164
00:07:34,646 --> 00:07:37,186
porque un ordenador vai só
para facer o que diga a el para facer

165
00:07:37,186 --> 00:07:39,450
e ignora branco
espazo para a maior parte.

166
00:07:39,450 --> 00:07:41,636
Polo tanto, non podemos simplemente premer Intro
e esperamos que o noso ordenador

167
00:07:41,636 --> 00:07:43,760
interpretar que queremos
para iniciar un novo parágrafo.

168
00:07:43,760 --> 00:07:47,670
Temos que dicir moito explicitamente esta
é un paragraph-- este é another--

169
00:07:47,670 --> 00:07:50,740
poñendo cada un nun conxunto de etiquetas P.

170
00:07:50,740 --> 00:07:54,560
>> E tamén temos estas opcións
para H tags, estas etiquetas de cabeceira.

171
00:07:54,560 --> 00:07:57,000
Temos seis niveis diferentes
de cabeceiras, un, dous, tres,

172
00:07:57,000 --> 00:08:01,110
catro, cinco e seis, que son
progresivamente maior e máis grande

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

174
00:08:01,710 --> 00:08:04,360
E quedan pequenas e
cada vez menores e menores.

175
00:08:04,360 --> 00:08:07,690
Polo tanto, temos unha cabeceira de nivel superior, unha segunda
cabeceira de nivel, etc., e así por diante.

176
00:08:07,690 --> 00:08:10,480
>> Imos dar un ollo a algúns quizais
Marcas P e algunhas etiquetas de cabeceira

177
00:08:10,480 --> 00:08:13,110
na acción nunha páxina web.

178
00:08:13,110 --> 00:08:18,180
Entón, aquí no meu IDE Eu teño un arquivo chamado
HTML punto PH, PH sendo parágrafos

179
00:08:18,180 --> 00:08:18,970
e etiquetas de cabeceira.

180
00:08:18,970 --> 00:08:20,709
Abre iso.

181
00:08:20,709 --> 00:08:23,000
Hai moita cousa a suceder aquí
porque eu coloque algúns Lorem

182
00:08:23,000 --> 00:08:24,660
ipsum, só texto aleatorio aquí.

183
00:08:24,660 --> 00:08:27,284
Entón, eu vou reducir un pouco
porque hai tanta cousa suceder.

184
00:08:27,284 --> 00:08:31,980
Pero teña en conta que eu teño no propio
top aquí eu teño un H1, un nivel un,

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

186
00:08:32,802 --> 00:08:36,010
Entón eu teño un parágrafo, que é só
unha banda de aleatorio Lorem texto-- ipsum--

187
00:08:36,010 --> 00:08:38,720
só o nivel de enchido estándar en texto.

188
00:08:38,720 --> 00:08:41,970
Entón, eu teño dous parágrafos dentro dese
unha cabeceira de nivel e, a continuación, para abaixo abaixo I

189
00:08:41,970 --> 00:08:46,850
ten unha cabeceira de nivel dous aquí na liña 24,
un segundo nivel de cabeceira, e outros dous

190
00:08:46,850 --> 00:08:47,840
parágrafos.

191
00:08:47,840 --> 00:08:51,910
Ben, o que fai este ollar como
se eu velo na miña vista previa?

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

193
00:08:53,790 --> 00:08:55,730
>> Entón, teña en conta que o
primeira cabeceira nivel aquí

194
00:08:55,730 --> 00:08:58,420
é en realidade un pouco maior
do que o segundo nivel de cabeceira.

195
00:08:58,420 --> 00:08:59,940
Entón usamos tags H1.

196
00:08:59,940 --> 00:09:03,820
E teña en conta que as etiquetas P permítennos
para romper as cousas en parágrafos.

197
00:09:03,820 --> 00:09:07,500
Se tivésemos que librar destas marcas P
e, de feito, só tes que poñer Entra e Devolucións

198
00:09:07,500 --> 00:09:10,110
entre o que esperabamos que
diferir números,

199
00:09:10,110 --> 00:09:13,193
todos irían só bater xuntos e
non tería ese parágrafo agradable

200
00:09:13,193 --> 00:09:15,840
separación co espazo arriba e abaixo.

201
00:09:15,840 --> 00:09:18,300
E iso é o que n
etiquetas e etiquetas de cabeceira

202
00:09:18,300 --> 00:09:22,440
son comunmente usados ​​para facer deseñar
atención partes da nosa páxina web

203
00:09:22,440 --> 00:09:23,550
desa forma.

204
00:09:23,550 --> 00:09:27,560
>> A continuación están algunhas etiquetas que usan
para construír listas da nosa páxina web.

205
00:09:27,560 --> 00:09:30,820
Polo tanto, temos desordenada
lists-- ULs-- que son só

206
00:09:30,820 --> 00:09:34,090
listas con viñetas, ordenados
lista que están numbered--

207
00:09:34,090 --> 00:09:37,680
OLs-- e dentro dunha das
un dos que necesitamos ter

208
00:09:37,680 --> 00:09:40,600
conxuntos de como indicar elementos de lista, LI.

209
00:09:40,600 --> 00:09:44,370
E así temos aberto tag UL
e poñemos elementos dentro dela.

210
00:09:44,370 --> 00:09:46,920
E entón, cando estamos a facer
que podemos pechar a marca UL.

211
00:09:46,920 --> 00:09:49,850
>> E do mesmo xeito que podemos estar
unha lista ordenada ou numerada

212
00:09:49,850 --> 00:09:51,560
e poñer os elementos da lista dentro diso.

213
00:09:51,560 --> 00:09:53,350
Entón, imos dar un ollo
nun par de listas

214
00:09:53,350 --> 00:09:57,230
eo que eles ían
renda como en CS50 IDE.

215
00:09:57,230 --> 00:10:00,640
Entón, eu teño aquí na miña IDE un
ficheiro chamado listas dot HTML.

216
00:10:00,640 --> 00:10:03,100
Imos dar un ollo.

217
00:10:03,100 --> 00:10:08,482
>> E noten aquí eu teño unha desordenada
lista con cinco cousas nel.

218
00:10:08,482 --> 00:10:11,440
E entón eu teño unha lista ordenada, e
Eu mudei a marca un pouco,

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

220
00:10:11,939 --> 00:10:13,152
Eu xa dixen inicio é igual a seis.

221
00:10:13,152 --> 00:10:16,110
Acontece cunha lista Eu pedín
pode establecer o punto de partida onde queira

222
00:10:16,110 --> 00:10:20,130
Eu want-- por defecto, será um--
só engadindo esta chamada atributo

223
00:10:20,130 --> 00:10:21,190
na miña tag OL.

224
00:10:21,190 --> 00:10:23,572
E así esta lista será
comezar a contar ás seis.

225
00:10:23,572 --> 00:10:26,780
Así, os elementos desta lista numerada
debe ser de seis, sete, oito, nove, dez,

226
00:10:26,780 --> 00:10:29,930
porque hai cinco elementos
na lista, en oposición a un,

227
00:10:29,930 --> 00:10:33,770
dous, tres, catro, cinco, que
sería o caso se tivese dito OL

228
00:10:33,770 --> 00:10:36,730
sen especificar o atributo de inicio.

229
00:10:36,730 --> 00:10:41,594
>> Entón imos ver iso para que pode
obter un sentido para o que está a suceder aquí.

230
00:10:41,594 --> 00:10:42,260
E alí imos nós.

231
00:10:42,260 --> 00:10:44,610
Non é a miña lista.

232
00:10:44,610 --> 00:10:47,810
Os primeiros elementos son cinco
listas desordenadas ou con viñetas.

233
00:10:47,810 --> 00:10:51,010
E os próximos cinco elementos
son unha lista ordenada separado

234
00:10:51,010 --> 00:10:52,980
desde seis.

235
00:10:52,980 --> 00:10:56,247
Entón é así que podemos
construír listas usando HTML.

236
00:10:56,247 --> 00:10:58,080
Outra cousa que pode
queren facer con HTML

237
00:10:58,080 --> 00:11:01,520
é construír unha táboa de
información de liñas e columnas

238
00:11:01,520 --> 00:11:04,560
para presentar a información nunha
particularmente organizada camiño.

239
00:11:04,560 --> 00:11:09,110
Para iso con HTML, podemos ter unha
definición de táboa comezando soporte aberto

240
00:11:09,110 --> 00:11:10,160
táboa.

241
00:11:10,160 --> 00:11:14,680
E, a continuación, dentro dese marco que
pode ter un conxunto de liñas, etiquetas TR

242
00:11:14,680 --> 00:11:15,980
para indicar cada liña.

243
00:11:15,980 --> 00:11:22,510
E entón as etiquetas TD ir a dentro de etiquetas de TR
para especificar unha columna dentro dunha liña.

244
00:11:22,510 --> 00:11:24,340
>> Por que se chama TD e non TC?

245
00:11:24,340 --> 00:11:25,940
Ben, TD representa datos da táboa.

246
00:11:25,940 --> 00:11:27,900
Normalmente, está poñendo
súa información alí.

247
00:11:27,900 --> 00:11:29,440
Entón é por iso que é TD e non TC.

248
00:11:29,440 --> 00:11:31,140
É un pouco confuso.

249
00:11:31,140 --> 00:11:33,720
>> Entón tes marcas de táboa e
dentro das súas etiquetas de mesa

250
00:11:33,720 --> 00:11:35,600
ten un número de liñas, TRS.

251
00:11:35,600 --> 00:11:40,030
E dentro de cada liña que ten
TDS ao número de columnas

252
00:11:40,030 --> 00:11:42,880
que quere ter
nesta liña particular.

253
00:11:42,880 --> 00:11:47,730
Imos dar un ollo a un moi
tabela sobre en CS50 IDE.

254
00:11:47,730 --> 00:11:49,730
>> Entón, eu teño aquí un arquivo
chamada táboa de puntos HTML.

255
00:11:49,730 --> 00:11:53,390
Imos dar un ollo
o que parece.

256
00:11:53,390 --> 00:11:56,225
Hai moita cousa a suceder aquí, pero
se notar que eu teño unha táboa aberta.

257
00:11:56,225 --> 00:11:57,850
Estou empezando a definición de táboa.

258
00:11:57,850 --> 00:12:02,100
E entón, na miña primeira liña I aparentemente
ten catro columnas, un, dous, tres,

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

260
00:12:02,660 --> 00:12:04,290
E entón eu estou feito con esa liña.

261
00:12:04,290 --> 00:12:07,750
>> Entón eu comezo outra liña e
facer dous, catro, seis, oito.

262
00:12:07,750 --> 00:12:08,850
Termine esa liña.

263
00:12:08,850 --> 00:12:11,410
Fai outra liña, tres, seis, nove, 12.

264
00:12:11,410 --> 00:12:14,830
E entón unha última liña, catro,
oito, 12, e que sexa

265
00:12:14,830 --> 00:12:16,560
un pouco de corte aquí, 16.

266
00:12:16,560 --> 00:12:17,710
>> Eu rematar esa liña.

267
00:12:17,710 --> 00:12:18,970
Eu rematar a mesa.

268
00:12:18,970 --> 00:12:21,430
E entón eu estou feito con meu HTML.

269
00:12:21,430 --> 00:12:22,590
O que isto parece?

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

271
00:12:26,014 --> 00:12:27,430
Ben, non é realmente moi para ver.

272
00:12:27,430 --> 00:12:31,690
Eu claramente organizado miñas información
dunha forma un pouco máis organizado.

273
00:12:31,690 --> 00:12:33,755
Pero non é super fermosa aquí.

274
00:12:33,755 --> 00:12:36,130
E nós estamos indo a xestionar
que, cando falamos de CSS.

275
00:12:36,130 --> 00:12:38,930
Imos revisar esa idea de
o que podemos facer para facer un mesa--

276
00:12:38,930 --> 00:12:41,260
quizais formato-lo un pouco mellor?

277
00:12:41,260 --> 00:12:45,070
Pero eu teño catro liñas,
cada un dos cales ten catro columnas,

278
00:12:45,070 --> 00:12:48,890
e realmente o que iso equivale a unha
moi sinxelo catro por catro multiplicación

279
00:12:48,890 --> 00:12:49,870
táboa.

280
00:12:49,870 --> 00:12:51,690
>> Só algunhas marcas que imos falar.

281
00:12:51,690 --> 00:12:54,617
Imos falar sobre o
concepto dun formulario HTML.

282
00:12:54,617 --> 00:12:57,450
Entón podes ver iso no
contexto sesión nunha páxina web.

283
00:12:57,450 --> 00:12:59,100
Normalmente insire o teu nome de usuario.

284
00:12:59,100 --> 00:13:01,510
Escribe o seu contrasinal,
e está preparado para ir.

285
00:13:01,510 --> 00:13:04,170
Iso sería o inicio dun formulario.

286
00:13:04,170 --> 00:13:05,420
>> Pulando Div un segundo.

287
00:13:05,420 --> 00:13:07,987
Tamén temos as entradas que
tipo de caber dentro formas.

288
00:13:07,987 --> 00:13:10,320
Estes son os elementos que
en realidade está escribindo en,

289
00:13:10,320 --> 00:13:12,580
ou os botóns de radio que está
sinalando, ou o cheque

290
00:13:12,580 --> 00:13:14,310
caixas que está pasando á praza.

291
00:13:14,310 --> 00:13:15,770
Entón, estas ir a dentro de formas.

292
00:13:15,770 --> 00:13:18,500
E comprenden basicamente
cada liña do formulario

293
00:13:18,500 --> 00:13:19,887
o formulario está formatado ben.

294
00:13:19,887 --> 00:13:22,220
Entón hai ese concepto de
un div, que realmente non

295
00:13:22,220 --> 00:13:25,060
caber nunha determinada categoría
de etiquetas como os que eu

296
00:13:25,060 --> 00:13:26,170
feito anteriormente.

297
00:13:26,170 --> 00:13:29,790
É só unha especie de demarca o
comezando dalgúns division-- arbitraria

298
00:13:29,790 --> 00:13:31,670
div-- da páxina.

299
00:13:31,670 --> 00:13:33,210
Non hai ningunha ruptura visual.

300
00:13:33,210 --> 00:13:34,800
Non hai ningunha liña.

301
00:13:34,800 --> 00:13:37,180
Non é definido como un todo
peza separada automaticamente.

302
00:13:37,180 --> 00:13:39,430
Vostede tería que denominalo lo
que forma de facelo.

303
00:13:39,430 --> 00:13:42,110
>> É só unha especie de di que quero un
anaco de espazo na miña páxina web,

304
00:13:42,110 --> 00:13:45,190
e eu estou indo só para chamar
A división da miña páxina.

305
00:13:45,190 --> 00:13:47,619
Podemos poñer cousas dentro
de divs, e de feito,

306
00:13:47,619 --> 00:13:49,410
cando cabeza para
IDE nun segundo, imos

307
00:13:49,410 --> 00:13:53,760
ver que eu estou poñendo miña
formar dentro dunha div.

308
00:13:53,760 --> 00:13:57,050
>> Entón, eu teño aquí na miña IDE un
ficheiro chamado div forma dot HTML.

309
00:13:57,050 --> 00:13:59,260
Imos abrilo.

310
00:13:59,260 --> 00:14:01,460
Teña en conta que, como dixen,
div é unha especie de arbitrario.

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

312
00:14:01,640 --> 00:14:02,973
Realmente non significa nada.

313
00:14:02,973 --> 00:14:05,140
Entón, eu teño unha arbitraria
primeira división da miña páxina.

314
00:14:05,140 --> 00:14:07,848
E, a continuación, no canto doutra div
máis tarde, comezando na liña oito,

315
00:14:07,848 --> 00:14:08,730
Teño este formulario.

316
00:14:08,730 --> 00:14:13,594
E dentro do formulario Eu teño un
número de entradas, os campos do formulario.

317
00:14:13,594 --> 00:14:16,510
Entón, eu teño un campo cuxo nome é A--
que realmente non significa nada

318
00:14:16,510 --> 00:14:19,350
agora-- certo que, ao parecer,
leva o texto, outro que

319
00:14:19,350 --> 00:14:22,630
toma un contrasinal, outro que é unha Radio
botón, outra que é unha caixa de selección,

320
00:14:22,630 --> 00:14:24,797
e outro que é un botón Enviar.

321
00:14:24,797 --> 00:14:26,630
Ben, o que o fai
todo realmente se parece?

322
00:14:26,630 --> 00:14:27,629
Ben, imos dar un ollo.

323
00:14:27,629 --> 00:14:31,010
Imos abrilo na nosa fiestra de visualización.

324
00:14:31,010 --> 00:14:33,557
Teña en conta que esta arbitraria
primeiro division-- hai

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

326
00:14:34,640 --> 00:14:37,150
Realmente non facer nada, non?

327
00:14:37,150 --> 00:14:38,220
>> E entón eu teño a miña forma.

328
00:14:38,220 --> 00:14:39,890
E eu non facer calquera formato especial.

329
00:14:39,890 --> 00:14:42,680
Entón, o xeito é só un
gran liña de información.

330
00:14:42,680 --> 00:14:46,424
Se eu tivese formato miña forma diferente,
Podería telo liña por liña por liña.

331
00:14:46,424 --> 00:14:47,590
Pero eu non facer calquera estilo.

332
00:14:47,590 --> 00:14:49,256
De novo, non estamos falando de CSS aquí.

333
00:14:49,256 --> 00:14:51,030
Estamos só a falar de HTML.

334
00:14:51,030 --> 00:14:53,980
>> Ben, na miña forma de texto que podo type--
lembre que as formas de tipo de texto

335
00:14:53,980 --> 00:14:55,480
para que eu poida poñer o meu nome.

336
00:14:55,480 --> 00:14:57,330
E na miña contrasinal I
pode escribir o meu contrasinal.

337
00:14:57,330 --> 00:14:59,740
E por ese campo
é do tipo contrasinal

338
00:14:59,740 --> 00:15:01,470
vostede non sabe o que o meu contrasinal está.

339
00:15:01,470 --> 00:15:02,800
É todos os puntos.

340
00:15:02,800 --> 00:15:09,140
>> Eu tamén pode optar por marcar fóra un
botón de opción ou sinalar fora dunha lista.

341
00:15:09,140 --> 00:15:10,420
Ou eu podería enviar o meu formulario.

342
00:15:10,420 --> 00:15:11,810
E eu non fixen nada,
entón cando enviar a miña forma,

343
00:15:11,810 --> 00:15:13,090
a páxina só refresca.

344
00:15:13,090 --> 00:15:16,970
Pero eu quizais puidese configurar o meu
Submit para facer outra cousa.

345
00:15:16,970 --> 00:15:20,410
E imos ver o que podemos facer con
en que un vídeo no futuro PHP.

346
00:15:20,410 --> 00:15:22,520
Pero iso crea unha moi
formulario sinxelo que

347
00:15:22,520 --> 00:15:27,360
pode usar para que os usuarios interactúan e
enviar información a nosa web.

348
00:15:27,360 --> 00:15:29,620
>> Un último comentario antes de nós
pasar algunhas outras etiquetas

349
00:15:29,620 --> 00:15:32,040
están a dar un ollo neste
tag entrada unha vez máis.

350
00:15:32,040 --> 00:15:35,760
Repare que eu teño en destaque
os extremos da etiqueta en vermello.

351
00:15:35,760 --> 00:15:39,390
Cada outra etiqueta que vimos ata agora
tivo un comezo e un fin, unha apertura

352
00:15:39,390 --> 00:15:41,030
tag e unha etiqueta de peche.

353
00:15:41,030 --> 00:15:42,520
>> Pero unha marca de entrada non.

354
00:15:42,520 --> 00:15:46,860
Non hai ningún texto que vai
entre as etiquetas de entrada.

355
00:15:46,860 --> 00:15:49,160
Toda a información
estamos pretendendo transmitir

356
00:15:49,160 --> 00:15:52,640
está ligada como parte do
atributos dese insumo.

357
00:15:52,640 --> 00:15:54,690
Observe temos o nome de entrada é igual a x.

358
00:15:54,690 --> 00:15:55,580
Tipo iguala y.

359
00:15:55,580 --> 00:15:57,660
Isto é realmente todo o
información que necesitamos.

360
00:15:57,660 --> 00:15:59,470
>> Iso é chamado de etiqueta de peche automático.

361
00:15:59,470 --> 00:16:02,470
Non require un oco e un
preto, porque toda a información

362
00:16:02,470 --> 00:16:04,974
está contida no interior da
tag e os seus atributos.

363
00:16:04,974 --> 00:16:06,390
Entón, ás veces vai ver iso tamén.

364
00:16:06,390 --> 00:16:10,400
Entón, só tes que ser consciente de que se ten un
tag que é totalmente autosuficiente,

365
00:16:10,400 --> 00:16:14,170
abre e pecha-se con
o soporte de ángulo aberto na esquerda

366
00:16:14,170 --> 00:16:17,000
eo ángulo de corte
soporte á dereita.

367
00:16:17,000 --> 00:16:20,580
Veremos máis un deses
agora con etiquetas de imaxe tamén.

368
00:16:20,580 --> 00:16:23,300
>> Antes de falar sobre as imaxes, nós
Necesitamos falar sobre hyperlinks.

369
00:16:23,300 --> 00:16:26,080
Se queremos que a nosa páxina web para ser
interactiva e moverse en torno a nós,

370
00:16:26,080 --> 00:16:28,121
sería bo poder
a facer clic nun deses

371
00:16:28,121 --> 00:16:30,190
o que foi tipicamente unha ligazón azul.

372
00:16:30,190 --> 00:16:34,440
Esta é realmente a forma na que construímos
un hipervínculo a nosa páxina web.

373
00:16:34,440 --> 00:16:36,540
E, curiosamente
hai outra etiqueta HTML

374
00:16:36,540 --> 00:16:39,000
chamado enlace, que non é un Ligazón.

375
00:16:39,000 --> 00:16:44,130
Un aquí inserir unha referencia, e
é así que indican un hipervínculo.

376
00:16:44,130 --> 00:16:49,150
>> Un href é igual x medios ir
páxina web X. E todo

377
00:16:49,150 --> 00:16:51,580
entre o aberto Unha etiqueta
ea estreita A etiqueta

378
00:16:51,580 --> 00:16:56,010
é o que vai ser que subliñou
texto azul que se parece unha ligazón

379
00:16:56,010 --> 00:16:57,590
que estamos familiarizados.

380
00:16:57,590 --> 00:17:01,660
Abaixo diso temos unha etiqueta de imaxe, que
é unha auto peche tag para amosar

381
00:17:01,660 --> 00:17:05,599
unha imaxe situada en X. E
pode ser capaz de cambiar

382
00:17:05,599 --> 00:17:08,280
aquela imaxe especificando
ancho e alto

383
00:17:08,280 --> 00:17:11,640
e outros atributos
que dot dot dot alí.

384
00:17:11,640 --> 00:17:14,260
>> Na parte inferior aquí
temos un moi interesante

385
00:17:14,260 --> 00:17:16,170
mirando tag que non fai
ter unha etiqueta de peche.

386
00:17:16,170 --> 00:17:19,410
É exclamación HTML punto DOCTYPE.

387
00:17:19,410 --> 00:17:23,300
Entón HTML foi en torno desde o
principios de 1990 para a construción de páxinas web,

388
00:17:23,300 --> 00:17:25,859
e se foi sometido
varias revisións desde entón.

389
00:17:25,859 --> 00:17:28,550
Máis recentemente, en 2014
foi sometido a unha revisión

390
00:17:28,550 --> 00:17:33,440
chamado HTML5, que agora é a cadea
tipo de patrón de feito HTML.

391
00:17:33,440 --> 00:17:36,730
>> Para indicar que a nosa web
páxinas están escritas usando HTML5,

392
00:17:36,730 --> 00:17:38,160
isto é coma nós comezar.

393
00:17:38,160 --> 00:17:40,380
Pode ser omitido, pero
o que, basicamente,

394
00:17:40,380 --> 00:17:45,930
medios é que non pode usar calquera das marcas
que son as etiquetas HTML5, estas novas etiquetas.

395
00:17:45,930 --> 00:17:48,591
Entón, sempre comezar
se estamos usando HTML5.

396
00:17:48,591 --> 00:17:51,340
E todas as marcas xa falamos sobre
anteriormente non son etiquetas HTML5.

397
00:17:51,340 --> 00:17:55,470
Pero iso indica que
Etiquetas de HTML5 estará presente.

398
00:17:55,470 --> 00:17:58,400
E por iso temos de exclamación
DOCTYPE HTML, que

399
00:17:58,400 --> 00:18:01,280
é ao comezo da nosa
Ficheiro HTML, e logo despois dese punto

400
00:18:01,280 --> 00:18:04,930
nós realmente temos o noso HTML aberto
marcar e proceder a partir de aí.

401
00:18:04,930 --> 00:18:10,050
>> A última é unha etiqueta de comentario,
que parece un pouco diferente, tamén.

402
00:18:10,050 --> 00:18:12,810
Ela comeza con ángulo
soporte de exclamación trazo

403
00:18:12,810 --> 00:18:15,220
guión, pero non paréntese de peche.

404
00:18:15,220 --> 00:18:20,150
Entre estes dous elementos alí
é onde escribir os seus comentarios.

405
00:18:20,150 --> 00:18:28,420
E imos dar un ollo en imaxes
e comentarios e ligazóns CS50 IDE.

406
00:18:28,420 --> 00:18:32,850
>> Entón, eu teño aquí un arquivo chamado ligazón á imaxe
dot HTML que vou abrir.

407
00:18:32,850 --> 00:18:36,420
E repare que eu teño un par de
comenta aquí nos meus comentarios HTML.

408
00:18:36,420 --> 00:18:38,990
Así como en C e outro
linguaxes de programación,

409
00:18:38,990 --> 00:18:43,169
HTML só por ser unha linguaxe de reserva
ten a capacidade de ter comentarios.

410
00:18:43,169 --> 00:18:45,710
E polo que estou parecer vai
poñer unha foto de Rick Astley

411
00:18:45,710 --> 00:18:49,060
algures entre esta div
tag, esa división arbitraria.

412
00:18:49,060 --> 00:18:51,497
Ao parecer, o ficheiro é
situado no Rick punto JPEG, que

413
00:18:51,497 --> 00:18:53,580
dirixirse ao
miña árbore de ficheiros a un segundo,

414
00:18:53,580 --> 00:18:55,490
é un arquivo que existe en
o directorio actual.

415
00:18:55,490 --> 00:18:56,031
Entón, iso é OK.

416
00:18:56,031 --> 00:18:57,710
Podo facer referencia a ela.

417
00:18:57,710 --> 00:18:59,680
>> Entón eu podo ter conexións internas.

418
00:18:59,680 --> 00:19:05,080
Entón, observe na liña 11 aquí
meu href é Ola dot HTML.

419
00:19:05,080 --> 00:19:09,050
De xeito que só se refire a Ola dot HTML
que hai no directorio actual.

420
00:19:09,050 --> 00:19:12,980
E eu tamén pode ter externo
conexións por só especificando HTTPS

421
00:19:12,980 --> 00:19:16,180
para indicar que eu non estou falando
sobre un arquivo no meu directorio actual.

422
00:19:16,180 --> 00:19:19,730
Estou falando sobre un arquivo que existe
nalgún lugar en internet, o que eu teño

423
00:19:19,730 --> 00:19:23,370
para solicitar, mediante o protocolo HTTP.

424
00:19:23,370 --> 00:19:25,990
>> Entón, imos dar un ollo ao que
Nesta páxina pode parecer

425
00:19:25,990 --> 00:19:29,500
e prepare-se a unha imaxe de Rick
Astley para aparecer na súa pantalla.

426
00:19:29,500 --> 00:19:31,490
Entón, eu vou ver iso.

427
00:19:31,490 --> 00:19:33,800
Hai Rick Astley no
moi superior neste arbitraria

428
00:19:33,800 --> 00:19:35,008
división eu poñelas na parte superior.

429
00:19:35,008 --> 00:19:36,960
E, a continuación, para abaixo abaixo I
teño as miñas conexións, non?

430
00:19:36,960 --> 00:19:39,330
>> Teño unha ligazón a Ola dot HTML.

431
00:19:39,330 --> 00:19:42,860
E se eu premer en que, eu recibín
transferida esta páxina

432
00:19:42,860 --> 00:19:47,050
que estamos moi familiarizados coa dende
o inicio do noso programa.

433
00:19:47,050 --> 00:19:50,880
Se eu aparecer esta páxina aberta de novo, se eu
pop ligazón á imaxe abrir unha vez máis,

434
00:19:50,880 --> 00:19:54,420
Eu tamén pode ir externamente
para o sitio web do CS50.

435
00:19:54,420 --> 00:19:56,740
E alí nós see-- vou
zoom out algo aqui--

436
00:19:56,740 --> 00:20:00,260
veremos do CS50 tipo de sitio web
incorporado no medio da nosa páxina.

437
00:20:00,260 --> 00:20:04,670
Entón, eu era capaz de facer un interno
vincular, así como un enlace externo.

438
00:20:04,670 --> 00:20:07,200
>> A última regra con HTML que
imos falar aquí

439
00:20:07,200 --> 00:20:09,510
é que o HTML debe ser ben formado.

440
00:20:09,510 --> 00:20:13,020
En C, falamos moito sobre
A sintaxe de moitas cousas.

441
00:20:13,020 --> 00:20:17,650
HTML a sintaxis realmente
xira en torno a etiquetas.

442
00:20:17,650 --> 00:20:19,660
Cada etiqueta abre debe ser pechado.

443
00:20:19,660 --> 00:20:22,630
E, de feito, cada etiqueta abre
deben ser pechados por orde inversa.

444
00:20:22,630 --> 00:20:25,790
>> Entón, se abrir unha etiqueta en negriña, cursiva unha
tag, e entón unha etiqueta subliñado

445
00:20:25,790 --> 00:20:28,120
para facer todos os tres para un
especial conxunto de texto,

446
00:20:28,120 --> 00:20:30,070
ten que pecha-los en orde inversa.

447
00:20:30,070 --> 00:20:32,270
Entón, se abriu valente,
cursiva, subliñado, vostede

448
00:20:32,270 --> 00:20:35,240
quere pechar subliñado, cursiva, negriña.

449
00:20:35,240 --> 00:20:39,990
Este tipo de encapsulamento é o que
mantén HTML agradable e organizado.

450
00:20:39,990 --> 00:20:44,370
>> A diferenza de C, porén, erros de sintaxe non vai
de feito, prexudicar o seu HTML, posiblemente.

451
00:20:44,370 --> 00:20:48,730
Seu HTML pode non ser así
formado, pero que aínda funcionan.

452
00:20:48,730 --> 00:20:50,589
E así estes erros
Pode clasificar de foto.

453
00:20:50,589 --> 00:20:52,130
É ata a realmente ser vixiante.

454
00:20:52,130 --> 00:20:54,760
Ás veces, eles van fallar, pero
ás veces pode comezar afastado con el.

455
00:20:54,760 --> 00:20:56,509
>> Pode ser un realmente
tarefa difícil, porén,

456
00:20:56,509 --> 00:21:00,660
manter o control de cando abriu
unha etiqueta, cando pechou-a,

457
00:21:00,660 --> 00:21:04,110
especialmente como o seu HTML
arquivos queda maior e máis grande.

458
00:21:04,110 --> 00:21:05,490
Vai querer axuda.

459
00:21:05,490 --> 00:21:07,560
E hai en liña
ferramentas de validación que

460
00:21:07,560 --> 00:21:11,474
pode usar para ter un ollar para o seu web
páxina e ver se está ben formado HTML.

461
00:21:11,474 --> 00:21:13,390
E ten que definitivamente
Bótalle un ollo os

462
00:21:13,390 --> 00:21:16,620
e comezar a usalos como
comezar a facer un traballo con HTML,

463
00:21:16,620 --> 00:21:20,800
escribir HTML, só para que obteña
uns bos hábitos sobre a organización

464
00:21:20,800 --> 00:21:24,377
o seu HTML nun bo camiño e
bo estilo e certificando-

465
00:21:24,377 --> 00:21:27,210
que non está facendo todo o que
podería crear un erro de sintaxe que

466
00:21:27,210 --> 00:21:30,270
faría que un pouco de
un problema no camiño.

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

468
00:21:31,190 --> 00:21:33,450
Este é CS50.

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