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>

0 Comments:

Post a Comment

Subscribe to Post Comments [Atom]

<< Home