Flux rss
Bookmark Favorito / Compartir
I Frames O Frames Die Frames Les Frames Frames

Introducción a los marcos

Gracias a la tecnología de los marcos puede mostrar varias páginas HTML en diferentes áreas al mismo tiempo. Estas áreas se llaman marcos.

Los marcos no se encuentran en las especificaciones de HTML 3.x, de modo que el DTD debe mostrar la página como si hubiera sido escrita en HTML 4.0.

Creación de marcos

Para crear un sitio Web que contenga marcos, basta con crear un archivo con la disposición de los marcos. Este archivo HTML es especial ya que usa la etiqueta <FRAMESET> en lugar de la etiqueta <BODY>. <FRAMESET> es la etiqueta que define los tamaños de los marcos por sus dimensiones en píxeles o porcentajes (%).

Estos son tres ejemplos:

  • 2 marcos verticales
  • 2 marcos horizontales
  • 1 marco vertical y 2 horizontales

Ejemplo Nº 1

<FRAMESET COLS="20%, 80%"> <FRAME SRC="frame1.htm" NAME="left"> <FRAME SRC="frame2.htm" NAME="right"> </FRAMESET> 

Ejemplo Nº 2

<FRAMESET ROWS="20%, 80%">
<FRAME SRC="frame1.htm" NAME="left">
<FRAME SRC="frame2.htm" NAME="right">


</FRAMESET>

Ejemplo Nº 3

<FRAMESET COLS="20%, 80%"> 
<FRAME SRC="frame1.htm" NAME="left">
<FRAMESET ROWS="50%, 50%">
<FRAME SRC="frame2.htm" NAME="upper_right">
<FRAME SRC="frame3.htm" NAME="lower_right">

</FRAMESET>

Atributos de la etiqueta <FRAMESET>

Atributo Valor Acción
Rows porcentaje (entre 1 y 100)
valor en píxeles
Estableciendo uno de los valores y asignando al otro el valor *, el valor se ajusta automáticamente.
Marco horizontal
Cols porcentaje en píxeles
Estableciendo uno de los valores y asignando al otro el valor *, el valor se ajusta automáticamente.
Marco vertical
Frameborder YES
NO
Indica si el marco tiene o no un borde
Border=n n es un valor que define el tamaño del borde Indica el tamaño del borde
Bordercolor Nombre del color
Valor hexadecimal del color
Indica el color del borde
Framespacing=n n es el valor que define el espacio entre los marcos Indica el espacio entre los marcos

Atributos de la etiqueta <FRAMESET>

La etiqueta <FRAME>se usa para definir uno o varios marcos dentro de la etiqueta <FRAMESET>

Atributo Valor Acción
Src Direcciones URL Define la ubicación de la página que se debe mostrar en el marco
NAME "Nombre" Define un nombre que permitirá mostrar otro documento en el marco mediante el atributo Target
Marginwidth=n n es un entero que especifica el número de píxeles Tamaño de los márgenes laterales
Marginheight=n n es un entero que especifica el número de píxeles Tamaño de los márgenes superior e inferior
Frameborder YES
NO
Determina si los marcos tienen o no borde
Border=n n es un entero que especifica el número de píxeles N es un entero que especifica el valor en píxeles. Tamaños del espacio entre los marcos (solamente para Netscape)
Noresize (Ninguna) Impide que el usuario modifique los marcos (No es el valor predeterminado)
Scrolling YES
NO
AUTO
Habilita o no las barras de desplazamiento (Auto permite que el navegador decida si es necesario o no habilitarlas)

¿Cómo pueden evitarse errores que surgen de navegadores no compatibles?

Las etiquetas <NOFRAMES> y </NOFRAMES> se usan para especificar qué texto HTML debe aparecer si el navegador no tiene marcos habilitados. El texto entre las etiquetas <NOFRAMES> y </NOFRAMES> debe, por lo tanto, contener las etiquetas <BODY> ... </BODY>.

