Manual de HTML

 
 
 

Mapa Web

 
borde   borde
Portada arrow Lista de Códigos HTML arrow Utilización de la etiqueta iframe

 

Utilización de la etiqueta iframe Imprimir E-mail

Introducción a IFRAME. <IFRAME> es un práctico e impecable tag (marcador) de Internet Explorer 4+ que permite crear un frame (marco) 'interno' dentro de un documento HTML.

El frame interno puede contener un documento HTML (página web).
Haciendo click en cualquier link dentro del IFRAME ocasionará que el documento requerido por el link se cargue por defecto dentro del frame interno.

La sintaxis general para obtener un <IFRAME> es muy simple:

Dos ejemplos:

<iframe src="http://www.manual-html.com" width=450 height=300></iframe>

<iframe src="otra_pagina.html" width=450 height=300></iframe>

Como Usted puede ver, el marcador <IFRAME> acepta tres atributos básicos:
SRC: por SOURCE (FUENTE), que indica cuál es el documento a insertar,
WIDTH / HEIGHT: ancho / alto de la ventana IFRAME.
Como crear links dentro de un documento cargado en un IFRAME que abran documentos fuera del IFRAME

Ahora que Usted tiene una idea general del tag <IFRAME> es tiempo de aprender a alterar enlaces que se cargan en el interior del IFRAME. La forma de hacer esto es utilizando el atributo 'NAME'. Dé una mirada al ejemplo aquí abajo:

[Los LINKS]

<a href="demo-iframe-b.php" target="interno">Demo IFRAME "B"</a>

<a href="demo-iframe-c.php" target="interno">Demo IFRAME "C"</a>

[El IFRAME]

<iframe src="demo-iframe-a.php; width=450 height=300 name="interno"></iframe>

Dándole al <IFRAME> el atributo 'NAME' y usando 'TARGET' como atributo del tag <A> con igual valor que el de 'NAME' obtendrá que el link cargue el documento requerido dentro del IFRAME.

El tag IFRAME en otros browsers distintos a IE

Bien, el tag IFRAME es genial y todo lo que quiera, pero recuerde, es solo visible en Internet Explorer 4+.Mientras que esto es desafortunado, es afortunado sin embargo que este tag pueda por lo menos advertirse en otros navegadores distintos a IE4+. Los browsers (navegadores) que no soporten el tag <IFRAME> sencillamente no lo representarán ni siquiera sabrán que existe si Usted no crea un contenido alternativo para los usuarios de estos browsers.

La forma de hacerlo es encerrando ese contenido informativo / alternativo dentro del tag <IFRAME>:

<iframe src="http://www.manual-html.com" width=200 height=200>

<!--Contenido visto por browsers que NO soportan el tag <iframe>-->

<a href="http://www.manual-html.com">Click aquí para cargar Manual de HTML</a>

</iframe>

 

 
Portada
Capítulos del Manual de HTML
Introducción
Estructura básica
Cabecera
Cuerpo
Juego de caracteres HTML
Espacios y saltos de línea
Cabeceras
Atributos del texto
Listas
Imágenes
Enlaces
Tablas
Mapas
Formularios
Applet
Marquee
Sonidos
Frames
Scripts
Practicar en línea
Lista de prácticas en línea
FAQ
Preguntas frecuentes
Códigos HTML
Lista de Códigos HTML
Foros
Foros HTML
Otros Manuales
Manuales de otros lenguajes
 
   
 
 
Alojamiento web en Hostalia