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
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
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:
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