Skip to main content.
Main | Dedicated | Colocation | Webservices | Smart Building | Domain | ISDN
A full totorial is avaliable at Frame Tutor

+ Frame Basic

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

HTML document included in <noframes> </noframes> are for browsers that do not support frames.
<HTML>
<HEAD>
</HEAD>
<FRAMESET>
<FRAME SRC="url">
<NOFRAMES> ... </NOFRAMES>
</FRAMESET>
<HTML>

+ 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>

Sample Page

<frameset rows=#>

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

Sample Page

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>

Sample Page

No Resize <frame noresize>

Default frame is resizable.

+ 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>

Sample Page




Special Target 

<a href=url target=_blank> 

<a href=url target=_self> 

<a href=url target=_parent> 

<a href=url target=_top> 










+ Frame Appearance 







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










A

B
C





<frameset rows=30%,*>
<frame src="A.html" frameborder=no>
<frameset cols=30%,*>
     <frame src="B.html" frameborder=no>
     <frame src="C.html" frameborder=no>
</frameset>
</frameset>






Sample Page





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











A

B
C





<frameset rows=30%,* framespacing=100>
<frame src="A.html">
<frameset cols=30%,*>
     <frame src="B.html">
     <frame src="C.html">
</frameset>
</frameset>

Sample Page















Border Color <frameset bordercolor=#>





#=rrggbb Hex Number, or Name:

Black,
Olive,
Teal,
Red,
Blue,
Maroon,
Navy,
Gray,
Lime,		

Fuchsia,
White,
Green,
Purple,
Silver,
Yellow,
Aqua











A

B
C






<frameset rows=30%,* bordercolor=red>
<frame src="A.html">
<frameset cols=30%,*>
     <frame src="B.html">
     <frame src="C.html">
</frameset>
</frameset>

Sample Page
















Margin <frame marginwidth=# marginheight=#>













 AAAA 
 AA
AA 		





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

Sample Page


















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




#=auto is a default.










+ Floating Frame 







<iframe src=# name=##> ... </iframe> 

#=URL

#=Frame Name 
	(as same as Frame Target)

... = html source for non supported browser















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>

Sample Page