Web Design

                                         HTML frames

 With frames, you can display more than one HTML document in the same browser window. Each HTML document is called a frame, and each frame is independent of the others.

Simple frame

<html>
<body style="background-color:powderblue;">
<h1>frame A</h1>

<p>it's nomal html page with styles</p>

</body>
</html>


 

How to mix a frame set in rows and columns

<html>
<frameset rows="50%,50%">

    <frame src="frame a.html"/>
   
    <frameset cols="25%,36%">
        <frame src="frame b.html"/>
        <frame src="frame c.html"/>
        </frameset>
    </frameset>
</html>
 

A horizontal frameset

<html>
<frameset rows="25%,50%,25%">
    <frame src="frame a.html"/>
    <frame src="frame b.html"/>
    <frame src="frame c.html"/>
</frameset>

<p>first frames a,b,c must be created before use  </p>
</html>

   
   
 

navigation frame

<html>
<frameset cols="120,*">
<frame src="tryhtml.html">
<frame src="frame a.html" name="showframe">
</frameset>
</html>

in tryhtml.html


<html>
<a href="frame a.html"target="showframe">frame a</a><br/>
<a href="frame b.html"target="showframe">frame b</a><br/>
<a href="frame c.html"target="showframe">frame c</a><br/>
</html>


 

Frame set with noresize noresize

<html>
<frameset rows="50%,50%">
    <frame noresize="noresize" src="frame a.html"/>
    <frame noresize="noresize" src="frame b.html"/>
</frameset>
</html>

vertical frame set

<html>
<frameset cols="25%,50%,25%">

    <frame src="frame a.html"/>
    <frame src="frame b.html"/>
    <frame src="frame c.html"/>
    
</frameset>
</html>

This free website was made using Yola.

No HTML skills required. Build your website in minutes.

Go to www.yola.com and sign up today!

Make a free website with Yola