Wednesday, March 7, 2018

html page with different types of frames


2. To create an html page with different types of frames such as floating frame, navigation frame & mixed frame.
Procedure-
Ø  Create an html page named as mixedframe.html. Divide the page into 2 columns of 25% and 75% size. In 25% display the image file and divide the 75% into 2 rows(50% and 50%). In the first 50% display the other images
Ø   Create an html page named as navigationframe.html. divide the page into 2 columns  of 25%, 75% size. In 25% size call the hyperlink file and make the page to be get displayed on the other column when the link is clicked.
Ø  Create an html page named as floatingframe.html. In this file include a paragraph to explain floating frame and in floating frame include any html file created in above experiment.

File name:samba.html
<html>
<body>
<a href="frames.html" target="two">navigation frame</a><br>
<a href="floatingframe.html" target="two">floating frame</a><br>
<a href="mixedframe.html" target="two">mixed frame</a><br>
</body>
</html>
File name: navigation frame.html
<html>
<frameset cols="25%,*" scrolling="no" noresize>
<frame name="one"></frame>
<frame name="two"></frame>
</frameset>
</html>

File name: floatingframe.html
<html>
<head>
<title>floatingframe</title></head>
<body>
hello<br>
<p>this page contains floatingframes </p>
</html>

File name: mixedframe.html
<html>
<frameset cols="25%,*" scrolling="no" noresize>
<frame name="image1" src="Desert.jpg"></frame>
<frameset rows="50%,*" scrolling="no" noresize>
<frame name="image2" src="Tulips.jpg"></frame>
<frame name="image3" src="Penguins.jpg"></frame>
</frameset>
</html>

1 Comments:

At December 1, 2025 at 1:32 AM , Blogger Hire Front-end Developer said...

This article about HTML pages with different frame types is easy to understand. If someone wants help to create well-structured and professional web pages, it’s smart to Hire Frontend Developers for proper guidance.

 

Post a Comment

Subscribe to Post Comments [Atom]

<< Home