15

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! 🙂

 

ENTRADAS RELACIONADAS:

 

15 comentarios

  1. hola excelente, me ayudo, pero necesito mas ayuda, jijiji, y es con el reproductor de radio fm, al darle clip me abre en una pestaña nueva, excelente hasta ahi todo bien, pero al abrir la pestaña solo aparece el reproductor sin la la imagen en fondo negro.
    la pregunta es como hago para que en esa pestaña nueva salga el reproductor con el logo, me puedes ayudar gracias.

 

 

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.