Tag HTML iframe
Nota: Si no sabes lo que es un tag y/o cómo se debe utilizar, te recomendamos que leas nuestro tutorial "tags y atributos HTML" que puedes encontrar en nuestra sección de tutoriales HTML.
El tag
HTML iframe permite a los autores insertar un marco dentro del documento. Funciona de manera similar al
tag HTML frame pero el tag HTML iframe puede ser insertado entre el contenido del documento.
El tag HTML iframe es insertado en medio del texto tal como una tabla, y es mostrado como una ventana conteniendo el documento HTML.
En el siguiente ejemplo, el iframe es insertado para mostrar otro documento, y un vínculo es definido para los navegadores que no soportan iframes.
Comienzo del código
<iframe width="100%" height="150" src="http://www.htmlquick.com/reference/tags/a.html" frameborder="1">
Si ves este mensaje, significa que tu navegador no soporta esta característica o está deshabilitada. Pero puedes acceder a esta información aquí <a href="http://www.htmlquick.com/reference/tags/a.html">tag HTML a</a>.
</iframe>
Fin del código Observa que el tamaño de los iframes no puede ser modificado, de modo que no hay necesidad de un atributo "noresize" (como en el
tag HTML frame).
El atributo "id" asigna un identificador al elemento asociado. Este identificador debe ser único en el documento y puede ser usado para referirse a ese elemento.
Ejemplo:
Comienzo del código
<p id="parrafo1">Este es el primer párrafo nombrado parrafo1. Para cambiar dinámicamente las propiedades del mismo usa este identificador.</p>
Fin del código
El atributo "class" asigna un nombre de clase (o una lista de nombres de clase separados por espacios) al elemento contenedor. Es usado con hojas de estilos e indica al navegador la clase a la cual el elemento está asociado. Una clase provee atributos visuales para los elementos.
Ejemplo:
Comienzo del código
<p class="referencias">Este artículo está basado en el libro "Viento en los árboles" por Jhon L. Brooks</p>
<p class="referencias importante">Este artículo está basado en el libro "Viento en los árboles" por Jhon L. Brooks... y es más importante que el anterior.</p>
Fin del código
Define un estilo visual para el elemento. Es una mejor práctica definir atributos en hojas de estilos externas agrupándolos en clases. Los atributos en el parámetro "style" deben preservar este orden "nombre : valor" y ser separados por un punto y coma.
Si estás escribiendo
código XHTML te recomendamos no utilizar este atributo y probar con las clases de hojas de estilo (con el atributo "class").
Ejemplo:
Comienzo del código
<p style="color: #0000FF; font-size: 12pt">Este es un párrafo con un estilo definido</p>
<p>Y este es otro texto sin estilo.</p>
Fin del código
Indica un título para el elemento. Usado para dar una descripción acerca del elemento que es usualmente mostrado como un "tool tip" cuando el usuario pone el puntero del mouse sobre el elemento.
Ejemplo:
|
Código
|
Visualización
|
|
<a title="HTMLQuick.com" href="http://www.htmlquick.com">Código HTML</a>
|
Código HTML
|
Asigna un nombre al marco. Este nombre puede ser usado como el valor del atributo "target" en vínculos y formularios. Es recomendable usar el atributo "id" para compatibilidad con
código XHTML.
longdesc (uri)
Define la dirección de un recurso que provee una descripción para este marco. Está pensado para suplementar la descripción corta provista en el atributo "title".
Ejemplo:
Comienzo del código
<frame name="articulos" src="articulos-index.html" longdesc="que-marco-articulos.html">Fin del código
Este atributo define la dirección del contenido inicial para el marco.
Ejemplo:
Comienzo del código
<frame name="menu" src="menu.html">Fin del código
scrolling
Decide cómo deberán mostrarse los dispositivos de desplazamineto. Los valores posibles (insensibles a mayúsculas/minúusculas):
- auto: Este valor indica al navegador que provea dispositivos de desplazamiento solo cuando sea necesario (predeterminado).
- yes: Este valor indica al navegador que siempre provea dispositivos de desplazamiento.
- no: Este valor indica al navegador que no provea dispositivos de desplazamiento.
frameborder
Decide si un border (separador) será dibujado para este marco. El valor "1" indica al navegador que dibuje un borde para este frame, mientras que el valor "0" que no lo haga. Nota que para dos marcos adyacentes, ambos atributos "frameborder" deben establecerse a "0" si necesitas que el borde entre ellos sea invisible.
marginwidth (pixels)
Especifica la distancia entre el margen izquierdo y el contenido, así como la distancia entre el margen derecho y el contenido.
marginheight (pixels)
Especifica la distancia entre el margen superior y el contenido, así como la distancia entre el margen inferior y el contenido.
Asigna un ancho al elemento.
Asigna una altura al elemento.
align
Especifica la alineación horizontal del elemento. Los valores posibles son (insensibles a mayúsculas/minúsculas):
- left: El texto es alineado hacia el margen izquierdo.
- center: El texto es centrado.
- right: El texto es alineado hacia el margen derecho.
- justify: El texto es justificado hacia ambos márgenes.
No hay eventos definidos para este tag.
Lista completa e información acerca de
eventos en HTML
