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

2
00:00:06,100 --> 00:00:08,790
>> DOUG LLOYD: Así que pasó
sobre-- si mis matemáticas es correcto,

3
00:00:08,790 --> 00:00:11,900
y creo que mirando parte posterior-- Creo
pasamos unos 35 vídeos hablar

4
00:00:11,900 --> 00:00:15,139
acerca de diversos aspectos de C, tal vez
un poco más, tal vez un poco menos.

5
00:00:15,139 --> 00:00:16,930
Y no cubrimos
todo en C, pero

6
00:00:16,930 --> 00:00:21,170
cubierto una gran parte de la
idioma, la gran mayoría de la misma,

7
00:00:21,170 --> 00:00:22,882
sin duda para los usos comunes.

8
00:00:22,882 --> 00:00:25,090
Ahora vamos a hablar
acerca de otro idioma, HTML.

9
00:00:25,090 --> 00:00:28,180
Y vamos a cubrir
que en un solo video.

10
00:00:28,180 --> 00:00:29,340
>> Pero eso va a estar bien.

11
00:00:29,340 --> 00:00:31,410
Eso va a convertirse en realidad
algo que vamos a acostumbrarse.

12
00:00:31,410 --> 00:00:33,535
Ahora que usted tiene la
fundamentos de un idioma,

13
00:00:33,535 --> 00:00:35,776
en realidad es bastante fácil
para comenzar a aprender otros.

14
00:00:35,776 --> 00:00:37,650
Así que vamos a empezar
al paso un poco hacia atrás

15
00:00:37,650 --> 00:00:43,340
y pasar por alto los básicos
diferencias entre estos idiomas

16
00:00:43,340 --> 00:00:45,750
y una especie de dejarte a la misma.

17
00:00:45,750 --> 00:00:48,530
Hay un montón de realmente grande
recursos en Internet, lo que

18
00:00:48,530 --> 00:00:51,279
vamos a empezar a dirigir usted
hacia porque el Internet es

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

20
00:00:53,340 --> 00:00:55,960
Y lo que no es el que quieres voy
estar perdiendo a cabo necesariamente

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

22
00:00:58,349 --> 00:01:00,640
Usted todavía será capaz de obtener
todo lo que necesita y el uso

23
00:01:00,640 --> 00:01:03,590
el conocimiento que ya ha
construido mediante la comprensión de C

24
00:01:03,590 --> 00:01:07,130
para hacer que la curva de aprendizaje para ellos
otros idiomas en realidad un montón más planas.

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

26
00:01:08,640 --> 00:01:12,770
>> Pero vamos a hablar de un idioma
eso es realmente fundamental para cada web

27
00:01:12,770 --> 00:01:14,830
página, que es HTML.

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

29
00:01:18,230 --> 00:01:22,700
HTML es un lenguaje pero es
no es un lenguaje de programación.

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

31
00:01:23,900 --> 00:01:26,430
No tiene lógica ni
funciones o nada por el estilo.

32
00:01:26,430 --> 00:01:30,301
No podemos hacer nada
programación per se en HTML.

33
00:01:30,301 --> 00:01:32,300
A veces se escucha
personas describen a sí mismos

34
00:01:32,300 --> 00:01:35,710
como programadores HTML, que
no es del todo exacto.

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

36
00:01:37,980 --> 00:01:40,770
>> HTML sólo se utiliza para marcar el texto.

37
00:01:40,770 --> 00:01:42,690
Se llama un lenguaje de marcas.

38
00:01:42,690 --> 00:01:47,680
Y lo que esto does-- este markup--
utilizamos las etiquetas en HTML y estos tags--

39
00:01:47,680 --> 00:01:51,600
este markup-- semánticamente
define la estructura de una página

40
00:01:51,600 --> 00:01:55,280
y hace que el texto sin formato que
existe entre las etiquetas deben interpretarse

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

42
00:01:57,320 --> 00:02:00,370
Y tal vez lo mejor es explicar
de esta manera por una ilustración.

43
00:02:00,370 --> 00:02:06,450
>> Aquí hay una página HTML muy simple, no
un programa de HTML, de nuevo, una página HTML.

44
00:02:06,450 --> 00:02:08,680
Y sabemos que es un
Página HTML porque hemos

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

46
00:02:11,480 --> 00:02:13,850
Así que esto es lo que una etiqueta HTML se parece.

47
00:02:13,850 --> 00:02:15,870
Es entre paréntesis angulares.

48
00:02:15,870 --> 00:02:18,570
Y note en la parte superior tenemos
HTML y en la parte inferior,

49
00:02:18,570 --> 00:02:21,400
después de que hemos hecho lo que es
al parecer un montón de otras HTML,

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

51
00:02:24,310 --> 00:02:29,262
Así que ese tipo de es el límite
entre lo que es HTML y qué no lo es.

52
00:02:29,262 --> 00:02:32,220
Y, por supuesto, convencionalmente, justo
como usted escribió todos sus programas en C

53
00:02:32,220 --> 00:02:35,300
con extensiones punto C,
todos sus archivos HTML

54
00:02:35,300 --> 00:02:37,909
terminará con extensiones HTML de punto.

55
00:02:37,909 --> 00:02:39,200
Pero hay más que hacer aquí.

56
00:02:39,200 --> 00:02:40,658
No sólo tenemos estas etiquetas HTML.

57
00:02:40,658 --> 00:02:44,010
Aparentemente Tenemos esta
Lo llamó una etiqueta cabeza.

58
00:02:44,010 --> 00:02:46,010
Bueno, está bien, ¿qué es eso?

59
00:02:46,010 --> 00:02:48,550
>> Bueno, tal vez lo mejor es
distinguir por medio de un cuerpo,

60
00:02:48,550 --> 00:02:50,590
cuerpo es el contenido de la página web.

61
00:02:50,590 --> 00:02:55,860
Así que tal vez la etiqueta de cabeza define cosas
que no está en la ventana del navegador propio,

62
00:02:55,860 --> 00:02:59,410
pero es de alguna manera importante en nuestro
página web está representando correctamente.

63
00:02:59,410 --> 00:03:02,490
Por ejemplo, en el interior de la
etiqueta de la cabeza que tienen etiquetas de título.

64
00:03:02,490 --> 00:03:05,500
>> Así título siendo hola mundo,
que en realidad va a ser lo

