2WebFacil

Los enlaces o links son la base fundamental de las páginas webs pues permiten desplazarse entre las diferentes páginas. Si eres un blogger o tienes tu propia pagina tendrás la necesidad de crear enlaces, para ello les presentamos una pequeña guía para hacerlo correctamente.

Creando enlaces básicos
Los enlaces se crean utilizando el tag <a> en donde debemos colocar a donde queremos enlazar y el texto que servirá de enlace. Por ejemplo si deseamos enlazar al buscador Google lo hacemos con el siguiente código:

1

<a href="http://www.google.com">Google</a>

La ruta a la que deseamos enlazar puede ser de dos tipos: absoluta y relativa.

• Absoluta: es decir la ruta completa, sirve para cuando deseamos enlazar sitios externos al nuestro, por ejemplo: http://www.google.com
• Relativa: es la ruta relativa a la página que estamos visitando, se utiliza cuando deseamos enlazar páginas de nuestro mismo dominio, por ejemplo: contacto.php

Respecto a las rutas relativas, vemos que sucede si la página esta en una carpeta diferente a la de nuestro archivo actual:

• folder/pagina.html para cuando la pagina se encuentra en una carpeta llamada folder.
• ../pagina.html para cuando la pagina se encuentra en una carpeta superior.
• /pagina.html cuando el destino se encuentra en el root de nuestro servidor.

Enlazando desde Imagenes
Si deseamos que el enlace sea una imagen en lugar de un texto, debemos colocar el tag <img> con las propiedades de la imagen de la siguiente forma:

1

<a href="contact.php"><img src="btcontact.gif" width="120" height="24" /><a>

Agregando la propiedad target
La propiedad target sirve para indicar donde deseamos abrir el enlace, para ello tenemos las siguiente posibilidades:

• _blank para abrir en enlace en una ventana nueva.
• _parent si usas frames para abrir en el frame padre.
• _top para abrir en el frame principal de la página.
• _self abrir en enlace en la misma ventana.

Entonces si deseamos poner enlaces para que abran en ventana nueva podemos colocarlo de la forma:

1

<a href="http://www.google.com" target="_blank">Google</a>

Como pueden ver es sencillo la creación de enlaces y con ello ayudarán a sus visitantes a desplazarse cómodamente en el contenido de su página web.