Listado completo de tutoriales

Temario del Tutorial->11 - Apertura de un hipervínculo en otra pestaña del navegador.


El elemento "a" tiene una propiedad target que nos permite indicar que la referencia del recurso sea abierto en otra pestaña.

Esta propiedad se llama target y debemos asignarle el valor "_blank" para indicar que la página sea abierta en otra pestaña.

Confeccionemos una página que contenga dos hipervínculos, el primero abre el sitio en el mismo navegador y el segundo en otra instancia del navegador:

<!DOCTYPE html>
<html>
<head>
  <title>Título de la página</title>
  <meta charset="UTF-8">
</head>
<body>
<h1>Apertura de enlaces en el mismo navegador y en otra instancia del navegador</h1>
<p>
<a href="http://www.lanacion.com.ar">Periódico La Nación</a>
<br>
<a href="http://www.clarin.com.ar" target="_blank">Periódico Clarin</a>
</p>
</body>
</html>

Podemos ver la diferencia entre el primer hipervínculo:

<a href="http://www.lanacion.com.ar">Periódico La Nación</a>

y el segundo hipervínculo que indica que el sitio sea abierto en otra pestaña del navegador:

<a href="http://www.clarin.com.ar" target="_blank">Periódico Clarin</a>

Retornar