65
00:03:05,500 --> 00:03:08,797
aparece en la pestaña en Chrome
o en safari o Firefox--

66
00:03:08,797 --> 00:03:11,880
cualquier navegador que prefer-- eso es
lo que va a aparecer en el título.

67
00:03:11,880 --> 00:03:14,800
Y antes de pestañas que mostraría
en toda la ventana del navegador

68
00:03:14,800 --> 00:03:19,710
y sólo puede tener una página
abrirá en una ventana del navegador a la vez.

69
00:03:19,710 --> 00:03:22,160
Así que va a ser el
título de mi página en la pestaña

70
00:03:22,160 --> 00:03:24,600
o la barra de la ventana del navegador, hola mundo.

71
00:03:24,600 --> 00:03:28,611
Y a continuación, el contenido de mi
página web será mundo, hola.

72
00:03:28,611 --> 00:03:31,360
Así que echemos un vistazo a lo que algunos
cosa como esta podría ser similar.

73
00:03:31,360 --> 00:03:33,210
Esta es una página HTML muy simple.

74
00:03:33,210 --> 00:03:35,970
Así que estoy aquí en mi CS50 IDE y
He acercado un poco.

75
00:03:35,970 --> 00:03:38,290
Y yo sólo voy a
abrir hola punto HTML

76
00:03:38,290 --> 00:03:42,000
y demostrar que esto es más o menos
el contenido de la página que vimos antes.

77
00:03:42,000 --> 00:03:45,240
Mis simples etiquetas HTML, cabeza,
etiquetas de título, cuerpo, y así sucesivamente.

78
00:03:45,240 --> 00:03:47,320
He sangría estar limpio.

79
00:03:47,320 --> 00:03:51,530
>> Y entonces, ¿qué puedo hacer en mi
IDE es sólo una vista previa de la página.

80
00:03:51,530 --> 00:03:52,630
Y ahí vamos.

81
00:03:52,630 --> 00:03:56,070
El contenido de mi página es mundo,
hola, y no veo nada

82
00:03:56,070 --> 00:03:58,500
desde las etiquetas de la cabeza allí.

83
00:03:58,500 --> 00:03:59,980
Es sólo el contenido del cuerpo.

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

85
00:04:00,780 --> 00:04:03,700
Y de nuevo el cuerpo justo
Dicho esto, mundo, hola.

86
00:04:03,700 --> 00:04:06,160
La otra parte no se encuentra.

87
00:04:06,160 --> 00:04:07,610
>> Así que eso es realmente todo lo que es.

88
00:04:07,610 --> 00:04:11,370
Esta es una página HTML básico muy simple.

89
00:04:11,370 --> 00:04:14,280
Ahora he sangría mi HTML para
ser muy agradable y organizada,

90
00:04:14,280 --> 00:04:15,840
pero en realidad no es necesario.

91
00:04:15,840 --> 00:04:17,959
Yo podría hacer que se vea bastante feo.

92
00:04:17,959 --> 00:04:19,467
Y esto seguirá funcionando.

93
00:04:19,467 --> 00:04:21,050
Esta sería la misma página web exacta.

94
00:04:21,050 --> 00:04:23,100
Acabo de deshecho de
todo el espacio blanco.

95
00:04:23,100 --> 00:04:24,820
>> Como resultado, el espacio en blanco es de datos.

96
00:04:24,820 --> 00:04:28,540
Y así, cuando estamos enviando los datos de
emisor al receptor, desde el servidor

97
00:04:28,540 --> 00:04:30,670
al cliente, los datos cuesta dinero.

98
00:04:30,670 --> 00:04:34,460
Y así la eliminación de espacios en blanco
en realidad es una buena idea

99
00:04:34,460 --> 00:04:37,320
si usted es alguien que sirve
una gran cantidad de contenido web.

100
00:04:37,320 --> 00:04:39,820
Es una mala idea si usted es
alguien que está aprendiendo estas cosas

101
00:04:39,820 --> 00:04:41,528
y usted quiere tener
Está muy bien organizado.

102
00:04:41,528 --> 00:04:43,810
Esto es mucho más fácil de analizar que esto.

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

104
00:04:45,540 --> 00:04:48,720
>> La sangría y cosas por el estilo
no importa realmente en HTML.

105
00:04:48,720 --> 00:04:53,634
Lo que importa es las etiquetas de apertura y
cerrando las etiquetas en el orden correcto.

106
00:04:53,634 --> 00:04:55,050
Note lo que pasó aquí, sin embargo.

107
00:04:55,050 --> 00:04:58,450
El margen de beneficio nos da una manera de
comunicar información adicional

108
00:04:58,450 --> 00:04:59,940
acerca de lo que hemos escrito.

109
00:04:59,940 --> 00:05:03,130
La parte Hola, mundo era
interpretado como el título.

110
00:05:03,130 --> 00:05:06,410
Y el mundo, hola parte fue
interpretado como el contenido

111
00:05:06,410 --> 00:05:09,090
o lo que debería ser
visible en mi página web.

112
00:05:09,090 --> 00:05:12,167
>> Hay más de 100 de estos diferentes
etiquetas y un montón de grandes recursos

113
00:05:12,167 --> 00:05:13,000
en línea para encontrarlos.

114
00:05:13,000 --> 00:05:14,900
Vamos a hablar de un
algunos de ellos en este video, algunos

115
00:05:14,900 --> 00:05:16,440
de las cosas realmente fundamental.

116
00:05:16,440 --> 00:05:18,440
Pero no vamos hablar
sobre todo porque

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

118
00:05:20,250 --> 00:05:22,880
>> Otra cosa que puedes hacer, sin embargo,
es abrir las herramientas de desarrollo.

119
00:05:22,880 --> 00:05:26,069
Y si usted recuerda de
nuestro video en HTTP,

120
00:05:26,069 --> 00:05:27,860
Le expliqué cómo abrir
hasta herramientas para desarrolladores.

121
00:05:27,860 --> 00:05:32,020
En Chrome por lo general es la tecla F12
para abrir la barra de herramientas del desarrollador.

122
00:05:32,020 --> 00:05:35,909
Entonces, en lugar de elegir la Red
pestaña, puede elegir la ficha Elementos.

123
00:05:35,909 --> 00:05:37,700
Y si se carga una web
página, usted realmente

124
00:05:37,700 --> 00:05:40,280
ver el HTML que crea esa página web.

