Enlaces HTML

Enlaces en HTML

  • Los enlaces se encuentran en casi todas las páginas web. Los enlaces permiten a los usuarios hacer clic de una página a otra.
  • Un enlace no tiene que ser texto. Puede ser una imagen o cualquier otro elemento HTML.
  • Cuando mueva el mouse sobre un enlace, la flecha del mouse se convertirá en una pequeña mano.

Syntax

Ejemplo

<a href="http://www.hablacode.com">Este es un enlace a hablacode</a>

Resultado:

Enlace HTML - atributo de destino

Agregando el atributo target="_blank" a un enlace abrirá el enlace en otro pagina en lugar de abrirlo en la página que está actualmente.

Ejemplo
<a href="http://www.hablacode.com" target="_blank">Este enlace se abrira en otra pagina.</a>
Resultado:

Enlace HTML - Imagen

Insertando la etiqueta <img src=""> entre las etiquetas <a></a> harás tu imagen en un enlace.

Ejemplo
<a href="http://www.hablacode.com">
    <img src="mountain_image.jpg">
</a>
Resultado:
beautiful mountain

Enlace HTML - titulo

Insertando title="" atributo a tu enlace, permite que los usuario conozcan más información sobre de se trata el enlace.

Ejemplo
<a href="http://www.hablacode.com" title="Plataforma de apendizaje">Habla Code</a>

Coloca el mouse sobre el enlace para ver el titulo

Resultado: