Enlaces en HTML | Curso HTML

La propiedad más importante de Internet, es la posibilidad de conectarse los unos con los otros.

Los Enlaces o Links

Los enlaces o links(en Inglés) nos permiten conectarnos con otros documentos:

• Una imagen
• Un video
• Un archivo de sonido
• Sitios en la web(otra página web)
• Mandar un email

Para ello debemos usar la etiqueta <a>  que proviene de la primera letra de la palabra anchor (ancla).

Ejemplos:

Sintaxis

Codigo
<a href='http://techwebnew.blogspot.com.ar/' > Tech Web New </a>

Resultado

Tech Web New

El Atributo Target

Se utiliza para definir donde queremos que se abra el documento al presionar sobre el enlace.
En este caso vamos a abrir el documento en una nueva página del navegador.

Codigo
<a href='http://techwebnew.blogspot.com.ar/' taget='_blank' > Tech Web New </a>

Resultado

Tech Web New

El Atributo Name

Este atributo se usa para definir una determinada ubicación dentro de la página.
Supongamos que definimos un destino de vínculo llamado "destino-uno" en el archivo "uno.html"

Codigo
<a name="destino-uno"> Destino Uno </a>

Y en otra parte de la página, del mismo sitio o de otro sitio, creamos un enlace a Capítulo 1. Para ello utilizamos el signo # seguido del nombre del enlace.

<a href="http://www.misitio.com/uno.html#destino-uno" > Destino Uno </a>

O en caso que el enlace esté definido en el mismo documento:

<a href="/destino-uno" > Destino Uno </a>

Enlace para mandar mail

Codigo
<a href="/mailto:nombredealguien@gmail.com"> Mandar Mail </a>

cambiamo el nombredealguien  por el nombre del correo y listo.

Resultado

Mandar Mail

Enlace a partir de una imagen

Codigo
<a href="http://techwebnew.blogspot.com.ar/"><img src='Aqui va la url de la imagen'/></a>

Resultado

About TWN

Tecnología Web y Noticias. Podrás encontrar una gran variedad de cosas sobre el mundo Tecnológico.