125
00:05:40,280 --> 00:05:44,090
Y así se puede aprender mucho sobre HTML
mirando a sus sitios web favoritos

126
00:05:44,090 --> 00:05:48,474
y ver cómo construyen la
varias piezas de los que os gusten.

127
00:05:48,474 --> 00:05:50,890
Así que tal vez no este fresco
patrón o algo por el estilo.

128
00:05:50,890 --> 00:05:52,140
¿Cómo lo hacen con HTML?

129
00:05:52,140 --> 00:05:55,630
Así que usted puede simplemente abrir su desarrollador
herramientas y se ciernen sobre ese elemento

130
00:05:55,630 --> 00:05:57,700
y ver exactamente lo que hace que sea HTML.

131
00:05:57,700 --> 00:05:59,450
Así que eso es una realidad
buena manera de aprender HTML,

132
00:05:59,450 --> 00:06:02,330
y recomiendo encarecidamente que
lo hace tanto para aprender HTML

133
00:06:02,330 --> 00:06:04,930
y también para aprender un poco
poco acerca de algunas de las opciones

134
00:06:04,930 --> 00:06:07,050
a su disposición en
herramientas de desarrollo, que

135
00:06:07,050 --> 00:06:10,200
sin duda muy útil como
de empezar a hacer la web más intensivo

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

137
00:06:11,090 --> 00:06:14,080
>> Así que echemos un vistazo a una
par de etiquetas HTML comunes.

138
00:06:14,080 --> 00:06:17,210
Y vamos a saltar y echar un vistazo a
lo que estas etiquetas también rendirán

139
00:06:17,210 --> 00:06:20,490
como mirando a algunos archivos en mi IDE.

140
00:06:20,490 --> 00:06:26,330
Así que aquí hay tres etiquetas muy básicos para
ajustar la apariencia visual de texto.

141
00:06:26,330 --> 00:06:29,050
Hay etiquetas B, etiquetas I y etiquetas U.

142
00:06:29,050 --> 00:06:33,170
Y, respectivamente, lo que hacen es
hacer que el texto entre en negrita,

143
00:06:33,170 --> 00:06:35,430
cursiva y subrayado.

144
00:06:35,430 --> 00:06:40,430
Así que vamos a ver lo que se vería
al igual que en una página web real en mi IDE.

145
00:06:40,430 --> 00:06:43,390
>> Así que aquí en mi IDE Tengo un
archivo llamado BIU punto HTML.

146
00:06:43,390 --> 00:06:46,770
BIU punto HTML sólo estar
negrita, cursiva, subrayado.

147
00:06:46,770 --> 00:06:47,830
Voy a abrir para arriba.

148
00:06:47,830 --> 00:06:51,810
>> Y veremos que aquí me
tener este texto es etiquetas B negrita.

149
00:06:51,810 --> 00:06:54,010
Este texto es etiquetas I cursiva.

150
00:06:54,010 --> 00:06:56,307
Y este texto es etiquetas U subrayados.

151
00:06:56,307 --> 00:06:57,640
¿Qué es esto va a parecer?

152
00:06:57,640 --> 00:06:59,473
Pues una vez más, todo lo que tengo
que hacer es ir por aquí

153
00:06:59,473 --> 00:07:04,690
a mi navegador, el navegador de archivos, haga clic en
Vista previa, y esto es lo que viene.

154
00:07:04,690 --> 00:07:07,520
>> El texto entre la B
etiquetas es de hecho ahora negrita.

155
00:07:07,520 --> 00:07:10,720
El texto de entre el I
etiquetas es de hecho ahora cursiva.

156
00:07:10,720 --> 00:07:14,634
Y el texto en U entre el
etiquetas está hecho ahora subrayado.

157
00:07:14,634 --> 00:07:15,550
Así que eso es bastante bueno.

158
00:07:15,550 --> 00:07:18,450
Ahora sabemos cómo hacer que el texto
mirar un poco más elegante

159
00:07:18,450 --> 00:07:20,360
o dibujar énfasis a ciertas cosas.

160
00:07:20,360 --> 00:07:25,530
Otro par de etiquetas comunes aquí son
etiquetas de párrafo, las etiquetas de P y de cabecera,

161
00:07:25,530 --> 00:07:27,980
que he traducido aquí como HX.

162
00:07:27,980 --> 00:07:32,520
>> Estas etiquetas P, estas etiquetas de párrafo,
romper el texto en párrafos.

163
00:07:32,520 --> 00:07:34,646
No es suficiente con sólo
pulse Enter y dejar espacios,

164
00:07:34,646 --> 00:07:37,186
debido a que un equipo sólo se va
para hacer lo que usted le dice que lo haga

165
00:07:37,186 --> 00:07:39,450
e ignora blanco
espacio en su mayor parte.

166
00:07:39,450 --> 00:07:41,636
Así que no podemos simplemente pulse Enter
y esperar que nuestro ordenador

167
00:07:41,636 --> 00:07:43,760
interpretar que queremos
para comenzar un nuevo párrafo.

168
00:07:43,760 --> 00:07:47,670
Tenemos que decir muy explícitamente esta
es uno paragraph-- esto es another--

169
00:07:47,670 --> 00:07:50,740
encerrando cada uno en un conjunto de etiquetas P.

170
00:07:50,740 --> 00:07:54,560
>> Y también tenemos estas opciones
para las etiquetas H, estas etiquetas de cabecera.

171
00:07:54,560 --> 00:07:57,000
Tenemos seis niveles diferentes
de cabeceras, uno, dos, tres,

172
00:07:57,000 --> 00:08:01,110
cuatro, cinco y seis, que son
progresivamente más y más grande

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

174
00:08:01,710 --> 00:08:04,360
Y ellos se hacen más pequeños y
más y más pequeños y más pequeños.

175
00:08:04,360 --> 00:08:07,690
Así que tenemos un encabezado de nivel superior, un segundo
cabecera del nivel, y así sucesivamente, y así sucesivamente.

176
00:08:07,690 --> 00:08:10,480
>> Echemos un vistazo a algunos tal vez
Etiquetas P y algunas etiquetas de cabecera

177
00:08:10,480 --> 00:08:13,110
en la acción en una página web.

178
00:08:13,110 --> 00:08:18,180
Así que aquí en mi IDE Tengo un archivo llamado
PH HTML punto, PH siendo párrafos

179
00:08:18,180 --> 00:08:18,970
y las etiquetas de cabecera.

180
00:08:18,970 --> 00:08:20,709
Abra eso.

181
00:08:20,709 --> 00:08:23,000
Hay mucho que hacer aquí
porque me he puesto un poco de lorem

182
00:08:23,000 --> 00:08:24,660
ipsum, algún texto simplemente al azar aquí.

183
00:08:24,660 --> 00:08:27,284
Así que voy a alejar el zoom un poco
porque hay tantas cosas que pasan.

184
00:08:27,284 --> 00:08:31,980
Pero fíjate que tengo en el mismo
arriba aquí tengo una H1, un nivel uno,

185
00:08:31,980 --> 00:08:32,802
etiqueta de cabecera.

186
00:08:32,802 --> 00:08:36,010
Entonces tengo un párrafo, que es justo
un montón de lorem texto-- aleatoria ipsum--

187
00:08:36,010 --> 00:08:38,720
solo defecto de llenado estándar en texto.

188
00:08:38,720 --> 00:08:41,970
Así que tengo dos párrafos dentro de ese
un nivel de cabecera y luego hacia abajo por debajo de I

189
00:08:41,970 --> 00:08:46,850
tener un nivel dos encabezado aquí en la línea 24,
una segunda cabecera de nivel, y otros dos

190
00:08:46,850 --> 00:08:47,840
párrafos.

191
00:08:47,840 --> 00:08:51,910
Bueno, ¿qué se parece esto
si yo lo veo en mi vista previa?

192
00:08:51,910 --> 00:08:53,790
Vamos a ver.

193
00:08:53,790 --> 00:08:55,730
>> Así notar que la
encabezado primer nivel aquí

194
00:08:55,730 --> 00:08:58,420
en realidad es un poco más grande
que el segundo nivel de cabecera.

195
00:08:58,420 --> 00:08:59,940
Así que usamos etiquetas H1.

196
00:08:59,940 --> 00:09:03,820
Y advierten que las etiquetas P nos permiten
para romper las cosas en párrafos.

197
00:09:03,820 --> 00:09:07,500
Si hubiéramos librado de esas etiquetas P
y en realidad sólo hay que poner Entra o Devoluciones

198
00:09:07,500 --> 00:09:10,110
en medio de lo que esperaba
ser los diferentes párrafos,

199
00:09:10,110 --> 00:09:13,193
todos ellos se acaba de golpear juntos y
no tendría este párrafo agradable

200
00:09:13,193 --> 00:09:15,840
separación con el espacio encima y por debajo.

201
00:09:15,840 --> 00:09:18,300
Y eso es lo que el párrafo
las etiquetas y las etiquetas de cabecera

202
00:09:18,300 --> 00:09:22,440
se utilizan comúnmente para hacer para dibujar
atención a partes de nuestra página Web

203
00:09:22,440 --> 00:09:23,550
de esa manera.

204
00:09:23,550 --> 00:09:27,560
>> Lo siguiente son algunas de las etiquetas que utilizamos
para construir listas en nuestra página web.

205
00:09:27,560 --> 00:09:30,820
Así que tenemos desordenada
lists-- ULs-- que son sólo

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

207
00:09:34,090 --> 00:09:37,680
OLs-- y en el interior de cualquiera
uno de los que tenemos que tener

208
00:09:37,680 --> 00:09:40,600
conjuntos de la forma de indicar los elementos de lista, LI.

209
00:09:40,600 --> 00:09:44,370
Y así tenemos abierta la etiqueta UL
y ponemos elementos en el interior de la misma.

210
00:09:44,370 --> 00:09:46,920
Y luego, cuando hemos terminado con
que, podemos cerrar la etiqueta de UL.

211
00:09:46,920 --> 00:09:49,850
>> Y del mismo modo que podamos tener
una lista ordenada o numerada

212
00:09:49,850 --> 00:09:51,560
y poner los elementos de lista dentro de ese.

213
00:09:51,560 --> 00:09:53,350
Así que vamos a echar un vistazo
en un par de listas

214
00:09:53,350 --> 00:09:57,230
y lo que lo harían
render como el IDE CS50.

215
00:09:57,230 --> 00:10:00,640
Así que tengo aquí en mi IDE un
archivos llamados listas salpican HTML.

216
00:10:00,640 --> 00:10:03,100
Echemos un vistazo.

217
00:10:03,100 --> 00:10:08,482
>> Y fíjense aquí tengo una desordenada
una lista con las cinco cosas en él.

218
00:10:08,482 --> 00:10:11,440
Y luego tengo una lista ordenada y
He cambiado la etiqueta un poco,

219
00:10:11,440 --> 00:10:11,939
¿derecho?

220
00:10:11,939 --> 00:10:13,152
Lo he dicho principio es igual a seis.

221
00:10:13,152 --> 00:10:16,110
Resulta que con una lista ordenada I
puede establecer el punto de partida donde quiera

222
00:10:16,110 --> 00:10:20,130
Yo want-- por defecto será uno--
con sólo añadir este atributo llamado

223
00:10:20,130 --> 00:10:21,190
a mi etiqueta OL.

224
00:10:21,190 --> 00:10:23,572
Y así esta lista
empezar a contar a las seis.

225
00:10:23,572 --> 00:10:26,780
Así que los elementos de esa lista numerada
debe ser de seis, siete, ocho, nueve, diez,

226
00:10:26,780 --> 00:10:29,930
porque hay cinco elementos
en la lista, en contraposición a uno,

227
00:10:29,930 --> 00:10:33,770
dos, tres, cuatro, cinco, que
sería el caso si hubiera dicho OL

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

229
00:10:36,730 --> 00:10:41,594
>> Así que tendremos Ver este para que pueda
tener una idea de lo que está pasando aquí.

230
00:10:41,594 --> 00:10:42,260
Y ahí vamos.

231
00:10:42,260 --> 00:10:44,610
Ahí está mi lista.

232
00:10:44,610 --> 00:10:47,810
Los primeros cinco elementos son
listas desordenadas o con viñetas.

233
00:10:47,810 --> 00:10:51,010
Y los próximos cinco elementos
son una lista ordenada por separado

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

235
00:10:52,980 --> 00:10:56,247
Así que esa es la forma en que puede
crear listas utilizando HTML.

