Cómo utilizar la etiqueta de enlace en html
Publicado por Luis en 17 Enero 2007
A menudo encontramos, en páginas web y otros documentos html, enlaces que nos conducen a otras páginas, documentos o aplicaciones. Cuando se abre la nueva página o documento enlazado puede suceder que lo haga reemplazando a la página de la que venimos o abriendo una nueva ventana del explorador. La decisión acerca del modo en que se comportará el enlace corresponde por completo al autor del código. ¿Qué es lo más conveniente? ¿Cómo proporcionar una navegación eficiente y agradable? Creo que no siempre se presta suficiente atención a este detalle.
Conviene detenerse a pensar si lo más acertado es que, al elegir un enlace, el lector abandone la página en la que lo hemos puesto o si, por el contrario, es mejor que tenga las dos abiertas para no perder la referencia de la página de la que procede el enlace.
La orden de enlazar con otra página web u otro documento se resuelve, en el lenguaje html, con la etiqueta a que significa ancla o anchor en la expresión anglosajona. Al encontrar un texto etiquetado con una etiqueta a, el cliente web (Mozilla, IExplorer, Netscape, etc) lo presenta en la pantalla resaltado en color y subrayado. Si el usuario de la página hace clic sobre ese texto marcado, el navegador pedirá al servidor otra página web o abrirá otro documento.
Estas son las formas sintácticas principales de esta etiqueta:
![]()
Esta etiqueta ordena al navegador que, al componer la página en la pantalla, muestre resaltado y subrayado el texto Visite nuestra web y que, cuando el usuario haga clic sobre este texto resaltado, pida al servidor otra página web, que se encuentra en la dirección www.nombredominio.com
![]()
Esta etiqueta ordena al navegador que muestre, resaltado y subrayado, el texto Contacte con nosotros y que, cuando el usuario haga clic sobre el texto resaltado, inicie la redacción de un mensaje de correo dirigido a micorreo@servidor.com en el cliente de correo POP predeterminado.
![]()
Esta etiqueta ordena al navegador que muestre resaltado y subrayado el texto Este archivo y que, cuando el usuario haga clic sobre el, abra el documento denominado nombrearchivo.odt, que se encuentra en la misma carpeta que la página web, con el programa predeterminado para la extensión de archivo citada.
Una vez que está situada la etiqueta en un documento html, conviene fijar las propiedades del enlace. Las propiedades establecen de qué modo se comportará el navegador al hacer clic en el enlace y suelen fijarse haciendo clic derecho sobre el enlace en cualquier editor html (Composer, Nvu, etc.)
La propiedad target – objetivo en ingles – es la que rige el modo en que se abrirá la página o documento enlazados. Puede adoptar cualquiera de las siguientes propiedades:
- “_top” En la misma ventana de la página actual, reemplazándola.
- “_blank” En una nueva ventana, sin eliminar la página actual.
- “_parent” En el marco contenedor del resto de marcos de la página.
- “_self” En el marco actual.
Por defecto, los enlaces tienen la propiedad “_top” reemplazando la página actual pero, si queremos que la nueva página se abra en una nueva ventana, debemos especificarlo modificando las propiedades del enlace en el editor o corrigiendo a mano el código html para que quede así:


mario escribió
es muy buena la pagina
Josue Juarez escribió
Con una consulta, puede utilizarse solamente la y
para enlazar hacia otro citio?
gracias.
Josue Juarez escribió
Perdon, parece que no salio la etiqueta..
quise decir la etiqueta A
Luis González escribió
Hola Jose Juarez:
La etiqueta (a) es el mecanismo estándar en html para enlazar a otro documento. Si lo que preguntas es si se puede utilizar tan sólo la etiqueta inicial te diré que no, que forzosamente debes incluir al final de texto del enlace la etiqueta de cierre (/a).
Fíjate que escribo (a) entre paréntesis para que no se ejecute como código. Claro que no salió la etiqueta en tu comentario anterior, porque lo que escribiste ¡¡es código html!!. Las dificultades que has experimentado al escribir el texto de tu comentario, se debe a que el cliente web ha ejecutado tu código y ha resaltado la palabra “y” como texto del enlace.
Puedes encontrar una información muy detallada sobre código html en este enlace.
Saludos