3

Abrir enlace en una nueva pestaña (HTML)

Cómo abrir un enlace en una nueva pestaña con HTML1. INTRODUCCIÓN

Hoy vamos a aprender a crear un enlace en HTML que se abra en una nueva pestaña.

Como seguramente ya sabréis —y si no, os lo digo yo—, un enlace normal en HTML tiene la siguiente estructura básica:

<a href =»URL«>Texto</a>.

Ese enlace, de forma predeterminada, se abrirá en la misma pestaña en la que estéis.

Para cambiar esto y abrir el enlace en una nueva pestaña hay que incluir un target, que en HTML consistiría en añadir el comando target=»_blank» justo después de la URL (para ser exactos, después de las comillas inglesas y un espacio). Veamos:

 

2. CÓDIGO HTML PARA ABRIR UN ENLACE EN OTRA PESTAÑA

La estructura general para crear un enlace en HTML que se abra en una nueva pestaña sería la siguiente (en rojo las partes que debéis personalizar: la URL de destino y el texto visible que tendrá el enlace):

<a href =»URL» target=»_blank»>Texto</a>.

 

3. EJEMPLO DE CÓDIGO HTML PARA ABRIR UN ENLACE EN UNA NUEVA PESTAÑA

Para mostraros un ejemplo, voy a crear un enlace a la categoría donde tengo entradas similares a esta que estáis leyendo.

Esta sería mi línea en HTML:

<a href =»https://www.saberespractico.com/ordenador/paginas-web/» target=»_blank»>¡Sigue aprendiendo en nuestra sección #WEB!</a>

 

Y se vería así:

¡Sigue aprendiendo en nuestra sección #WEB!

 

4. ¿SENCILLO? ¿ALGUNA DUDA?

Espero que os haya resultado útil la información. Cualquier duda o aportación que queráis compartir, la podéis dejar en los comentarios.

¡Hasta pronto! 🙂

¿TE HA RESULTADO ÚTIL/INTERESANTE? ¡COMPÁRTELO!

 

ENTRADAS RELACIONADAS:

 
 

3 comentarios

  1. Excelente información me resulto muy útil.
    El código es muy sencillo y ustedes lo explicaron al punto sin rodeos, aprecio mucho eso.
    Siempre me había resultado incomodo cuando agregaba un widget en mi wordpress y me cerraba la pagina principal por ir a un nuevo sitio y nunca me había puesto a checar lo sencillo que era solucionarlo.
    Gracias por el aporte, excelente contenido.

 

 

Deja un comentario

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.