Abrir enlace en nueva pestaña o ventana (Tutorial HTML)

El siguiente tutorial explica cómo lograr que al hacer click en un enlace o hipervínculo, éste se abra en una nueva pestaña o una nueva ventana del navegador. El proceso es muy simple y lo veremos a continuación:

Por ejemplo, quieres editar la siguiente URL:

http://www.ejemplo.com/


Tu código para crear el hipervínculo sería el siguiente:

<a href="http://www.ejemplo.com/">TEXTO QUE DESEAS MOSTRAR</a>

Lo cual quedará así:

TEXTO QUE DESEAS MOSTRAR

Pero, esto abre el enlace en la misma ventana. A continuación les daré los pasos a seguir para lograr lo que buscamos.

ABRIR ENLACE EN NUEVA PESTAÑA

Para hacer que el enlace se abra en una nueva pestaña, debes agregar lo siguiente a tu código html:

target="_blank"

Tu código quedaría de la siguiente manera:

<a href="http://www.ejemplo.com/" target="_blank">TEXTO QUE DESEAS MOSTRAR</a>

<a href="http://www.ejemplo.com/" target="_blank">TEXTO QUE DESEAS MOSTRAR</a>

(Haz click para seleccionar todo el código)

Finalmente, quedará así (haz click en el enlace para probar):

TEXTO QUE DESEAS MOSTRAR

ABRIR ENLACE EN NUEVA VENTANA

Para hacer que el enlace se abra en una nueva ventana,debes agregar lo siguiente a tu código html:

onclick="window.open('this.href','window', 'location=no'); return false;"

Quedaría de la siguiente forma:

<a href="http://www.ejemplo.com/" onclick="window.open('http://www.ejemplo.com','window', 'location=no'); return false;">TEXTO QUE DESEAS MOSTRAR</a>

<a href="http://www.ejemplo.com/" onclick="window.open('http://www.ejemplo.com','window', 'location=no'); return false;">TEXTO QUE DESEAS MOSTRAR</a></div>

(Haz click para seleccionar todo el código)

Finalmente, quedará así (haz click en el enlace para probar):

TEXTO QUE DESEAS MOSTRAR