viernes, 18 de julio de 2014

Como incluir un enlace HTML


Bienvenid@s, hoy veremos lo fácil que es incluir un enlace HTML, lo primero que tenemos que saber es que para poder incluir enlaces, también llamados links vamos a utilizar la etiqueta HTML <a></a>.

Ahora supongamos que queremos incluir en nuestra página web un enlace que direccione a google.com, haremos lo siguiente: 

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

Copia el código y guárdalo en tu documento HTML, en el caso de blogger guarda el Widget, actualiza tu página en el navegador y podrás ver el enlace de color azul, si haces click en el te dirigirá a la página que hemos indicado en el atributo "href", en este caso a google.com, pero, como puedes ver has salido de tu página, ¿y si quisieras que en lugar de salir de tu página para poder ir a google.com, google.com se abriera en una nueva pestaña?, haríamos lo siguiente:

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

Ahora si actualizas la página y vuelves a hacer click en el enlace, verás que google.com se abre en una nueva pestaña, manteniendo tu página en su actual pestaña, ésto es porque hemos indicado en el atributo "target" la opción "_blank" para que esto suceda. 

También puedes ver que en esta ocasión también tiene otro atributo  title="Ir a Google" este atributo nos va servir para incluirle un título, este título será mostrado cuando pases el mouse sobre el enlace.