Cómo abrir un enlace en una nueva pestaña con HTML

Los enlaces de texto o imágenes muchas veces se abren en una nueva pestaña en nuestro explorador. ¿Cómo hacemos eso con HTML? A continuación, te explicamos cómo hacer que tu enlace se abra en una nueva pestaña.

Paso 1: Código de HTML de un enlace

Anteriormente, hemos visto cómo crear enlaces de texto o enlaces de imágenes con HTML. Usamos la etiqueta anchor (<a>) y usamos el atributo href para indicar la URL de destino de nuestro enlace.

<a href="URL DESTINO">Enlace de texto</a>

Paso 2: Usar atributo target para indicar dónde se abre el enlace

Para abrir un enlace en una página o pestaña nueva se usa el atributo target con el valor _blank. Quedaría de la siguiente forma:

<a href="URL DESTINO" target="_blank">Enlace de texto</a>

¡Así de fácil! Si tienes alguna pregunta, déjanos un comentario para poder ayudarte.

¿Este contenido te fue útil? Invítame un cafecito y ayúdame seguir creando más contenido. ¡Gracias! ♥︎

Invítame un cafecito

También te interesaría...

Suscríbete a nuestra lista de correo

2 Comentarios

  1. Joe dice:

    Hola, tenemos una practica donde una imagen con enlace debe tener en subrrayado de abajo de los enlaces pero en puntos y no conseguimos que en esta imagen/link hayan los puntos.¿ Como podemos lograrlo? Gracias

    • admin dice:

      Hola! Entiendo, debes usar CSS para aplicar un borde inferior de puntos a los enlaces que desees. Por ejemplo, para todos los enlaces usarías:

      a{
      text-decoration: none;
      border-bottom: 1px dotted #000;
      }

      Esto hará que todos los enlaces no tengan la decoración default, que es un subrayado, y tendrán un borde inferior de 1px de puntitos de color negro (#000). Te recomiendo revisar

Deja una respuesta

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


Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.