236
00:10:56,247 --> 00:10:58,080
Otra cosa que podría
querer hacer con HTML

237
00:10:58,080 --> 00:11:01,520
es construir una tabla de
información de filas y columnas

238
00:11:01,520 --> 00:11:04,560
para presentar la información de una
especialmente organizada camino.

239
00:11:04,560 --> 00:11:09,110
Para hacer esto con HTML podemos tener una
definición de la tabla que comienza paréntesis abierto

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

241
00:11:10,160 --> 00:11:14,680
Y luego en el interior de esa mesa que
podría tener un conjunto de filas, etiquetas TR

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

243
00:11:15,980 --> 00:11:22,510
Y entonces las etiquetas TD van dentro de las etiquetas TR
para especificar una columna dentro de una fila.

244
00:11:22,510 --> 00:11:24,340
>> Por qué se llama TD y no tc?

245
00:11:24,340 --> 00:11:25,940
Bueno, TD significa datos de la tabla.

246
00:11:25,940 --> 00:11:27,900
Por lo general, usted está poniendo
su información allí.

247
00:11:27,900 --> 00:11:29,440
Así que por eso es TD y no TC.

248
00:11:29,440 --> 00:11:31,140
Es un poco confuso.

249
00:11:31,140 --> 00:11:33,720
>> Por lo que tiene etiquetas de tabla y
dentro de sus etiquetas de mesa

250
00:11:33,720 --> 00:11:35,600
usted tiene un número de filas, TRS.

251
00:11:35,600 --> 00:11:40,030
Y dentro de cada fila tiene
TDS para el número de columnas

252
00:11:40,030 --> 00:11:42,880
que usted quiere tener
en esa fila en particular.

253
00:11:42,880 --> 00:11:47,730
Echemos un vistazo a una muy
tabla simple más en IDE CS50.

254
00:11:47,730 --> 00:11:49,730
>> Así que tengo aquí un archivo
llamada tabla de puntos HTML.

255
00:11:49,730 --> 00:11:53,390
Vamos a echar un vistazo a
lo que parece.

256
00:11:53,390 --> 00:11:56,225
Hay mucho que hacer aquí, pero
si usted nota que tengo una tabla abierta.

257
00:11:56,225 --> 00:11:57,850
Estoy empezando la definición con mesa.

258
00:11:57,850 --> 00:12:02,100
Y luego, en mi primera fila que aparentemente
tener cuatro columnas, uno, dos, tres,

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

260
00:12:02,660 --> 00:12:04,290
Y luego he terminado con esa fila.

261
00:12:04,290 --> 00:12:07,750
>> Entonces empiezo otra fila y
hacer dos, cuatro, seis, ocho.

262
00:12:07,750 --> 00:12:08,850
Termine esa fila.

263
00:12:08,850 --> 00:12:11,410
Hacer otra fila, tres, seis, nueve, 12.

264
00:12:11,410 --> 00:12:14,830
Y luego una última fila, cuatro,
ocho, 12, y aunque es

265
00:12:14,830 --> 00:12:16,560
un poco cortada aquí, 16.

266
00:12:16,560 --> 00:12:17,710
>> Terminé esa fila.

267
00:12:17,710 --> 00:12:18,970
Terminé la tabla.

268
00:12:18,970 --> 00:12:21,430
Y luego he terminado con mi HTML.

269
00:12:21,430 --> 00:12:22,590
Lo que parece esto?

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

271
00:12:26,014 --> 00:12:27,430
Bueno, en realidad no es mucho que ver.

272
00:12:27,430 --> 00:12:31,690
He organizado claramente mi información
de una manera un poco más organizado.

273
00:12:31,690 --> 00:12:33,755
Pero no es muy bonito aquí.

274
00:12:33,755 --> 00:12:36,130
Y vamos a hacer frente a
que cuando hablamos de CSS.

275
00:12:36,130 --> 00:12:38,930
Volveremos a esta idea de
lo que hacemos para hacer una table--

276
00:12:38,930 --> 00:12:41,260
quizá formatearlo un poco mejor?

277
00:12:41,260 --> 00:12:45,070
Pero yo todavía tengo cuatro filas,
cada uno de los cuales tiene cuatro columnas,

278
00:12:45,070 --> 00:12:48,890
y realmente lo que esto significa es un
muy simple de cuatro por cuatro multiplicación

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

280
00:12:49,870 --> 00:12:51,690
>> A pocos etiquetas más vamos a hablar.

281
00:12:51,690 --> 00:12:54,617
Vamos a hablar de la
concepto de un formulario HTML.

282
00:12:54,617 --> 00:12:57,450
Así que usted pudo haber visto esto en el
contexto de la sesión en una página web.

283
00:12:57,450 --> 00:12:59,100
Por lo general, se escribe su nombre de usuario.

284
00:12:59,100 --> 00:13:01,510
Usted escribe en su contraseña,
y ya está bueno para ir.

285
00:13:01,510 --> 00:13:04,170
Ese sería el comienzo de un formulario.

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

287
00:13:05,420 --> 00:13:07,987
También tenemos entradas que
tipo de encajar dentro de las formas.

288
00:13:07,987 --> 00:13:10,320
Estos son los elementos que
en realidad estás escribiendo en,

289
00:13:10,320 --> 00:13:12,580
o los botones de radio que son
marcando, o el cheque

290
00:13:12,580 --> 00:13:14,310
cajas que está marcando.

291
00:13:14,310 --> 00:13:15,770
Así que estos van dentro de las formas.

292
00:13:15,770 --> 00:13:18,500
Y ellos comprenden básicamente
cada fila de la forma

293
00:13:18,500 --> 00:13:19,887
si el formulario se formatea así.

294
00:13:19,887 --> 00:13:22,220
Luego está este concepto de
un div, que en realidad no

295
00:13:22,220 --> 00:13:25,060
caber en cualquier categoría particular
de etiquetas como las que he

296
00:13:25,060 --> 00:13:26,170
estado haciendo previamente.

297
00:13:26,170 --> 00:13:29,790
Es sólo una especie de demarca la
a partir de algunas division-- arbitraria

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

299
00:13:31,670 --> 00:13:33,210
No hay descanso visual.

300
00:13:33,210 --> 00:13:34,800
No hay una línea.

301
00:13:34,800 --> 00:13:37,180
No es partió como
trozo separado automáticamente.

302
00:13:37,180 --> 00:13:39,430
Tendrías que diseñarlo
que manera de hacer eso.

303
00:13:39,430 --> 00:13:42,110
>> Es sólo una especie de dice quiero una
pedazo de espacio en mi página web,

304
00:13:42,110 --> 00:13:45,190
y yo sólo voy a llamar
que esta división de mi página.

305
00:13:45,190 --> 00:13:47,619
Podemos poner cosas dentro
de divs, y de hecho,

306
00:13:47,619 --> 00:13:49,410
cuando nos dirigimos a
IDE en un segundo, vamos a

307
00:13:49,410 --> 00:13:53,760
veo que me estoy poniendo mi
formar dentro de un div.

308
00:13:53,760 --> 00:13:57,050
>> Así que tengo aquí en mi IDE un
archivo llamado div forma de puntos HTML.

309
00:13:57,050 --> 00:13:59,260
Vamos a abrir para arriba.

310
00:13:59,260 --> 00:14:01,460
Tenga en cuenta que, como he dicho,
div es un poco arbitraria.

311
00:14:01,460 --> 00:14:01,640
¿Correcto?

312
00:14:01,640 --> 00:14:02,973
En realidad no significa nada.

313
00:14:02,973 --> 00:14:05,140
Así que tengo una arbitraria
primera división de mi página.

314
00:14:05,140 --> 00:14:07,848
Y entonces, en lugar de otro div
más tarde, a partir de la línea de ocho,

315
00:14:07,848 --> 00:14:08,730
Tengo este formulario.

316
00:14:08,730 --> 00:14:13,594
Y en el interior de la forma que tengo una
número de entradas, los campos del formulario.

317
00:14:13,594 --> 00:14:16,510
Así que tengo un campo cuyo nombre es A--
que en realidad no significa nada

318
00:14:16,510 --> 00:14:19,350
ahora-- derecho que aparentemente
toma de texto, otra que

319
00:14:19,350 --> 00:14:22,630
tiene una contraseña, otro que es una radio
botón, otro que es una casilla de verificación,

320
00:14:22,630 --> 00:14:24,797
y otra que es un botón Enviar.

321
00:14:24,797 --> 00:14:26,630
Bueno, lo que hace este
toda realidad parece?

322
00:14:26,630 --> 00:14:27,629
Bueno, vamos a echar un vistazo.

323
00:14:27,629 --> 00:14:31,010
Abriremos para arriba en la ventana de vista previa.

324
00:14:31,010 --> 00:14:33,557
Nótese que esta arbitraria
primero division-- hay

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

326
00:14:34,640 --> 00:14:37,150
En realidad no hace nada, ¿verdad?

327
00:14:37,150 --> 00:14:38,220
>> Y luego tengo mi forma.

328
00:14:38,220 --> 00:14:39,890
Y yo no hice ningún formato especial.

329
00:14:39,890 --> 00:14:42,680
Así que la forma es sólo uno
gran fila de información.

330
00:14:42,680 --> 00:14:46,424
Si hubiera formateado mi forma diferente,
Puede que tenga línea por línea por línea.

331
00:14:46,424 --> 00:14:47,590
Pero yo no hice ningún estilo.

332
00:14:47,590 --> 00:14:49,256
Una vez más, no estamos hablando de CSS aquí.

333
00:14:49,256 --> 00:14:51,030
Estamos hablando de HTML.

334
00:14:51,030 --> 00:14:53,980
>> Bueno, en mi forma de texto puedo type--
recordar que las formas de tipo texto

335
00:14:53,980 --> 00:14:55,480
así que puedo poner mi nombre.

336
00:14:55,480 --> 00:14:57,330
Y en mi password
puede escribir mi contraseña.

337
00:14:57,330 --> 00:14:59,740
Y debido a que el campo
es de tipo contraseña,

338
00:14:59,740 --> 00:15:01,470
usted no sabe lo que mi contraseña es.

339
00:15:01,470 --> 00:15:02,800
Es todos los puntos.

340
00:15:02,800 --> 00:15:09,140
>> También puedo optar por marcar la casilla correspondiente a
botón de opción o una casilla de verificación marcar la casilla correspondiente.

341
00:15:09,140 --> 00:15:10,420
O podría presentar mi formulario.

342
00:15:10,420 --> 00:15:11,810
Y yo no hice nada,
así que cuando me someto mi forma,

343
00:15:11,810 --> 00:15:13,090
la página se actualiza.

344
00:15:13,090 --> 00:15:16,970
Pero podría quizá configurar mi
Botón Enviar para hacer otra cosa.

345
00:15:16,970 --> 00:15:20,410
Y veremos lo que podemos hacer con
que en un futuro video en PHP.

346
00:15:20,410 --> 00:15:22,520
Pero esto construye una muy
sencillo formulario que

347
00:15:22,520 --> 00:15:27,360
puede utilizar para hacer que los usuarios interactúan y
presentar información en nuestro sitio web.

348
00:15:27,360 --> 00:15:29,620
>> Un último comentario antes de que
pasar a otras etiquetas

349
00:15:29,620 --> 00:15:32,040
han de echar un vistazo a esta
etiqueta de entrada una vez más.

350
00:15:32,040 --> 00:15:35,760
Tenga en cuenta que me he destacado
los extremos de la etiqueta en rojo.

351
00:15:35,760 --> 00:15:39,390
Cada otra etiqueta que hemos visto hasta ahora tiene
tuvo un principio y un final, una abertura

352
00:15:39,390 --> 00:15:41,030
etiqueta y una etiqueta de cierre.

353
00:15:41,030 --> 00:15:42,520
>> Pero una etiqueta de entrada no lo hace.

354
00:15:42,520 --> 00:15:46,860
No hay texto que va
en medio de las etiquetas de entrada.

355
00:15:46,860 --> 00:15:49,160
Toda la información
estamos con la intención de transmitir

356
00:15:49,160 --> 00:15:52,640
está ligado como parte de la
atributos de esa entrada.

357
00:15:52,640 --> 00:15:54,690
Observe que tenemos nombre de entrada es igual a x.

358
00:15:54,690 --> 00:15:55,580
Tipo es igual a y.

359
00:15:55,580 --> 00:15:57,660
Eso es realmente todo el
información que necesitamos.

360
00:15:57,660 --> 00:15:59,470
>> Esto se llama una etiqueta de cierre automático.

