Iframes

Transcripción

Iframes
DREAMWEAVER
Iframes
Iframe (por inline frame o marco incorporado en inglés)
es un elemento HTML que permite insertar o incrustar
un documento HTML dentro de un documento HTML
principal. Insertar un iframe entre una sección o bloque
es semejante a insertar un elemento object. Esto
permite que se pueda insertar un documento HTML
dentro de otro, alineado de acuerdo a sus límites.
(http://es.wikipedia.org/wiki/Iframe)
1. Abrir un archivo nuevo: Archivo (File) >
Nuevo (New)
2. Insertar una tabla para diseñar una plantilla de la nueva página.
Insertar (Insert) > Tabla (Table)
3. Posicionar el cursor el la celda donde se insertará el iframe
4. Utilizando la ventana de vista de código
se inserta el siguiente
código:
Ejemplo 1:
<iframe name="iframe" src="bienvenida.html"> </iframe>
Ejemplo 2:
<iframe name="iframe" src="http://www.google.com"> </iframe>
5. Los parámetros que se pueden agregar son los siguientes:
Atributo
align
Valor
left
right
top
middle
bottom
Descripción
Especifica la alineación del iframe.
frameborder
1
0
Especifica si el iframe tendrá o no un borde alrededor.
height
pixels
%
Define la altura del iframe en pixeles o porcentaje.
marginheight pixels
Define los márgenes del “arriba (top)” y “abajo (bottom)” del iframe
marginwidth
pixels
Define los márgenes del “izquierdo” y “derecho” del iframe
name
frame_name
Specifies un nombre único (id) para el iframe.
scrolling
yes
no
auto
Define las barras de desplazamiento
src
URL
El nombre del documento o sitio web que se desplegará en el
iframe.
width
pixels
%
Define el ancho del iframe
Ejemplo:<iframe name="iframe" src="bienvenida.html" align="center" frameborder="0"
width="533" height="199" scrolling=”no”></iframe>

Documentos relacionados

índices analítico y general

índices analítico y general Lo esencial del lenguaje HTML5............................................................ 13

Más detalles

Negrita, cursiva y subrayado

Negrita, cursiva y subrayado NUESTRA En el 3º Ciclo, he insertado un programa de sudokus, que realmente es una página independiente, no nuestra. ¿Cómo? Gracias a una etiqueta HTML llamada "iframe" El código es este: