FRAME TAGS

Tony's HTML4 Course


Frame Basic
Frame Size
Frame Name & Target
Frame Appearance
Floating Frame

pic Frame Basic

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

<HTML>
<HEAD>...</HEAD>
<FRAMESET>
     <FRAME SRC="url">
     <NOFRAMES>
     ...SRC for browsers does not support frame. 
     </NOFRAMES>
</FRAMESET>
<HTML>






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





No Resize <frame noresize>

Default frame is resizable.






pic Frame Name & Target

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, _self, _parent, _top








pic Frame Appearance

Border Width <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>






Border Display <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>






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, White, 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=#>
#=Margin Size

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

#=auto is default.

pic Floating Frame

<iframe src=# name=#> ... </iframe>
#=URL
#=Frame Name
... = src for browser doesn't supported iframe.

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>
*iframe can use the same attributes of frameset, frame and img:
     border=#, frameborder=#, framespacing=#
     marginwidth=#, marginheight=#
     scrolling=yes, no, auto
     align=top, middle, bottom, absmiddle, absbottom, 
           texttop, baseline, left, right
     width=#, height=#
     hspace=#, vspace=#






Back to Top

Back to HTML Index Page

Page | Font | Text | Image | Form | Table | Frame | Objects | XML

Please e-mail me at:d4188@hotmail.com
<script language="JavaScript">document.write("<no" + "script>")</script> </HTML>