MARCAS DE MARCOS

NCD Guía de Diseño en HTML v6.0

Marco Básico

<frameset> ... </frameset>
<frame src="url">
<noframes> ... </noframes>

<HTML>
<HEAD>...</HEAD>
<FRAMESET>
     <FRAME SRC="url">
     <NOFRAMES>
     ...Código para navegadores que no utilicen marcos. 
     </NOFRAMES>
</FRAMESET>
<HTML>

Tamaño del Marco

<frameset cols=#>

<frameset cols=30%,20%,50%>
<frame src="A.html">
<frame src="B.html">
<frame src="C.html">
</frameset>

Página de Muestra

<frameset rows=#>

<frameset rows=25%,25%,50%>
<frame src="A.html">
<frame src="B.html">
<frame src="C.html">
</frameset>

Página de Muestra

Columnas y Filas

A	B
	C

<frameset cols=20%,*>
<frame src="A.html">
     <frameset rows=40%,*>
     <frame src="B.html">
     <frame src="C.html">
     </frameset>
</frameset>

Página de Muestra

Sin Ajustar Tamaño <frame noresize>

: El marco convencional es ajustable en su tamaño.

Nombre y Destino del Marco

Nombre del Marco
<frame name=#>
<a href=url target=#>

<frameset cols=50%,50%>
<frame src="A.html">
<frame src="B.html" name="HOLA">
</frameset>

Página de Muestra

Destino Especial <a href=url target=#>
#=_blank, _self, _parent, _top

Página de Muestra

Apariencia del Marco

Ancho del Borde <frameset border=#>

A
B	C

<frameset rows=30%,* border=20>
  <frame src="Acol.html">
<frameset cols=30%,*>
  <frame src="Bcol.html">
  <frame src="Ccol.html">
</frameset>
</frameset>

Página de Muestra

Visualización del Borde <frame frameborder=#>
#=yes, no, 1, 0

A
B	C

<frameset rows=30%,*>
  <frame src="Acol.html" frameborder=yes>
<frameset cols=30%,*>
  <frame src="Bcol.html" frameborder=no>
  <frame src="Ccol.html" frameborder=0>
</frameset>
</frameset>

Página de Muestra

Espacio entre Marcos <frameset framespacing=#>
#=Tamaño del Espacio

A
B	C

<frameset rows=30%,* framespacing=100>
<frame src="Acol.html">
<frameset cols=30%,*>
     <frame src="Bcol.html">
     <frame src="Ccol.html">
</frameset>
</frameset>

Página de Muestra

Color del Borde <frameset bordercolor=#>

#= rrggbb Número Hexadecimal, o Nombre:
Negro, Verde Aceituna, Verde Pálido, Rojo, Azul, Marrón, Azul Marino, Gris, Verde Lima,
Fucsia, Blanco, Verde, Púrpura, Plata, Amarillo, Aguamarina

A
B	C

<frameset rows=30%,* bordercolor=red>
<frame src="Acol.html">
<frameset cols=30%,*>
     <frame src="Bcol.html">
     <frame src="Ccol.html">
</frameset>
</frameset>

Página de Muestra

Margen <frame marginwidth=# marginheight=#>
#=Tamaño de la Margen

AAAA

AA
AA

<frameset cols=50%,50%>
<frame src="A.html">
<frame src="A.html" 
    marginwidth=50 
    marginheight=50>
</frameset>

Página de Muestra

Barra de Desplazamiento <frame scrolling=#>
#=yes, no, auto

: #=auto es el predeterminado.

Marco Flotante

<iframe src=# name=#> ... </iframe>
#=URL
#=Nombre del Marco
... = código para navegadores que no utilicen <iframe>.

Mostrar A.html

Load A
Load B
Load C

<center>
<iframe src="A.html" name="window">
   Aquí hay un marco flotante
</iframe>
<br><br>
<a href="A.html"
  target="window">Load A</A><BR>
<a href="B.html"
  target="window">Load B</A><BR>
<a href="Ccol.html"
  target="window">Load C</A><BR>
</center>

Página de Muestra

*iframe puede utilizar los mismos atributos de frameset, frame e img:

     border=#, frameborder=#, framespacing=#
     marginwidth=#, marginheight=#
     scrolling=yes, no, auto
     align=top, middle, bottom, absmiddle, absbottom, 
           texttop, baseline, left, right
     width=#, height=#
     hspace=#, vspace=#

Network Communication Design - http://www.ncdesign.org/
Copyright & Publishing 1994-2002 Network Communication Design msg@ncdesign.org
Derechos Reservados 1995-2006 por: Carlos J. Naranjo e-mail: <webmaster <ARROBA> orange-tech <PUNTO> net>