Press "Enter" to skip to content

Frameset Examples in HTML

Last updated on October 4, 2019

Definition :

  • Frameset is a container which is meant for holding the content or loading the content available from external web pages.
  • Frameset is a heavy weight container which won’t be use in highly in the program life cycle.
  • Frameset tag will not work if body tag is there within the webpage.

Program :

<html>

     <frameset cols=”30%,30%,*”>

                     <frame src=”a.html”>

                                 <frame src=”b.html”>

                                 <frame src=”c.html”>

                </frameset>

</html>

a.html :

<h1> <center> A </center> </h1>

b.html :

<h1> <center> B </center> </h1>

c.html :

<h1> <center> C </center> </h1>

  • We won’t borders to move use this code.

Program :

<html>

     <frameset cols=”30%,30%,*”>

                     <frame src=”a.html” noresize/>

                                 <frame src=”b.html” noresize/>

                                 <frame src=”c.html” noresize/>

                </frameset>

</html>

  • When we have border color and no borders to write this code.

Program :

<html>

     <frameset cols=”30%,30%,*” bordercolor=”red” frameborder=”1″>

                     <frame src=”a.html” scrolling=”auto” noresize/>

                                 <frame src=”b.html” scrolling=”auto” noresize/>

                                 <frame src=”c.html” noresize/>

                </frameset>

</html>

  • One more option is there we don’t have scrolling to mension “no”.

Inner frameset:

  • Frameset is meant for we will be combining the rows and columns within the frameset.

Program :

<html>

     <frameset rows=”*,*” bordercolor=”red” frameborder=”1″>

                     <frame src=”a.html” noresize/>

                                 <frameset cols=”*,*” bordercolor=”red” frameborder=”1″>

                                     <frame src=”b.html”  noresize/>

                                     <frame src=”c.html” noresize/>

                     </frameset>

                </frameset>

</html>

Sample Program in Frameset:

Program :

<html>

     <frameset rows=”*,*,*,*,*,*,*” bordercolor=”red” frameborder=”1″>

                     <frame src=”a.html” noresize/>

                                 <frameset cols=”*,*” bordercolor=”red” frameborder=”1″>

                                     <frame src=”b.html”  noresize/>

                                     <frame src=”c.html” noresize/>

                     </frameset>

                                 <frameset cols=”*,*,*” bordercolor=”red” frameborder=”1″>

                                     <frame src=”d.html” noresize/>

                                                 <frame src=”e.html” noresize/>

                                                 <frame src=”f.html” noresize/>

                                 </frameset>

                                 <frameset cols=”*,*,*,*” bordercolor=”red” franeborder=”1″>

                                     <frame src=”g.html” noresize/>

                                                 <frame src=”h.html” noresize/>

                                                 <frame src=”i.html” noresize/>

                                                 <frame src=”j.html” noresize/>

                                 </frameset>

                                 <frameset cols=”*,*,*” bordercolor=”red” frameborder=”1″>

                                     <frame src=”k.html” noresize/>

                                                 <frame src=”l.html” noresize/>

                                                 <frame src=”m.html” noresize/>

                                 </frameset>

                                 <frameset cols=”*,*” bordercolor=”red” frameborder=”1″>  

                                     <frame src=”n.html” noresize/>

                                                 <frame src=”o.html” noresize/>

                                 </frameset>

                                 <frameset cols=”8″ bordercolor=”red” frameborder=”1″>

                                   <frame src=”p.html” noresize/>

                                 </frameset>

                </frameset>

</html>

Be First to Comment

    Leave a Reply

    Your email address will not be published. Required fields are marked *