InicioCrear web desde cero › Crear enlaces con HTML

Crear enlaces con HTML

En esta lección aprenderemos a crear enlaces con código HTML para tu pagina web.

Para crear un enlace necesitamos la ubicación, o mejor dicho, la dirección hacia donde nos llevará ese enlace al hacer clic en el, podemos poner una ruta absoluta (por ejemplo http://www.comocrearunsitioweb.com/ubicacion-enlace.html) o bien, una ruta relativa ("/enlace.html" si es que el archivo desde donde enlazamos se encuentra en el mismo directorio del archivo en el que estamos en ese momento, o sea el "index.html" que creamos al principio).

La etiqueta para crear enlaces es <a> y </a>, pero claro, aun falta algo ¿no?, falta poner la dirección hacia donde nos llevará ese enlace, para eso esta el atributo href, se utiliza de esta forma:

<a href="http://www.comocrearunsitioweb.com">Crear Web</a>

El texto del enlace va encerrado entre <a> y </a>, esto daría como resultado:

Crear Web

Nota: cada vez que nos toque crear un enlace hacia otra pagina web (es decir, que no sea una sección de nuestra pagina) utilizaremos la dirección absoluta con el prefijo "http://".

Ahora vamos a insertar un enlace a nuestra pagina web de ejemplo, el texto del enlace será CCUSW (ComoCrearUnSitioWeb):

<html>
<head><title>Mi primer pagina Web</title></head>
<body>
<p>Este es mi primer párrafo</p>
<br />
<p>Creado gracias a <a href="http://www.comocrearunsitioweb.com">CCUSW</a></p>
</body>
</html>

El enlace ya esta creado, ahora cambiaremos de pestaña para ver como queda:

 

Crear enlace de email

Podemos crear enlaces que al hacer clic nos abra un programa para enviar email directamente, para crear estos enlaces solo tenemos que escribir "mailto:" antes de la dirección de email, de esta forma:

<a href="mailto:[email protected]">Texto del enlace</a>


y el resultado es:

Texto del enlace

 

Siguiente lección: insertar imagenes con HTML