Cómo crear marcos flotantes en HTML

PDF download Descargar el PDF
PDF download Descargar el PDF

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

PDF download Descargar el PDF
  1. {"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.
  2. {"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).
  3. {"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>"}
  4. {"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á.
  5. {"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.
  6. {"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

wikiHows relacionados

4 formas de agregar un enlace a una imagen
Cómo
hacer una página web en HTML
Cómo
establecer el color de fondo en HTML
Cómo
insertar espacios en HTML
Cómo
ejecutar un archivo HTML en Visual Studio Code
Cómo
cambiar el color de botón en HTML
Cómo
crear una calculadora usando HTML
Cómo
editar archivos HTML
Cómo crear una línea horizontal en HTML
Cómo
centrar una imagen en HTML
Cómo
crear un enlace de correo electrónico en HTML
Cómo
insertar imágenes con HTML
Cómo
hackear una página web con HTML
Cómo
hacer que el texto parpadee en HTML
Anuncio

Acerca de este wikiHow

Esta página ha recibido 11 276 visitas.

¿Te ayudó este artículo?

Anuncio