Make your own free website on Tripod.com

Garça Selvagem

Home | HTML | JavaScript | CSS | Serviços

HTML avançado - Frames

Ir para a página inicial da seção HTML

Frames

     Frames são atributos que se usa muito em páginas html para dividir a página e 2 ou mais telas.
     Com os frames, se pode colocar telas dividas, e muitas vezes se usa uma dessas telas para se colocar os links da página, e aquela tela com os links nunca vai mudar. Obs: Alguns navegadores não suportam frames

[an error occurred while processing this directive] Frame Basic

<frameset> ... </frameset>
<frame src="url">
<noframes> ... </noframes>
Seu browser não suporta brames <noframes>

<HTML>
<HEAD>
</HEAD>
<FRAMESET>

<FRAME SRC="url">

<NOFRAMES> ... </NOFRAMES>

</FRAMESET>
<HTML>

[an error occurred while processing this directive]

Frame Size

<frameset cols=#>

A

B

C

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

<frameset rows=#>

A

B

C

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

COLS & ROWS

A

B

C

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

[an error occurred while processing this directive]

Frame Option

Frame Name
<frame name=#>
<a href=url target=#>

A

B

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

Special Target


<a href=url target=_blank>
<a href=url target=_self>
<a href=url target=_parent>
<a href=url target=_top> [an error occurred while processing this directive] Frame Appearance

Frame Border <frame frameborder=#> #=yes, no

A

B

C

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


Frame Spacing <frameset framespacing=#> #=Space Size

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>


Border Color <frameset bordercolor=#>

#=rrggbb Hex Number, or Name:
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
Fuchsia, Green, Purple, Silver, Yellow, Aqua

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>


Margin <frame marginwidth=# marginheight=#>

AAAA

AA
AA

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



Scrollbar <frame scrolling=#> #=yes, no, auto

 

[an error occurred while processing this directive]

Display A.html


Load A
Load B
Load C

<center>
<iframe src="A.html" name="window">
  Here is a Floating Frame
</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>





Coloque o Garça Selvagem nos seus favoritos