Tutorial HTML iFrames

En 1996, la versión 3.0 de Internet Explorer introdujo una etiqueta HTML llamado el iframe. Se utiliza para enlazar a contenido que pueda ser colocado en una caja más pequeña dentro de una página Web. La etiqueta iframe HTML viene con muchos atributos diferentes que pueden cambiar la forma en que funciona y se ve. Se llevan a cabo desde el interior de la etiqueta iframe HTML que se vería así: <iframe>. Añadir atributos dentro de la etiqueta iframe para manipular su apariencia. Por ejemplo, escriba <iframe scrolling = "no"> para bloquear a los usuarios Web de desplazamiento dentro del marco flotante.

Instrucciones

1 Abra el archivo HTML con un editor de texto. Bloc de notas será un gran trabajo. Haga clic en el archivo, seleccione "Abrir con" y haga clic en "Bloc de notas". Al mismo tiempo, mantener el archivo HTML se abre en un navegador Web para que pueda refrescarse y ver los cambios a medida que se hacen después de guardar el archivo HTML en el editor de texto. Mira el archivo en el navegador Web y localizar dónde colocar el iframe. Asegúrese de elegir un espacio con mucho espacio, ya que un gran marco flotante en un espacio pequeño puede irritar los usuarios.

2 Coloque la etiqueta iframe apertura <iframe> donde debe empezar, a continuación, cierre el iframe con la etiqueta de cierre </ iframe>. Antes de que el tamaño del iframe y otras especificaciones se pueden añadir, crear una página web pequeña del iframe puede enlazar. Será contiene imágenes y texto, pero tenga cuidado de no insertar demasiado contenido de modo de desplazamiento en el interior del marco flotante se mantiene al mínimo.

3 Colocar el nombre, enlace, y la descripción de los atributos dentro de la etiqueta iframe. Para el nombre, tipo "name =" nombre del iframe "" (usando sólo las citas dentro) justo dentro de la etiqueta iframe. Este formato se puede utilizar para los otros atributos de marco flotante. Utilice el atributo src para enlazar a la URL del contenido que va dentro del marco flotante escribiendo "" (de nuevo, sólo las cotizaciones en el interior). El atributo longdesc se utiliza para vincular a un archivo de texto con una descripción del contenido del marco flotante que aparece cuando el navegador no soporta iframes.

4 Determinar el tamaño correcto, los márgenes y la colocación del marco flotante ahora que el contenido se ha relacionado con. Anchura y altura son los atributos que establecen el tamaño del iframe. Si el iframe se supone que debe mantenerse el mismo tamaño, tipo "width =" 400 "" (sólo las citas dentro) para ajustar el tamaño en píxeles. Para el iframe para cambiar los tamaños con el navegador, escribiendo "width =" 35% "" (entre comillas solamente) hará que sea siempre el 35 por ciento de la anchura total de la página Web. Utilice el atributo align para elegir la ubicación del iframe. Tipo "align =" arriba, derecha "" (entre comillas) sólo o cualquier combinación de dos opciones que también se incluye la media, inferior, izquierdo y central.

5 Establecer los atributos de la frontera y ancho del margen. La frontera atributos y ancho del margen son los toques finales para ayudar al iframe encaja con el resto de la página Web. Los márgenes se miden con los pixeles, y la frontera utiliza uno o cero. Escribiendo "margen =" 10 "" y "frontera" 1 "" (entre comillas única para ambos) va a crear un pequeño margen con un borde de igualar. Guarde el archivo HTML en el editor de texto y actualizar el navegador web para asegurarse de que todo funciona correctamente.