A fin de elegir el enlace necesario para cada
sección de una página web,
evaluaremos los tipos de hipervÃnculos en el lenguaje HTML, según las
recomendaciones oficiales de este lenguaje. El
desconocimiento de las aplicaciones y diferencias entre las etiquetas a, area y link, conlleva a especificar de forma incorrecta enlaces de
referencia. Por este motivo, identificaremos los pasos necesarios para
agregarlas a un documento HTML y el uso correcto de cada una.
Un enlace permite acceder a
información exacta mediante un solo movimiento, por ejemplo, cuando navegamos
en internet, al hacer clic con el mouse en un lugar determinado,
observamos como de inmediato entramos a un sitio web diferente. En HTML existen diversos tipos de enlaces, unos
dirigen a una página o información distinta de la original, y otros simplemente
expresan la ubicación de un archivo. En la siguiente imagen vemos los diferente
tipos de enlaces, ubicados en la página web
principal de la universidad.
061-01_1001_ilu01. Página web con hipervÃnculos resaltados
Las etiquetas link, area y a representan
el marcado de diferentes tipos de enlaces solo si van acompañadas del atributo href, acrónimo de hypertext reference o en español referencia de hipertexto:
- En color
negro se encuentra el nombre de cada etiqueta con su inicio y cierre correspondiente.
- En color
rojo se encuentra el atributo href,
utilizado para representar la dirección de un enlace.
- En color
azul se encuentra la dirección del enlace dentro de las comillas.
061-01_1001_ilu02. Etiquetas de enlaces con atributo href
En un editor de texto creamos cada
etiqueta, con su correspondiente atributo, y ejecutamos en el navegador web para ver la diferencia entre ellas.
Están englobadas por la etiqueta de párrafo
p para apreciarlas mejor y evaluar la función diferente de cada una:
- Link: representa un enlace sin redireccionar a otra página, se
utiliza a nivel de programador para agregar una dirección invisible usuario.
- Area: representa un enlace, el cual tampoco redirecciona, solo es
visible para el programador y normalmente es utilizado para delimitar un área
conformada por un encabezado y una imagen.
- A: representa un enlace para ser presionado por el usuario, redirigiéndolo
a otra información. Por este motivo, el navegador tiene predeterminado mostrarlo
en color azul y subrayado.
061-01_1001_ilu03. Creación de los tipos de enlaces
Es posible utilizar la etiqueta link como un atributo. En el siguiente
ejemplo, tenemos la etiqueta párrafo y link
pasa a color claro, por tratarse de un atributo. Al ejecutar el código en el
navegador web, esta lÃnea se muestra
en color negro, debido a que el enlace es para el programador.
061-01_1001_ilu04. Creación de atributo link
Keynotes
- Un enlace permite acceder a información
exacta mediante un solo movimiento, por ejemplo, cuando navegamos en internet, al
hacer clic con el mouse en un lugar determinado,
observamos como de inmediato entramos a un sitio web diferente.
- En HTML existen diversos tipos de enlaces,
unos dirigen a una página o información distinta de la original, y otros
simplemente expresan la ubicación de un archivo.
- Las etiquetas link, area y a representan
el marcado de diferentes tipos de enlaces solo si van acompañadas del atributo href, acrónimo de hypertext reference o en español referencia de hipertexto.
- Link:
representa un enlace sin redireccionar a otra página, se utiliza a nivel de
programador para agregar una dirección invisible usuario.
- Area:
representa un enlace, el cual tampoco redirecciona, solo es visible para el
programador y normalmente es utilizado para delimitar un área conformada por un
encabezado y una imagen
- A:
representa un enlace para ser presionado por el usuario, redirigiéndolo a otra
información. Por este motivo, el navegador tiene predeterminado mostrarlo en
color azul y subrayado.
RetoCrea los tipos de hipervÃnculos aprendidos en un
documento HTML, según las recomendaciones oficiales de este lenguaje. Previamente
debate la utilidad de cada uno.
¡Comparte un resumen del debate en tu vPages y pide a tus compañeros una sugerencia
para optimizarlo!
Tiempo disponible: entre 15 y 30
minutos.
CierreA través de la evaluación de los tipos de
hipervÃnculos en el lenguaje HTML, según las recomendaciones oficiales de este
lenguaje, diferenciamos la aplicación de las etiquetas
a, area y link. Elegimos, además, el enlace necesario para cada
sección de la página web. Con
paciencia y organización utilizaremos correctamente los tipos de enlaces.
