Uso de la etiqueta en HTML para vínculos o links

Cuando queremos poner un link en nuestra página web, debemos usar la etiqueta <a>, su sintaxis es;

<a href=”documento.html”>Texto del link</a>
Se usa href para establecer la ruta del archivo que se va a abrir. Siempre hay que poner su extensión correspondiente.

Aquí también se usan los dos puntos (..) cuando se trabaja desde otra carpeta que se encuentra en la raíz.

Se usa el atributo title para dar una pequeña descripción del link, la sintaxis es;

<a href=”doc.html” title=”Mi documento”>Link</a>

Esta línea de código hará que al poner el cursor sobre el link salga el texto “Mi documento”.

Desde esta etiqueta no es posible cambiar el color del link, esto se hace desde la etiqueta body o desde la hoja de estilos.

Si queremos que la página que se va a abrir se abra en una ventana o pestaña nueva, usamos el atributo target con el valor _blank;

<a href=”doc.html” target=”_blank”>Link</a>

Si queremos insertar el link en una imagen, para un banner por ejemplo, primero se pone la etiqueta <a> y luego la imagen, como se muestra;

<a href=”doc.html”><img src=”imagen.jpg” /></a>

Y de esta manera, al dar clic sobre la imagen nos llevará al documento del vínculo.

Si se requiere que el link sea hacia una página web externa, se debe usar el prefijo http:// ya que de lo contrario, el navegador tratará de abrir el documento o página dentro del mismo hosting;

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

Este es el ejemplo de un link a una página externa, en este caso a Google.

Impactos: 0


Únete al grupo de WhatsApp de Masterhacks para compartir ayuda, tutoriales, apps y más!
https://chat.whatsapp.com/Ch45FZaJcbxDb7WeHAOtAQ

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *