0:00:00.192,0:00:02.681
Los enlaces son una gran manera de conectar

0:00:02.681,0:00:04.735
una página web con otra página web.

0:00:04.737,0:00:07.236
Pero también pueden conectar una parte de una página web

0:00:07.236,0:00:09.487
con otra parte de la misma página web,

0:00:09.487,0:00:13.885
especialmente en páginas web muy largas, como para una tabla de contenidos.

0:00:13.885,0:00:16.884
He añadido mucha información a esta página,

0:00:16.884,0:00:19.501
así que puedo darles información sobre la historia de la web,

0:00:19.501,0:00:22.046
y las historia de las versiones de HTML.

0:00:22.046,0:00:26.256
Pienso que toda esta información merece el uso de una tabla de contenidos.

0:00:26.256,0:00:29.420
Y ya empecé una aquí, sólo es una lista desordenada,

0:00:29.420,0:00:32.901
con una lista de elementos de cada uno de los títulos de las secciones.

0:00:32.901,0:00:35.516
Y quiero enlazar cada uno de esos títulos de las secciones,

0:00:35.516,0:00:38.648
de manera que cuando presionen el ratón en alguno de ellos, vayan a la parte de la página que corresponde.

0:00:38.648,0:00:41.701
Para hacer eso, voy a usar otra vez la etiqueta "a",

0:00:41.701,0:00:44.952
así que empezaré por poner este título

0:00:44.952,0:00:48.654
dentro del inicio y fin de la etiqueta "a".

0:00:48.654,0:00:54.854
Ahora, ¿qué debe ir en "href" de este enlace?

0:00:54.854,0:00:57.808
Bueno, debemos decirle al navegador de alguna manera

0:00:57.808,0:01:00.069
hacia dónde debe saltar en la página web.

0:01:00.069,0:01:03.493
Alguna manera de identificar de forma única esa parte de la página.

0:01:03.493,0:01:06.337
Si ya has aprendido de selectores de CSS,

0:01:06.337,0:01:09.358
de hecho has visto cómo hacer esto.

0:01:09.358,0:01:13.936
Podemos hacerlo añadiendo un atributo "id" a la etiqueta.

0:01:13.936,0:01:18.777
Vamos a desplazarnos hacia abajo y encontrar el encabezado.

0:01:18.777,0:01:22.931
Y vamos a poner el atributo "id" a este encabezado.

0:01:22.931,0:01:25.366
Así que voy a poner mi cursor en

0:01:25.366,0:01:27.429
voy a teclear id="

0:01:27.429,0:01:30.082
y poner un buen identificador que sea único,

0:01:30.082,0:01:32.956
como "web-history".

0:01:32.975,0:01:35.916
Ok, vamos a desplazarnos de vuelta al enlace.

0:01:35.916,0:01:39.556
Y ahora, para decirle al navegador que vaya a este enlace interno,

0:01:39.556,0:01:41.797
debemos empezar con el signo numeral (#),

0:01:41.797,0:01:46.230
y luego teclear exactamente el identificador que tecleamos abajo.

0:01:46.230,0:01:48.090
Ok, así que ahora...

0:01:48.090,0:01:51.449
Pausen esta guía paso a paso, y traten de presionar el ratón en el enlace.

0:01:51.449,0:01:56.327
Adelante, esperaré. "Clicky-clicky-clicky"

0:01:56.327,0:01:59.707
Ok.¿Vieron cómo se desplazó hasta esta sección?

0:01:59.707,0:02:01.208
Entonces ¡funciona!

0:02:01.208,0:02:02.877
Podemos añadir más enlaces como éste

0:02:02.877,0:02:05.555
poniendo atributos en cada encabezado,

0:02:05.555,0:02:07.795
y haciendo etiquetas "" que apunten a ellos.

0:02:07.795,0:02:09.548
Pero dejaré que ustedes traten de hacerlo.

0:02:09.548,0:02:12.153
Lo más importante que deben recordar es que los IDs (identificadores) deben ser únicos,

0:02:12.153,0:02:15.452
porque de otra manera el navegador no sabrá hacia dónde dirigirse.

0:02:15.452,0:02:17.671
Así que háganlos lindos y descriptivos.