Diseño de Páginas Web
<IFRAME>...</IFRAME> , que van a definir * MARGINWIDTH= " x " , donde x = nº
el principio y fin del marco flotante. Estas píxeles. Nos define el espacio en píxeles que
etiquetas deben situarse dentro del cuerpo de va a haber entre el borde izquierdo del marco
la página que contiene al marco, es decir, y su contenido.
entre <BODY> y </BODY>.
Los principales atributos de la etiqueta Ejemplo.- (Sólo para [Link])
<IFRAME> son: <html>
* NAME=" nombre " , análogo al atributo de <head>
<FRAME>, sirve para identificar unívocamente </head>
al marco flotante, con vistas a referenciar su <body>
contenido mediante un enlace por medio del <iframe src="[Link]" frameborder="1"
parámetro TARGET. marginwidth="60"
* WIDTH= " x " , donde x = nº píxeles. Con marginheight="30"></iframe>
este atributo definimos la anchura que va a </html>
tener el marco flotante. * SCROLLING= " yes / no / auto " , que nos
* HEIGHT= " x " , donde x = nº píxeles. Con va a definir si el marco va a tener barra
este atributo definimos la altura que va a tener deslizadora siempre, nunca o sólo cuando sea
el marco flotante. necesario por exceder el contenido al tamaño
* ALIGN= " left / center / right " , Va a del mismo. Su valor por defecto es auto .
definir si el marco va a estar alineado a la * SRC= " ruta página html " , que nos va a
izquieda en la ventana del navegador, definir la página web que se va a cargar dentro
centrado o a la derecha. del marco flotante. Podemos especificar bien la
Ejemplo.- (Sólo para [Link]) ruta completa de la página en el directorio de
<html> nuestro servidor web o bien una URL completa
<head> de Internet.
</head> * STYLE= " parámetro-valor / parámetro-
<body> valor / … " , Este atributo es una aplicación
<iframe align="left" directa de las Hojas de Estilo en Cascada
src="[Link]"></iframe> (CSS), y nos permiten definir la posición y
<iframe align="center" tamaño del marco en la ventana del
src="[Link]"></iframe> navegador. Si el frame flotante no contiene
</html> una página web referenciada mediante SRC y
* FRAMEBORDER= " 0 / 1 " , Este atributo contiene texto, también es posible aplicar
hace que el marco aparezca sin borde o con estilos a este texto, como color, fuente,
borde (valor por defecto) respectivamente. tamaño, etc.
Ejemplo.- (Sólo para [Link]) Ejemplo.- (Sólo para [Link])
<html> <html>
<head> <head>
</head> </head>
<body> <body>
<iframe src="[Link]" frameborder="0" <iframe src="[Link]" style="position:absolute;
align="center" ></iframe> left:100px;top:140px;width:400px;height:150p
</html> x;" >
* VSPACE= " x " , donde x = nº píxeles. Nos </iframe>
sirve para posicionar el marco, y define la </html>
distancia entre el borde superior del marco y el * CLASS= " clase " . Análogo al anterior, pero
límite superior de la ventana del navegador. ahora refiriendo el estilo del marco flotante
* HSPACE= " x " , donde x = nº píxeles. Nos (posición y tamaño) de acuerdo con una clase
sirve para posicionar el marco, y define la de estilos definida en la sección de la página
distancia entre el borde izquierdo del marco y que contiene al marco o en un archivo externo
el límite izquierdo de la ventana del de extensión ".css"
navegador. * ID= " identificador " . En todo semejante al
anterior, pero con la diferencia que ahora el
Ejemplo.- (Sólo para [Link]) nombre de identificador asignado debe ser
<html> único para cada marco en concreto. También
<head> posibilita cambiar dinámicamente las
</head> propiedades del marco usando un lenguaje de
<body> script, como JavaScript.
<iframe src="[Link]" hspace="100" Si queremos, podemos colocar un texto
vspace="20"></iframe> alternativo entre las etiquetas <IFRAME>> e
</html> </IFRAME>, con el objeto de que aquellas
* MARGINHEIGHT= " x " , donde x = nº personas cuyo navegador no soporte los
píxeles. Nos define el espacio en píxeles que marcos flotantes puedan contemplar un
va a haber entre el borde superior del marco y mensaje alternativo.
su contenido.
Nombre: Gonzalez Martinez Rafael
Grupo: 605