361
00:15:59,470 --> 00:16:02,470
No requiere una abertura y una
cerca, porque toda la información

362
00:16:02,470 --> 00:16:04,974
está contenido dentro de la
etiqueta y sus atributos.

363
00:16:04,974 --> 00:16:06,390
Así que a veces usted verá esto, también.

364
00:16:06,390 --> 00:16:10,400
Así que ten en cuenta que si usted tiene un
etiqueta que es totalmente autónomo,

365
00:16:10,400 --> 00:16:14,170
se abre y se cierra con
el soporte de ángulo abierto de la izquierda

366
00:16:14,170 --> 00:16:17,000
y el ángulo de barra
soporte a la derecha.

367
00:16:17,000 --> 00:16:20,580
Vamos a ver otro de esos
en este momento con las etiquetas de imagen también.

368
00:16:20,580 --> 00:16:23,300
>> Antes de hablar de las imágenes, nos
necesita hablar acerca de los hipervínculos.

369
00:16:23,300 --> 00:16:26,080
Si queremos que nuestra página web sea
interactiva y nos moverse,

370
00:16:26,080 --> 00:16:28,121
sería bueno poder
hacer clic en uno de los

371
00:16:28,121 --> 00:16:30,190
lo que ha sido típicamente un enlace azul.

372
00:16:30,190 --> 00:16:34,440
Esto es en realidad la forma en que construimos
un hipervínculo en nuestra página web.

373
00:16:34,440 --> 00:16:36,540
Y curiosamente
hay otra etiqueta HTML

374
00:16:36,540 --> 00:16:39,000
llamado enlace, que no es un hipervínculo.

375
00:16:39,000 --> 00:16:44,130
A aquí es sinónimo de ancla, y
así es como indicamos un hipervínculo.

376
00:16:44,130 --> 00:16:49,150
>> A es igual a href medios van a x
página Web X. Y todo

377
00:16:49,150 --> 00:16:51,580
entre la abierta Una etiqueta
y la estrecha Una etiqueta

378
00:16:51,580 --> 00:16:56,010
es lo que va a ser que subrayaron
texto azul que se parece a un enlace

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

380
00:16:57,590 --> 00:17:01,660
Debajo de eso tenemos una etiqueta de imagen, que
es un auto cerrando etiqueta para mostrar

381
00:17:01,660 --> 00:17:05,599
una imagen situada en X. Y
es posible que pueda cambiar

382
00:17:05,599 --> 00:17:08,280
esa imagen especificando
anchura y altura

383
00:17:08,280 --> 00:17:11,640
y otros atributos en
que dot dot dot allí.

384
00:17:11,640 --> 00:17:14,260
>> En la parte inferior aquí
tenemos una muy interesante

385
00:17:14,260 --> 00:17:16,170
mirando la etiqueta de que no lo hace
tener una etiqueta de cierre.

386
00:17:16,170 --> 00:17:19,410
Es la exclamación HTML punto de tipo de documento.

387
00:17:19,410 --> 00:17:23,300
Así HTML ha estado presente desde el
principios de 1990 para la creación de páginas web,

388
00:17:23,300 --> 00:17:25,859
y que se ha ido sufrido
varias revisiones desde entonces.

389
00:17:25,859 --> 00:17:28,550
Más recientemente, en 2014
se sometió a una revisión

390
00:17:28,550 --> 00:17:33,440
llamado HTML5 que es ahora la corriente
especie de estándar de facto HTML.

391
00:17:33,440 --> 00:17:36,730
>> Para indicar que nuestra web
páginas se escriben utilizando HTML5,

392
00:17:36,730 --> 00:17:38,160
así es como comenzamos.

393
00:17:38,160 --> 00:17:40,380
Se puede omitir pero
lo que, básicamente,

394
00:17:40,380 --> 00:17:45,930
medios es que no se puede utilizar cualquiera de las etiquetas
que son las etiquetas HTML5, esas nuevas etiquetas.

395
00:17:45,930 --> 00:17:48,591
Así que siempre empezamos
si estamos usando HTML5.

396
00:17:48,591 --> 00:17:51,340
Y todas las etiquetas que nos han hablado de
anteriormente no son etiquetas HTML5.

397
00:17:51,340 --> 00:17:55,470
Pero esto indicaría que
Etiquetas HTML5 estarán presentes.

398
00:17:55,470 --> 00:17:58,400
Y así tenemos la exclamación
HTML tipo de documento, que

399
00:17:58,400 --> 00:18:01,280
que está en el comienzo mismo de nuestra
Archivo HTML, y luego después de ese punto

400
00:18:01,280 --> 00:18:04,930
en realidad tenemos abierta nuestra HTML
etiquetar y proceder desde allí.

401
00:18:04,930 --> 00:18:10,050
>> La última es una etiqueta de comentario,
que se ve un poco diferente, también.

402
00:18:10,050 --> 00:18:12,810
Comienza con ángulo
soporte de exclamación tablero

403
00:18:12,810 --> 00:18:15,220
tablero, pero no corchete de cierre.

404
00:18:15,220 --> 00:18:20,150
Entre estos dos elementos allí
es donde usted escribe sus comentarios.

405
00:18:20,150 --> 00:18:28,420
Y vamos a echar un vistazo a las imágenes
y los comentarios y enlaces en el IDE CS50.

406
00:18:28,420 --> 00:18:32,850
>> Así que tengo aquí un enlace de imagen archivo llamado
dot HTML que voy a abrir.

407
00:18:32,850 --> 00:18:36,420
Y fíjense que tengo un par de
comenta aquí en mis comentarios HTML.

408
00:18:36,420 --> 00:18:38,990
Así que al igual que en C y otra
lenguajes de programación,

409
00:18:38,990 --> 00:18:43,169
HTML sólo por ser un lenguaje de marcas
no tienen la capacidad de tener comentarios.

410
00:18:43,169 --> 00:18:45,710
Y así que estoy al parecer va a
colocar una foto de Rick Astley

411
00:18:45,710 --> 00:18:49,060
en algún lugar entre este div
etiqueta, esta división arbitraria.

412
00:18:49,060 --> 00:18:51,497
Al parecer, ese archivo es
ubicado en Rick punto JPEG, que

413
00:18:51,497 --> 00:18:53,580
si nos dirigimos de nuevo a
mi árbol de archivos por un segundo,

414
00:18:53,580 --> 00:18:55,490
es un archivo que existe en
el directorio actual.

415
00:18:55,490 --> 00:18:56,031
Así que eso está bien.

416
00:18:56,031 --> 00:18:57,710
Puedo hacer referencia a ella.

417
00:18:57,710 --> 00:18:59,680
>> Entonces puedo tener enlaces internos.

418
00:18:59,680 --> 00:19:05,080
Así que notar en la línea 11 aquí
mi href es hola HTML punto.

419
00:19:05,080 --> 00:19:09,050
Así que simplemente se refiere a hola punto HTML
que existe en el directorio actual.

420
00:19:09,050 --> 00:19:12,980
Y también puedo tener externa
enlaces por simplemente especificando HTTPS

421
00:19:12,980 --> 00:19:16,180
para indicar que no estoy hablando
sobre un archivo en mi directorio actual.

422
00:19:16,180 --> 00:19:19,730
Estoy hablando de un archivo que existe
en algún lugar de internet, lo que tengo

423
00:19:19,730 --> 00:19:23,370
para solicitar utilizando el protocolo HTTP.

424
00:19:23,370 --> 00:19:25,990
>> Así que echemos un vistazo a lo
esta página podría ser similar

425
00:19:25,990 --> 00:19:29,500
y se preparan para una foto de Rick
Astley en aparecer en la pantalla.

426
00:19:29,500 --> 00:19:31,490
Así que voy a Ver este.

427
00:19:31,490 --> 00:19:33,800
Hay Rick Astley en el
muy alto en esta arbitraria

428
00:19:33,800 --> 00:19:35,008
división que lo puse en la parte superior.

429
00:19:35,008 --> 00:19:36,960
Y luego por debajo de I
tengo mis vínculos, ¿verdad?

430
00:19:36,960 --> 00:19:39,330
>> Tengo un enlace a hola HTML punto.

431
00:19:39,330 --> 00:19:42,860
Y si hago clic en eso, me pongo
movido hacia esta página

432
00:19:42,860 --> 00:19:47,050
que estamos muy familiarizados con de
el principio de nuestro programa.

433
00:19:47,050 --> 00:19:50,880
Si hago estallar esa página abierta de nuevo, si
pop enlace de imagen abre una vez más,

434
00:19:50,880 --> 00:19:54,420
También puedo ir externamente
el sitio web del CS50.

435
00:19:54,420 --> 00:19:56,740
Y allí nos ver-- voy
alejar un poco aquí--

436
00:19:56,740 --> 00:20:00,260
vamos a ver el sitio web del CS50 tipo de
incrustado en el medio de nuestra página.

437
00:20:00,260 --> 00:20:04,670
Así que tuve la oportunidad de hacer una interna
vincular, así como un enlace externo.

438
00:20:04,670 --> 00:20:07,200
>> La última regla con HTML que
vamos a hablar aquí

439
00:20:07,200 --> 00:20:09,510
es que el código HTML debe estar bien formado.

440
00:20:09,510 --> 00:20:13,020
En C hablamos mucho acerca de
las diversas sintaxis de las cosas.

441
00:20:13,020 --> 00:20:17,650
En la sintaxis HTML realmente
gira en torno a las etiquetas.

442
00:20:17,650 --> 00:20:19,660
Cada etiqueta se abre necesita ser cerrado.

443
00:20:19,660 --> 00:20:22,630
Y, de hecho, todas las etiquetas que abra
debe ser cerrado en el orden inverso.

444
00:20:22,630 --> 00:20:25,790
>> Así que si usted abre una etiqueta en negrita, cursiva un
etiqueta, y luego una etiqueta subrayado

445
00:20:25,790 --> 00:20:28,120
para hacer los tres a un
en particular conjunto de texto,

446
00:20:28,120 --> 00:20:30,070
usted debe cerrarlas en orden inverso.

447
00:20:30,070 --> 00:20:32,270
Así que si usted abrió negrita,
cursiva, subrayado, que

448
00:20:32,270 --> 00:20:35,240
quiero cerrar subrayado, cursiva, negrita.

449
00:20:35,240 --> 00:20:39,990
Este tipo de encapsulación es lo
mantiene HTML agradable y organizada.

450
00:20:39,990 --> 00:20:44,370
>> A diferencia de C, sin embargo, los errores de sintaxis no lo hará
realmente paralizar su HTML posiblemente.

451
00:20:44,370 --> 00:20:48,730
Tu HTML puede ser no muy bien
formada pero que todavía funcionan.

452
00:20:48,730 --> 00:20:50,589
Y así estos errores
puede ordenar de diapositivas.

453
00:20:50,589 --> 00:20:52,130
Todo depende de usted para ser muy vigilantes.

454
00:20:52,130 --> 00:20:54,760
A veces fallarán pero
a veces se puede salir con la suya.

455
00:20:54,760 --> 00:20:56,509
>> Puede ser una realidad
tarea difícil, sin embargo,

456
00:20:56,509 --> 00:21:00,660
no perder de vista al abrir
una etiqueta, cuando se cerró,

457
00:21:00,660 --> 00:21:04,110
sobre todo porque el código HTML
archivos se hacen más grandes y más grandes.

458
00:21:04,110 --> 00:21:05,490
Usted querrá un poco de ayuda.

459
00:21:05,490 --> 00:21:07,560
Y hay en línea
herramientas de validación que

460
00:21:07,560 --> 00:21:11,474
puede utilizar para echar un vistazo a su página
página y ver si es así HTML formado.

461
00:21:11,474 --> 00:21:13,390
Y usted debe definitivamente
echar un vistazo a los

462
00:21:13,390 --> 00:21:16,620
y empezar a utilizarlos como usted
empezar a hacer algo de trabajo con HTML,

463
00:21:16,620 --> 00:21:20,800
escribir HTML, simplemente para que pueda obtener
algunos buenos hábitos sobre la organización

464
00:21:20,800 --> 00:21:24,377
el código HTML en el buen sentido y
buen estilo y asegurarse

465
00:21:24,377 --> 00:21:27,210
que usted no está haciendo nada que
podría crear un error de sintaxis que

466
00:21:27,210 --> 00:21:30,270
le haría un poco de
un problema en el camino.

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

468
00:21:31,190 --> 00:21:33,450
Esto es CS50.

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