-
Los enlaces son una gran manera de conectar
-
una página web con otra página web.
-
Pero también pueden conectar una parte de una página web
-
con otra parte de la misma página web,
-
especialmente en páginas web muy largas, como para una tabla de contenidos.
-
He añadido mucha información a esta página,
-
así que puedo darles información sobre la historia de la web,
-
y las historia de las versiones de HTML.
-
Pienso que toda esta información merece el uso de una tabla de contenidos.
-
Y ya empecé una aquí, sólo es una lista desordenada,
-
con una lista de elementos de cada uno de los títulos de las secciones.
-
Y quiero enlazar cada uno de esos títulos de las secciones,
-
de manera que cuando presionen el ratón en alguno de ellos, vayan a la parte de la página que corresponde.
-
Para hacer eso, voy a usar otra vez la etiqueta "a",
-
así que empezaré por poner este título
-
dentro del inicio y fin de la etiqueta "a".
-
Ahora, ¿qué debe ir en "href" de este enlace?
-
Bueno, debemos decirle al navegador de alguna manera
-
hacia dónde debe saltar en la página web.
-
Alguna manera de identificar de forma única esa parte de la página.
-
Si ya has aprendido de selectores de CSS,
-
de hecho has visto cómo hacer esto.
-
Podemos hacerlo añadiendo un atributo "id" a la etiqueta.
-
Vamos a desplazarnos hacia abajo y encontrar el encabezado.
-
Y vamos a poner el atributo "id" a este encabezado.
-
Así que voy a poner mi cursor en
-
voy a teclear id="
-
y poner un buen identificador que sea único,
-
como "web-history".
-
Ok, vamos a desplazarnos de vuelta al enlace.
-
Y ahora, para decirle al navegador que vaya a este enlace interno,
-
debemos empezar con el signo numeral (#),
-
y luego teclear exactamente el identificador que tecleamos abajo.
-
Ok, así que ahora...
-
Pausen esta guía paso a paso, y traten de presionar el ratón en el enlace.
-
Adelante, esperaré. "Clicky-clicky-clicky"
-
Ok.¿Vieron cómo se desplazó hasta esta sección?
-
Entonces ¡funciona!
-
Podemos añadir más enlaces como éste
-
poniendo atributos en cada encabezado,
-
y haciendo etiquetas "" que apunten a ellos.
-
Pero dejaré que ustedes traten de hacerlo.
-
Lo más importante que deben recordar es que los IDs (identificadores) deben ser únicos,
-
porque de otra manera el navegador no sabrá hacia dónde dirigirse.
-
Así que háganlos lindos y descriptivos.
