Marcos

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  en lugar de la etiqueta////.  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
code format="code"     code code format="code" <span style="color: #324354; font-family: 'Courier New',Courier,mono;"> code code format="code" <span style="color: #324354; font-family: 'Courier New',Courier,mono;"> code

Ejemplo Nº 2
code format="code" <span style="color: #324354; font-family: 'Courier New',Courier,mono;"> code code format="code" <span style="color: #324354; font-family: 'Courier New',Courier,mono;"> code code format="code" <span style="color: #324354; font-family: 'Courier New',Courier,mono;"> <FRAME SRC="frame1.htm" NAME="left"> <FRAME SRC="frame2.htm" NAME="right">

</FRAMESET> code code format="code" <span style="color: #324354; font-family: 'Courier New',Courier,mono;"> code

Ejemplo Nº 3
code format="code" <span style="color: #324354; font-family: 'Courier New',Courier,mono;"> code code format="code" <span style="color: #324354; font-family: 'Courier New',Courier,mono;"> <FRAME SRC="frame1.htm" NAME="left">  <FRAME SRC="frame2.htm" NAME="upper_right"> <FRAME SRC="frame3.htm" NAME="lower_right">

</FRAMESET> code <span style="background-color: #ffffff; color: #303030; display: block; font-family: Arial,Helvetica,sans-serif; text-align: justify;">

<span style="background-color: #ffffff; color: #303030; font-family: Arial,Helvetica,sans-serif; font-size: 20px;">Atributos de la etiqueta 
valor en píxeles Estableciendo uno de los valores y asignando al otro el valor//*//, el valor se ajusta automáticamente. || Marco horizontal || Estableciendo uno de los valores y asignando al otro el valor//*//, el valor se ajusta automáticamente. || Marco vertical || NO || Indica si el marco tiene o no un borde || Valor hexadecimal del color || Indica el color del borde || code format="code" <span style="color: #324354; font-family: 'Courier New',Courier,mono;"> code
 * ~ Atributo ||~ Valor ||~ Acción ||
 * Rows || porcentaje (entre 1 y 100)
 * Cols || porcentaje en píxeles
 * Frameborder || YES
 * Border=n || n es un valor que define el tamaño del borde || Indica el tamaño del borde ||
 * Bordercolor || Nombre del color
 * Framespacing=n || n es el valor que define el espacio entre los marcos || Indica el espacio entre los marcos ||

<span style="background-color: #ffffff; color: #303030; font-family: Arial,Helvetica,sans-serif; font-size: 20px;">Atributos de la etiqueta 
<span style="background-color: #ffffff; color: #303030; display: block; font-family: Arial,Helvetica,sans-serif; text-align: justify;"> La etiqueta <FRAME>se usa para definir uno o varios marcos dentro de la etiqueta  NO || Determina si los marcos tienen o no borde || //**NO**// //**AUTO**// || Habilita o no las barras de desplazamiento (//**Auto**// permite que el navegador decida si es necesario o no habilitarlas) || code format="code" <span style="color: #324354; font-family: 'Courier New',Courier,mono;"> code
 * ~ 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
 * 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**//

<span style="background-color: #ffffff; color: #303030; font-family: Arial,Helvetica,sans-serif; font-size: 20px;">¿Cómo pueden evitarse errores que surgen de navegadores no compatibles?
<span style="background-color: #ffffff; color: #303030; display: block; font-family: Arial,Helvetica,sans-serif; text-align: justify;"> 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>. <span style="background-color: #ffffff; color: #303030; display: block; font-family: Arial,Helvetica,sans-serif; text-align: justify;"> **Ejemplo:** code format="code" <span style="background-color: #ffffff; color: #324354; font-family: 'Courier New',Courier,mono;">

<FRAME SRC="frame1.htm" NAME="left">

<FRAME SRC="frame2.htm" NAME="right">

</FRAMESET> code code format="code" <span style="background-color: #ffffff; color: #324354; font-family: 'Courier New',Courier,mono;"><NOFRAMES> <BODY> Este código HTML requiere un navegador que admita marcos. Perdone las molestias. </BODY> </NOFRAMES> code code format="code" <span style="background-color: #ffffff; color: #324354; font-family: 'Courier New',Courier,mono;"> code

<span style="background-color: #ffffff; color: #303030; font-family: Arial,Helvetica,sans-serif; font-size: 20px;">Designación de un marco con un hipervínculo
<span style="background-color: #ffffff; color: #303030; display: block; font-family: Arial,Helvetica,sans-serif; text-align: justify;"> 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>). <span style="background-color: #ffffff; color: #303030; display: block; font-family: Arial,Helvetica,sans-serif; text-align: justify;"> Por ejemplo:  code format="code" <span style="background-color: #ffffff; color: #324354; font-family: 'Courier New',Courier,mono;"><A HREF="page.htm" TARGET="left"> code
 * ~ 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 ||