Curso completo de HTML - El atributo TARGET
(131 opiniones)
Curso gratis de
Jorge Ferrer, Víctor García y Rodrigo García - 23 de Febrero de 2006
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.
- 1 - Introducción al lenguaje HTML
- 2 - Primeros pasos con HTML
- 3 - Parrafos en HTML
- 4 - Cómo insertar imagenes en una pagina
- 5 - Cómo crear enlaces hipertexto
- 6 - PRÁCTICA 1: La pagina web de "La chistera"
- 7 - Anclas (I)
- 8 - Anclas (II)
- 9 - Formato de texto
- 10 - La etiqueta FONT
- 11 - Texto preformateado
- 12 - Acentos y otros caracteres especiales
- 13 - Listas en HTML (I)
- 14 - Listas en HTML (II)
- 15 - Comentarios en HTML
- 16 - Practica 2: Un sitio web completo
- 17 - Usando color en el WWW
- 18 - Cómo cambiar la apariencia de una pagina
- 19 - Imagenes en las paginas Web (I)
- 20 - Imagenes en las paginas Web (II)
- 21 - Imagenes en las paginas Web (III)
- 22 - Cómo cambiar la apariencia de las imagenes
- 23 - Alternativas a las imagenes inline (I)
- 24 - Alternativas a las imagenes inline (II)
- 25 - Mejoras en las imagenes
- 26 - Cómo se crea una tabla HTML (I)
- 27 - Cómo se crea una tabla HTML (II)
- 28 - Alineamiento de tablas
- 29 - Alineamiento de celdas y filas
- 30 - Ancho de tablas y celdas
- 31 - Celdas que abarcan varias filas o columnas
- 32 - Margenes y separación de celdas
- 33 - Anidamiento
- 34 - Practica 3 - Tabla de Datos
- 35 - Practica 4 - Pagina Web con una estructura creada con tablas
- 36 - Practica 4 - Pagina Web con una estructura creada con tablas
- 37 - Practica 4 - Pagina Web con una estructura creada con tablas
- 38 - Estandares y extensiones del lenguaje HTML (I)
- 39 - Estandares y extensiones del lenguaje HTML (II)
- 40 - Extensiones a las listas (I)
- 41 - Extensiones a las listas (II)
- 42 - Alineamiento
- 43 - La etiqueta META
- 44 - Otras etiquetas del lenguaje HTML 3.2
- 45 - El atributo TARGET
- 46 - La etiqueta BASE
- 47 - Creación de paginas con frames
- 48 - Creación del documento de definición de frames (I)
- 49 - Creación del documento de definición de frames (II)
- 50 - Pagina completa con frames
- 51 - Atributos de la etiqueta FRAME
- 52 - Compatibilidad: NOFRAME
- 53 - Anidamiento de framesets
- 54 - Bordes de los frames
- 55 - Valores especiales del atributo TARGET
- 56 - Practica 5: Web de Los Alpes con frames
- 57 - Frames flotantes
- 58 - Sonido vídeo y otros ficheros externos
- 59 - Multimedia Inline (I)
- 60 - Multimedia Inline (I)
- 61 - Plug-ins y objetos incrustados
- 62 - Java en las Paginas Web
- 63 - Inserción de Applets Java (I)
- 64 - Inserción de Applets Java (II)
- 65 - Inserción de Applets Java (III)
- 66 - ActiveX, la tecnología del futuro
- 67 - Formularios en HTML
- 68 - Controles de Formularios (I)
- 69 - Controles de Formularios (II)
- 70 - Controles de Formularios (III)
- 71 - Controles de Formularios (IV)
- 72 - Otros controles
- 73 - Practica 6-Formulario para "Los Alpes"
- 74 - COMO USAR LOS DATOS DE UN FORMULARIO
- 75 - Envío De Ficheros Usando Formularios
- 76 - html
|
Wikis relacionados con 'Curso completo de HTML - El atributo TARGET'
