A fin de enlazar posiciones especÃficas de una
página web, crearemos hipervÃnculos
dentro del mismo documento, según las recomendaciones oficiales del lenguaje
HTML. Algunos usuarios pasan tiempo en la
ubicación de información especÃfica en una página web. Debido a ello, mediante el lenguaje HTML, especificaremos
marcadores para identificar partes exactas de un proyecto destinado a internet.
Cuando ingresamos al estándar de
HTML en la página de W3C, tenemos la posibilidad de seleccionar los temas de la
izquierda y, de inmediato, a la derecha muestra la información. En caso
contrario, tomarÃa más tiempo ubicarla, debido a la necesidad de bajar con el mouse hasta llegar a la información
necesitada. Por lo tanto, los hipervÃnculos dentro de un mismo documento
facilitan la ubicación de temas epecÃficos.
061-01_1002_ilu01. HipervÃnculo en el mismo documento
Para crear un hipervÃnculo es
necesario:
- Utilizar
la etiqueta a, acrónimo de anchor, en español anclaje.
- Agregar el
atributo href para ingresar el
hipervÃnculo de referencia.
- Definir
dentro de las comillas la dirección a la cual se va a redirigir el navegador web.
061-01_1002_ilu02. Creación de la etiqueta a
Para mostrar un lugar especÃfico
de la página web, primero es
necesario identificar el bloque de texto a mostrar por el navegador web, cuando el usuario presione el mouse. También es conocido como marcador
y lo agregamos mediante la etiqueta id, con
ésta asignamos un nombre al bloque de texto, el cual debe ser único, de lo
contrario causarÃa un redireccionamiento equivocado.
061-01_1002_ilu03. Creación de identificador único
En el siguiente código HTML:
- Creamos
dos etiquetas de hipervÃnculos con a
y, dentro de las comillas, ingresamos el nombre del marcador creado
anteriormente.
- Adicionamos
varios saltos de lÃnea con la etiqueta br
para alargar la página, asà es posible apreciar el efecto cuando el navegador
baje hasta el final, para mostrar la información al usuario, correspondiente a
cada enlace.
Mediante la ejecución del código
en el navegador web, observamos el
tamaño del documento permitido por la computadora. Si visualizamos la barra
lateral, es posible bajarla para llegar hasta el final, donde está toda la
información.
061-01_1002_ilu04. Creación de marcador
De esta forma, cuando el usuario
presione crear proyectos fantásticos,
el navegador busca donde está ubicado y le muestra al usuario el bloque de
texto correspondiente, el cual previamente se identificó con un marcador. El
mismo procedimiento ocurre cuando el usuario presione TU puedes hacerlo, el navegador muestra el bloque de texto
identificado como tu, mediante la
etiqueta id. A su vez, es posible
agregar otro enlace, el cual direccione al inicio de la página web.
Keynotes
- Los hipervÃnculos dentro de un mismo
documento facilitan la ubicación de temas especÃficos.
- Para crear un hipervÃnculo es necesario: Utilizar
la etiqueta a, acrónimo de anchor, en español anclaje. Agregar el
atributo href para ingresar el
hipervÃnculo de referencia. Definir dentro de las comillas la dirección a la
cual se va a redirigir el navegador web.
- Para mostrar un lugar especÃfico de la
página web, primero es necesario
identificar el bloque de texto a mostrar por el navegador, cuando el usuario
presione el mouse. También es
conocido como marcador y lo agregamos mediante la etiqueta id.
Reto
Crea tres hipervÃnculos dentro del mismo
documento HTML, según las recomendaciones oficiales del lenguaje HTML. Los
temas deben ser referentes al área de computación.
¡Comparte el resultado final del reto en tu vPages y pide a tus compañeros comentar
cómo lo hacen ellos!
Tiempo disponible: entre 15 y 30 minutos.
CierreCon la creación de hipervÃnculos dentro del mismo
documento, según las recomendaciones oficiales del lenguaje HTML, optimizamos
el tiempo del usuario cuando sea necesario ubicar una información especÃfica en
la página web, mediante la
implementación de enlaces hacia posiciones exactas. La paciencia y organización
son determinantes al momento de utilizar marcadores con la etiqueta de enlace.