Ejemplo:

<FRAMESET COLS="20%, 80%">
<FRAME SRC="frame1.htm" NAME="left">
<FRAME SRC="frame2.htm" NAME="right">

</FRAMESET>

<NOFRAMES> <BODY> Este código HTML requiere un navegador que admita marcos. Perdone las molestias. </BODY> </NOFRAMES>

Designación de un marco con un hipervínculo

Para mostrar vínculos en uno de los marcos, use el atributo TARGET en la etiqueta <A HREF ..> para especificar el nombre del marco dado por el atributo NAME en la etiqueta <FRAME>).

Por ejemplo:

<A HREF="page.htm" TARGET="left">

Valor Acción Acción
_self Muestra el destino en el mismo marco que el vínculo
_parent Muestra el destino en el marco de nivel superior siguiente
_blank Muestra el destino en una nueva ventana
_top Muestra el destino en toda la ventana del navegador


Última actualización el jueves, 16 de octubre de 2008, 15:43:30 .Este documento intitulado « Marcos » de Kioskea (es.kioskea.net) esta puesto a diposición bajo la licencia Creative Commons. Puede copiar, modificar bajo las condiciones puestas por la licencia, siempre que esta nota sea visible.
Marcado HTML HTML, un lenguaje de marcado HTML no es un lenguaje de programación. Es un lenguaje que se utiliza para describir la disposición y el formato del contenido, escrito como texto simple. Una página HTML es un archivo de texto básico que contiene... es.kioskea.net/contents/html/htmlbalise.php3
Web - Marcadores Marcadores Cuando se navega por la Web es habitual encontrar un sitio o página Web interesante y querer anotar su dirección para regresar más adelante. Para esto se usan los marcadores (también llamados favoritos). Permiten crear un marcador virtual... es.kioskea.net/contents/www/favoris-bookmark.php3
Exportar automáticamente los marcadores en Firefox 3 En relación a Firefox 2, Firefox 3 utiliza un Nuevo administrador de marcadores. Estos ya no son guardados en el archivo bookmarks.html (en el directorio de tu perfil Firefox), sino en una base de datos SQLite (places.sqlite). Si esto ha... es.kioskea.net/faq/sujet-1940-exportar-automaticamente-los-marcadores-en-firefox-3
Llame por teléfono desde su PCNo confundas RTC con ADSL!!! Para comunicarnos por medio de un modem clásico de 33 ó 56kb/s, el modem marca el número de teléfono de un abonado de la red RTC, del mismo modo que con un teléfono clásico. El destinatario puede ser un teléfono, un... es.kioskea.net/faq/sujet-300-llame-por-telefono-desde-su-pc
Copia de respaldo de los favoritos de Internet y restaurarlosEn este artículo veremos cómo hacer una copia de respaldo de nuestros favoritos de Internet (IE) o marcadores como son llamados en Firefox. Además veremos cómo restaurarlos. La mayoría de navegadores en la actualidad poseen administradores de... es.kioskea.net/faq/sujet-2159-copia-de-respaldo-de-los-favoritos-de-internet-y-restaurarlos
Compactar las bases de datos SQLite de Firefox 3SQLite Firefox 3 utiliza bases de datos SQLite para guardar el historial, los marcadores, el sistema anti-phishing, etc. SQLite es una base de datos de muy buen rendimiento. Esto le permite ofrecer excelentes desempeños, búsquedas más rápidas y... es.kioskea.net/faq/sujet-1942-compactar-las-bases-de-datos-sqlite-de-firefox-3
Ejemplos de marcos html (Resuelto)Hola, Necesito de ejemplos de marcos en HTML Configuración: Windows XP Internet Explorer 6.0 es.kioskea.net/forum/affich-4539-ejemplos-de-marcos-html
El teclado no marca arroba ni acentoHola,el teclado no marca arroba ni acento esta ,tengo un windo ligero pro ps2 ,lo acabo de instalar alguien me puede decir como configurar el teclado la configuracion en panel de control esta puesta ya por españa Configuración: Windows XP Internet... es.kioskea.net/forum/affich-97662-el-teclado-no-marca-arroba-ni-acento
Mi PC: marca ningun dispositivo instaladoHola, mi computadora me marca en el sonido ningun dispositivo de audio instalado q hago Configuración: Windows Vista Internet Explorer 7.0 es.kioskea.net/forum/affich-24619-mi-pc-marca-ningun-dispositivo-instalado
Descargar Kodak EasyShareKodak EasyShare es un programa desarrollado por Kodak para que puedas organizar tus fotografias de la manera mas simple. El programa ofrece una forma sencilla pero efectiva de organizar tus fotos digitales, mediante categorias y marcas para que... es.kioskea.net/telecharger/telecharger-1427-kodak-easyshare
Descargar Ultra StarUltraStar es un programa de karaoke que emula el popular juego SingStar de la plataforma PlayStation. Esto permite a tu computadora evaluar tu tono de voz y ver que tan bueno eres cantando. Este programa de juego permte la participación de hasta 6... es.kioskea.net/telecharger/telecharger-3339-ultra-star
Descargar Photo CollagePhoto Collage un programa de fotomontaje que es capaz de crear atractivos collages, fondos de escritorio, cubiertas de CDs o DVDs y variados graficos para la web. Hacer un collage de fotos es muy facil, solo necesitas configurar el collage, escoge... es.kioskea.net/telecharger/telecharger-2186-photo-collage
La muerte de Michael Jackson marca un hito en internet, donde se dio la primiciaFans del cantante estadounidense Michael Jackson le rinden tributo en el centro de Londres este viernes 26 de junio de 2009, al día siguiente de su muerte. La muerte de la estrella de la música pop Michael Jackson marcó un hito para la era digital,... es.kioskea.net/actualites/la-muerte-de-michael-jackson-marca-un-hito-en-internet-donde-se-dio-la-primicia-11666-actualite.php3
Los auriculares de reproductores de MP3 podría afectar los marcapasosUn hombre escucha su MP3 a través de unos cascos el 13 de octubre de 2008 delante de la Comisión Europea. Los auriculares usados con los reproductores MP3 podrían crear interferencias con el funcionamiento de los marcapasos o desfibriladores... es.kioskea.net/actualites/los-auriculares-de-reproductores-de-mp3-podria-afectar-los-marcapasos-10937-actualite.php3
Los marcapasos corren riesgo de ser intervenidos por los 'hackers'Imagen de archivo de unos cirujanos realizando una operación a corazón abierto. Aparatos médicos como los marcapasos son vulnerables al ataque de los piratas informáticos o 'hackers', que podrían acceder a información privada sobre un paciente o... es.kioskea.net/actualites/los-marcapasos-corren-riesgo-de-ser-intervenidos-por-los-hackers-10164-actualite.php3
Etapas del proyectoLas etapas del proyecto Para poder administrarlo en un contexto de calidad, un proyecto deberá pasar por varias fases, al final de las cuales deberán definirse los acontecimientos importantes. Cada etapa se relaciona con una prestación y una... es.kioskea.net/contents/projet/etapes-projet.php3
Placa madreIntroducción a las placas madre El primer componente de un ordenador es la placa madre (también denominada "placa base"). La placa madre es el concentrador que se utiliza para conectar todos los componentes esenciales del ordenador. Como su... es.kioskea.net/contents/pc/carte-mere.php3
Fase preparatoria de un proyectoLa fase preparatoria El término proyecto preliminar se utiliza generalmente para referirse a todas las etapas preparatorias necesarias para poner en marcha el proyecto. Así, la idea es definir con precisión la naturaleza del proyecto de manera que... es.kioskea.net/contents/projet/phase-preparatoire.php3