[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:00.19,0:00:02.68,Default,,0000,0000,0000,,Los enlaces son una gran manera de conectar
Dialogue: 0,0:00:02.68,0:00:04.74,Default,,0000,0000,0000,,una página web con otra página web.
Dialogue: 0,0:00:04.74,0:00:07.24,Default,,0000,0000,0000,,Pero también pueden conectar una parte de una página web
Dialogue: 0,0:00:07.24,0:00:09.49,Default,,0000,0000,0000,,con otra parte de la misma página web,
Dialogue: 0,0:00:09.49,0:00:13.88,Default,,0000,0000,0000,,especialmente en páginas web muy largas, como para una tabla de contenidos.
Dialogue: 0,0:00:13.88,0:00:16.88,Default,,0000,0000,0000,,He añadido mucha información a esta página,
Dialogue: 0,0:00:16.88,0:00:19.50,Default,,0000,0000,0000,,así que puedo darles información sobre la historia de la web,
Dialogue: 0,0:00:19.50,0:00:22.05,Default,,0000,0000,0000,,y las historia de las versiones de HTML.
Dialogue: 0,0:00:22.05,0:00:26.26,Default,,0000,0000,0000,,Pienso que toda esta información merece el uso de una tabla de contenidos.
Dialogue: 0,0:00:26.26,0:00:29.42,Default,,0000,0000,0000,,Y ya empecé una aquí, sólo es una lista desordenada,
Dialogue: 0,0:00:29.42,0:00:32.90,Default,,0000,0000,0000,,con una lista de elementos de cada uno de los títulos de las secciones.
Dialogue: 0,0:00:32.90,0:00:35.52,Default,,0000,0000,0000,,Y quiero enlazar cada uno de esos títulos de las secciones,
Dialogue: 0,0:00:35.52,0:00:38.65,Default,,0000,0000,0000,,de manera que cuando presionen el ratón en alguno de ellos, vayan a la parte de la página que corresponde.
Dialogue: 0,0:00:38.65,0:00:41.70,Default,,0000,0000,0000,,Para hacer eso, voy a usar otra vez la etiqueta "a",
Dialogue: 0,0:00:41.70,0:00:44.95,Default,,0000,0000,0000,,así que empezaré por poner este título
Dialogue: 0,0:00:44.95,0:00:48.65,Default,,0000,0000,0000,,dentro del inicio y fin de la etiqueta "a".
Dialogue: 0,0:00:48.65,0:00:54.85,Default,,0000,0000,0000,,Ahora, ¿qué debe ir en "href" de este enlace?
Dialogue: 0,0:00:54.85,0:00:57.81,Default,,0000,0000,0000,,Bueno, debemos decirle al navegador de alguna manera
Dialogue: 0,0:00:57.81,0:01:00.07,Default,,0000,0000,0000,,hacia dónde debe saltar en la página web.
Dialogue: 0,0:01:00.07,0:01:03.49,Default,,0000,0000,0000,,Alguna manera de identificar de forma única esa parte de la página.
Dialogue: 0,0:01:03.49,0:01:06.34,Default,,0000,0000,0000,,Si ya has aprendido de selectores de CSS,
Dialogue: 0,0:01:06.34,0:01:09.36,Default,,0000,0000,0000,,de hecho has visto cómo hacer esto.
Dialogue: 0,0:01:09.36,0:01:13.94,Default,,0000,0000,0000,,Podemos hacerlo añadiendo un atributo "id" a la etiqueta.
Dialogue: 0,0:01:13.94,0:01:18.78,Default,,0000,0000,0000,,Vamos a desplazarnos hacia abajo y encontrar el encabezado.
Dialogue: 0,0:01:18.78,0:01:22.93,Default,,0000,0000,0000,,Y vamos a poner el atributo "id" a este encabezado.
Dialogue: 0,0:01:22.93,0:01:25.37,Default,,0000,0000,0000,,Así que voy a poner mi cursor en 
Dialogue: 0,0:01:25.37,0:01:27.43,Default,,0000,0000,0000,,voy a teclear id="
Dialogue: 0,0:01:27.43,0:01:30.08,Default,,0000,0000,0000,,y poner un buen identificador que sea único,
Dialogue: 0,0:01:30.08,0:01:32.96,Default,,0000,0000,0000,,como "web-history".
Dialogue: 0,0:01:32.98,0:01:35.92,Default,,0000,0000,0000,,Ok, vamos a desplazarnos de vuelta al enlace.
Dialogue: 0,0:01:35.92,0:01:39.56,Default,,0000,0000,0000,,Y ahora, para decirle al navegador que vaya a este enlace interno,
Dialogue: 0,0:01:39.56,0:01:41.80,Default,,0000,0000,0000,,debemos empezar con el signo numeral (#),
Dialogue: 0,0:01:41.80,0:01:46.23,Default,,0000,0000,0000,,y luego teclear exactamente el identificador que tecleamos abajo.
Dialogue: 0,0:01:46.23,0:01:48.09,Default,,0000,0000,0000,,Ok, así que ahora...
Dialogue: 0,0:01:48.09,0:01:51.45,Default,,0000,0000,0000,,Pausen esta guía paso a paso, y traten de presionar el ratón en el enlace.
Dialogue: 0,0:01:51.45,0:01:56.33,Default,,0000,0000,0000,,Adelante, esperaré. "Clicky-clicky-clicky"
Dialogue: 0,0:01:56.33,0:01:59.71,Default,,0000,0000,0000,,Ok.¿Vieron cómo se desplazó hasta esta sección?
Dialogue: 0,0:01:59.71,0:02:01.21,Default,,0000,0000,0000,,Entonces ¡funciona!
Dialogue: 0,0:02:01.21,0:02:02.88,Default,,0000,0000,0000,,Podemos añadir más enlaces como éste
Dialogue: 0,0:02:02.88,0:02:05.56,Default,,0000,0000,0000,,poniendo atributos en cada encabezado,
Dialogue: 0,0:02:05.56,0:02:07.80,Default,,0000,0000,0000,,y haciendo etiquetas "" que apunten a ellos.
Dialogue: 0,0:02:07.80,0:02:09.55,Default,,0000,0000,0000,,Pero dejaré que ustedes traten de hacerlo.
Dialogue: 0,0:02:09.55,0:02:12.15,Default,,0000,0000,0000,,Lo más importante que deben recordar es que los IDs (identificadores) deben ser únicos,
Dialogue: 0,0:02:12.15,0:02:15.45,Default,,0000,0000,0000,,porque de otra manera el navegador no sabrá hacia dónde dirigirse.
Dialogue: 0,0:02:15.45,0:02:17.67,Default,,0000,0000,0000,,Así que háganlos lindos y descriptivos.