220/03/04
Ángel R. Puente Pérez
Ir a la página anterior

Ir al índice de contenidos

Ir a la página siguiente

16.2.- Marcos en línea.

Es un marco especial que permite incrustar una página dentro de otra.

La sintaxis se consigue con la etiqueta <iframe> con su cierre </iframe> (frame in line)y sus atributos src para cargar el documento y width y height para definir el hueco, el frame, en el que se cargará el nuevo documento. Podemos ponerle un name para referirnos a él y cargar otros documentos en ese espacio.

Supongamos que queremos cargar en este frame la página anterior cuyo nombre de archivo es marcos.htm, el código quedaría así:

<center>
<iframe src="marcos.htm" 
name="incrustado"
width="500" height="600">
</iframe>
</center>

Podemos también usar este tipo de marcos para cargar documentos ajenos a nuestro sitio. En ese caso hay que escribir la URL entera en el atributo src. Vamos a ver, como ejemplo, la carga de la página web del Aula Mentor del MECD español. Su dirección es http://www.mentor.mecd.es El código quedaría así:

<center>
<iframe src="http://www.mentor.mecd.es/" 
name="incrustado2"
width="500" height="600">
</iframe>
</center>

 

Podemos cargar en estos marcos (por eso son marcos y no simples ventanas incrustadas) los documentos que deseemos empleando el nombre que les hemos dado:

El código sería:

<a href="http://www.google.com" 
target="incrustado">
http://www.google.com
</a>

http://www.google.com (comprueba que se carga en el primer frame, en incrustado)

Cargamos en el segundo frame: incrustado2 la página inicial de este sitio index.htm que se encuentra en la carpeta anterior a la carpeta donde está guardado el archivo de este documento. La ruta es ../index.htm (creo que es la primera vez en este curso que se menciona este código para indicar la ruta de un archivo en una carpeta anterior a la que está guardado el archivo del documento en el que estamos trabajando).

<a href="../index.htm" 
target="incrustado2">
Cargar la página inicial de este sitio
</a>

Cargar la página inicial de este sitio (Comprueba que se carga en el segundo marco, en incrustado2).

Ir a la página anterior
Ir al índice de contenidos
Ir a la página siguiente
220/03/04
Ángel R. Puente Pérez
HTML 4.01
Logo Manual HTML