Cómo crear marcos flotantes en HTML

HTML significa lenguaje de marcas de hipertexto (hyper text markup language). Este lenguaje se usa generalmente para crear páginas de sitio de internet. La creación de marcos para páginas de internet es un elemento vital que debes saber. Un documento enmarcado divide la ventana de un navegador en paneles múltiples o en ventanas más pequeñas. Cada marco puede contener un documento distinto. El beneficio de crear marcos es para que el usuario pueda ver la información en un marco mientras mantiene otro marco abierto, el cual sirve de referencia, en vez de moverlo de un lugar a otro entre las páginas. El contenido de un marco pueden ser manipulado o vinculado al contenido de otro marco. Esto permite al diseñador de página que pueda elaborar interfaces muy sofisticadas.

Pasos

Descargar el PDF

{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/b\/be\/Create-Floating-Frames-in-HTML-Step-1.jpg\/v4-460px-Create-Floating-Frames-in-HTML-Step-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/be\/Create-Floating-Frames-in-HTML-Step-1.jpg\/v4-728px-Create-Floating-Frames-in-HTML-Step-1.jpg","smallWidth":460,"smallHeight":184,"bigWidth":728,"bigHeight":291,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

El marco flotante se usa para crear una región enmarcada interior o ventana, que actúa de forma similar a otros objetos incrustados en los cuales se puede flotar texto a su alrededor.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/78\/Create-Floating-Frames-in-HTML-Step-2.jpg\/v4-460px-Create-Floating-Frames-in-HTML-Step-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/78\/Create-Floating-Frames-in-HTML-Step-2.jpg\/v4-728px-Create-Floating-Frames-in-HTML-Step-2.jpg","smallWidth":460,"smallHeight":184,"bigWidth":728,"bigHeight":291,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Dentro del contenido de un elemento HTML, un marco interno está definido por el elemento del "iframe" (marco).
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/93\/Create-Floating-Frames-in-HTML-Step-3.jpg\/v4-460px-Create-Floating-Frames-in-HTML-Step-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/93\/Create-Floating-Frames-in-HTML-Step-3.jpg\/v4-728px-Create-Floating-Frames-in-HTML-Step-3.jpg","smallWidth":460,"smallHeight":62,"bigWidth":728,"bigHeight":98,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/8\/84\/Create-Floating-Frames-in-HTML-Step-4.jpg\/v4-460px-Create-Floating-Frames-in-HTML-Step-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/8\/84\/Create-Floating-Frames-in-HTML-Step-4.jpg\/v4-728px-Create-Floating-Frames-in-HTML-Step-4.jpg","smallWidth":460,"smallHeight":59,"bigWidth":728,"bigHeight":93,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

El "src" está ajustado a la dirección URL del archivo que se cargará, mientras que la altura y el ancho están ajustados ya sea a los pixeles, o al valor porcentual de la pantalla que la región del marco flotante utilizará.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/1\/14\/Create-Floating-Frames-in-HTML-Step-5.jpg\/v4-460px-Create-Floating-Frames-in-HTML-Step-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/14\/Create-Floating-Frames-in-HTML-Step-5.jpg\/v4-728px-Create-Floating-Frames-in-HTML-Step-5.jpg","smallWidth":460,"smallHeight":71,"bigWidth":728,"bigHeight":113,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Los marcos flotantes también soportan el atributo de alineación, para lograr un posicionamiento básico dentro del flujo de un texto, como por ejemplo la etiqueta.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/c9\/Create-Floating-Frames-in-HTML-Step-6.jpg\/v4-460px-Create-Floating-Frames-in-HTML-Step-6.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/c9\/Create-Floating-Frames-in-HTML-Step-6.jpg\/v4-728px-Create-Floating-Frames-in-HTML-Step-6.jpg","smallWidth":460,"smallHeight":76,"bigWidth":728,"bigHeight":121,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

De esta forma puedes controlar los márgenes del contenido enmarcado.

Anuncio

Consejos

No todos los navegadores de internet soportan el elemento "iframe".
Los navegadores como Internet Explorer 6 y Netscape 7 visualizan el marco flotante.
Internet Explorer soporta la incorporación de los atributos de "hspace" y "vspace" (espaciado horizontal y espaciado vertical).

Anuncio

Iniciar sesión

Cómo crear marcos flotantes en HTML

Pasos

Consejos

wikiHows relacionados

Acerca de este wikiHow

¿Te ayudó este artículo?

Artículos relacionados

¡Suscríbete al boletín gratuito de wikiHow!

Síguenos

Compartir

Explore Categories