En este artículo, aprenderemos cómo abrir una página web en una nueva ventana usando el atributo TARGET de HTML.
El atributo Target de <a> anclatag se utiliza para especificar el marco o la ventana con nombre que se abrirá el enlace. La etiqueta <a> está emparejada, por lo que ambas etiquetas de inicio <a> deben tener una etiqueta de cierre</a> en el documento HTML. La etiqueta de anclaje tiene muchos atributos, pero el atributo href (referencia de hipertexto) es obligatorio, ya que especifica la URL de la página web a la que se moverá el enlace.
Sintaxis:
<a href="URL" target="_top"> Linked Text </a>
Valores de atributo: este atributo hace referencia a la ventana de destino de la URL mencionada con el atributo href. Puede tomar los siguientes valores posibles:
- _top: Carga la página web en una ventana del navegador utilizando el cuerpo completo, es decir, reemplazando los marcos existentes.
- _self: de forma predeterminada, _self es el valor del atributo de destino. Carga la página web en la misma ventana/marco desde el que se hace clic en el enlace.
- _blank: Carga la página web en una nueva ventana del navegador.
- _parent: carga la página web en la ventana/conjunto de marcos principal.
Si desea cargar el contenido de la página web en otro marco, debe especificar el atributo NOMBRE dentro del elemento <FRAME> de HTML en el que se mostrará el contenido de la página vinculada. Además, es necesario especificar el atributo de destino del elemento <a> y el nombre del marco en el que se mostrarán los contenidos.
Ejemplo 1: El siguiente ejemplo ilustra el uso de target=”_blank” . Cuando un usuario hace clic en el texto vinculado, la página web se abrirá en una nueva ventana.
HTML
<!DOCTYPE html> <html> <head> <title>TARGET ATTRIBUTE</title> </head> <body> <h2 style="color:green;">TARGET ATTRIBUTE</h2> <a href="https://www.geeksforgeeks.org/" target="_blank"> Click here to visit Geeks website</a> </body> </html>
Producción:
Publicación traducida automáticamente
Artículo escrito por annieahujaweb2020 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA