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.

Grupo de WhatsApp: https://chat.whatsapp.com/HcazyklpyeU4X3BF657KFQ
Grupo de Telegram: https://t.me/Masterhacks_net

Donaciones
Gracias por apoyar el libre conocimiento! Puedes donar la cantidad que tú desees.
Bitcoin: bc1q4sw9260twfcxatj8mjp7358cyvrf8whzlelyhj
Litecoin: LbFduJmHvQXcpCnwfUT7aJ4DYoWSL3iQw8
Dogecoin: DQQyKHdtvFiB4zW87Kvp9Wna3bcyL3ukQz
BCH: qqnkqcu8sa90zuuzd2nvdrslgdv3u5ta6cy4ch0rnq
Ethereum: 0xFb93D2a3c9d1A0b83EE629c2dE1725BCa192e581
Transferencia bancaria México: CLABE: 646180192143715428 a nombre de Masterhacks LATAM, Banco: STP

Deja una respuesta

Tu dirección de correo electrónico no será publicada.