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

0

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.


Gracias por apoyar el libre conocimiento con tu donación!
Bitcoin: bc1q4sw9260twfcxatj8mjp7358cyvrf8whzlelyhj
Ethereum: 0xFb93D2a3c9d1A0b83EE629c2dE1725BCa192e581
Litecoin: LbFduJmHvQXcpCnwfUT7aJ4DYoWSL3iQw8
Dogecoin: D7QQVqNR5rk215A4zd2gyzV9P2bLQtZHFV
Transferencia bancaria en México:
Cuenta CLABE: 661610005838513425 Nombre: Masterhacks LATAM Banco: Alternativos

Unete a nuestros grupos:
WhatsApp: https://chat.whatsapp.com/HcazyklpyeU4X3BF657KFQ
Telegram: https://t.me/masterhacks_net
Canal de WhatsApp https://whatsapp.com/channel/0029VaBBLCn5vKAH9NOWCl3K

Deja una respuesta

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