1. 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:
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í:
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! 🙂
.jpg "¿Cómo encuadrar un texto en HTML?")
y si lo quiero hacer en una hoja css externa?
Me aparece subrayado y en azul, ¿como le hago para que no aalga subrayado y la letra sea blanca?
Gracias
¡Gracias a todos por los comentarios!
Me alegra muchísimo que os esté resultando útil. 🙂
hola buenas tardes¡ donde se escribe ese comando??muchas gracias
Hola Natalia.
Si estás utilizando WordPress o Blogger, en la pestaña HTML.
Un saludo.
esta genial
Hola, como le hago para que me la abra en una nueva ventana, y no una nueva pestaña?
Estupendo!!!
Simple y directo.
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.
Amigo, y donde se escribe ese comando??