Frameset means splitting the screen into number of frames or screens.It is helpful in creating different websites such as news website,share trading etc.
.png)
<html>
<head>
<frameset>
<frameset rows=*,*>
<frameset cols=*,*>
<frame src="index.html">
<frame src="b2.html">
</frameset>
<frameset cols=*,*>
<frame src="b1.html">
<frame src="b3.html">
</frameset>
</frameset>
</frameset>
</head>
</html>
NOTE: We can use percentage instead of *;percentage means the percentage of screen occupied by each frame.
.png)
In this example I have used Target-which is used when we click on some link in one frame and that file or page opens in another frame.
Coding of main page:
<html>
<head>
<frameset>
<frameset rows=*,4* noresize>
<frameset cols=* noresize>
<frame src="welcome.html" noresize>
</frameset>
<frameset cols=*,3* noresize>
<frame src="links.html" noresize>
<frameset rows=4*,* noresize>
<frameset cols=* noresize>
<frame src="" name="id" noresize>
</frameset>
<frameset cols=* noresize>
<frame src="sym.html" noresize>
</frameset>
</frameset>
</frameset>
</frameset>
</frameset>
</head>
</html>
Coding for adding images to frameset:
<html>
<head></head>
<body bgcolor=#FFA500>
<center><img src="C:\Users\500040364\Pictures\Camera Roll\picture010.jpg" height=600 width=500></a></center><br>
<a href="links.html"></a>
</body>
</html>
<html>
<head></head>
<body>
<center>
<a href="nest.html">BACK</a>
<img src="C:\Users\500040364\Pictures\Camera Roll\picture010.jpg" height=1000 width=1000></center>
</body>
</html>
<html>
<head></head>
<body bgcolor=#0000FF>
<center><img src="C:\Users\500040364\Downloads\apple.jpg" height=600 width=500></center><br>
<a href="links.html"></a>
</body>
</html>
Coding for linking the frameset:
<html>
<head></head>
<body bgcolor=#ADD8E6>
<a href="NGO.html" target=id>Program for Family</a><br>
<a href="kids.html" target=id>Program for kids</a><br>
<a href="adults.html" target=id>Program for Adults</a><br>
</body>
</html>
<html>
<head></head>
<body bgcolor=#00FF00>
<center><img src="C:\Users\500040364\Pictures\Camera Roll\picture013.jpg" height=600 width=500></center><br>
<a href="links.html"></a><br>
<center><img src="C:\Users\500040364\Downloads\apple.jpg" height=600 width=500></center><br>
<a href="links.html"></a><br>
<center><img src="C:\Users\500040364\Downloads\apple.jpg" height=600 width=500></center><br>
<a href="links.html"></a>
</body>
</html>
Coding of other frameset:
<html>
<head></head>
<body bgcolor=#00FFFF>
<marquee behavior=scroll><font size=4><center><h1><b>Welcome to my blog</b></h1></center></font size></marquee>
</body>
</html>
<html>
<head></head>
<body bgcolor=red>
<center><h1>Dehradun,Uttarakhand<br>India</h1></center>
</body>
</html>
This is all in HTML,hope you liked it and i will start Javascript from next time.
No comments:
Post a Comment