Curso completo de HTML - El atributo TARGET

45 - El atributo TARGET

[editar]

Curso gratis creado por Jorge Ferrer, Víctor García y Rodrigo García. Extraido de: http://es.tldp.org/Manuales-LuCAS/doc-curso-html/doc-curso-html/

23 de Febrero de 2006

< anterior | 1 ... 43 44 45 46 47 48 49 ... 75 | siguiente >

El atributo TARGET es, al igual que los frames, una extensión introducida por Netscape y adoptada posteriormente por Explorer y Opera. El principal uso de este atributo es cuando se usa en la etiqueta A para crear enlaces y su función es indicar el objetivo (TARGET significa diana u objetivo) en el que se debe cargar la página a la que saltamos tras seleccionar el texto o imagen de ese enlace. La forma de usar este atributo es:

      
  <A HREF="URL" TARGET="nombre_ventana">
       
       ...
       </A>

Aunque este atributo fue creado para los frames y es en ellos donde adquiere su verdadera utilidad también puede ser usado aunque estos no existan. Cuando el navegante selecciona un enlace que usa el atributo TARGET busca una ventana o frame (posteriormente veremos como se crean y cómo se les da nombre) cuyo nombre coincida con el que hemos indicado como valor de TARGET. Si existe, muestra la página a la que nos conduce el enlace en esa ventana o frame, pero si no existe abre una nueva ventana del navegador y la da el nombre indicado. En la figura 8.3 vemos una página con dos frames:

Figura 8.3. Usando el atributo TARGET podremos lograr que pulsando el enlace de un frame el resultado se muestre en otro.

En la de la derecha hemos incluido un enlace usando como destino (TARGET) el frame de al lado. La flecha nos indica que al pulsar sobre el enlace aparece una nueva página en el frame de al lado.

Posteriormente tendremos tiempo para practicar con frames, ahora vamos a ver un ejemplo del uso de este atributo en una página sin ellos, como las que hemos visto hasta ahora. Abrimos nuestro editor de texto o HTML favorito y creamos un archivo nuevo al que llamaremos madre.htm con este código:

      
  <!DOCTYPE HTML
  PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
       
 
       <HTML>
 
       <HEAD>
       <TITLE>
       Ventana Madre
       </TITLE>
       </HEAD>
 
       <BODY BGCOLOR="#EDB301">
       <H1>
       Esta es la ventana Madre que generará el resto
       </H1>
       <P>
       
  <A HREF="ventana1.htm"
  TARGET="primera_ventana">
       Abrir
       </A>
       una nueva ventana llamada primera_ventana
       <p>
       
  <A HREF="ventana2.htm"
  TARGET="segunda_ventana">
       Abrir
       </A>
       una nueva ventana llamada segunda_ventana
       <P>
       
  <A HREF="ventana3.htm"
  TARGET="primera_ventana">
       Poner
       </A>
       contenido <STRONG>nuevo
       </STRONG> en la primera_ventana
       </BODY>
       </HTML>

Posteriormente debemos crear los archivos ventana1.htm, ventana2.htm y ventana3.htm, que tendrán un código muy simple en el que simplemente debemos poner un texto que diga que ventana es esa. Por ejemplo en el caso de ventana1.htm podemos escribir el siguiente código.

      
  <!DOCTYPE HTML
  PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
       
 
       <HTML>
 
       <HEAD>
       <TITLE>
       Página 1
       </TITLE>
       </HEAD>
 
       <BODY>
       <H1>
       Esta es la página 1
       </H1>
       Esta página debe mostrarse en la ventana
       <STRONG>primera_ventana
       </STRONG>
       </BODY>
 
       </HTML>

Creamos el resto de archivos con un código similar a este y abrimos el archivo madre.htm con el navegador que prefiramos. A continuación seguimos los siguientes pasos:

Pulsamos sobre el primero de los enlaces. Observaremos que se crea una nueva ventana con el contenido de pagina1.htm.
Pulsamos sobre el segundo enlace. Se vuelve a crear una nueva ventana, esta vez con el contenido de pagina2.htm.
Pulsamos sobre la palabra 'Poner' para activar el tercero de los enlaces. En este caso el navegador busca una ventana de nombre primera_ventana y la encuentra, porque fue creada en el paso 1. Una vez encontrada muestra en ella el contenido de pagina3.htm quitando el contenido de pagina1.htm.

Tras llevar a cabo estos pasos deberíamos obtener el resultado de la figura 8.4, en la que vemos la ventana madre y las otras dos abiertas:

Figura 8.4. Este debe ser el resultado final tras llevar a cabo todos los pasos en el ejemplo de uso del atributo TARGET para crear varias ventanas.

Hemos puesto un color de fondo a ventana3.htmpara que resalte más.

[editar]

< anterior | 1 ... 43 44 45 46 47 48 49 ... 75 | siguiente >

Opinar
192 opiniones

sara

deberian poner como hacer un enlace a otra pagina desde un boton

luis

este tutorial esta fabuloso!

esta chivo

gracias por publicar cosas buenas

OCHOA

BUENO

OCHOA

El comentario de algo asi me interesa a mi tambien.

1 2 3 4 5 6 7 ... 39 | siguiente >

Cursos gratis relacionados con 'Curso completo de HTML'

Curso completo de HTML

Este es un curso tremendamente completo, guiado y con ejemplos y prácticas pensadas para convertirlo... Más »

Curso de Ada

El objetivo de este curso es aprender a programar en el lenguaje Ada, desde sus... Más »

Curso de hacking

Práctico y completo curso de hacking.

Curso de Linux

Completo curso de Linux, un sistema operativo gratuito y de libre distribución inspirado en el... Más »

El fascinante mundo de los virus informáticos

Completo curso acerca de los virus informáticos, historia, clasificación, protección...

Anuncios Google

Autor y licencia de 'Curso completo de HTML'

Curso gratis de Jorge Ferrer, Víctor García y Rodrigo García. Extraido de: http://es.tldp.org/Manuales-LuCAS/doc-curso-html/doc-curso-html/ CopyLeft

Licencia GNU Free Documentation License: http://www.gnu.org/copyleft/fdl.html

Este contenido ha sido recopilado por el equipo de Wikilearning. Todo el contenido recopilado se ha obtenido respetando y comunicando en nuestro site la licencia de cada fuente.

Wikilearning tiene permiso expreso por escrito de los autores para publicar los contenidos que ha extraído de otras webs, incluyendo su uso comercial.