Saturday, 2 April 2016

Create An HTML Page With Different Types Of Frame Such As Floating Frame Navigation Frame,Mixed Frame In HTML

Complete Question Here
To create an html page with different types of frames such as floating frame, navigation frame & mixed frame. i).Create an html page named as “mixedframe.html” . Divide the page into two columns of 25% & 75% size. In 25% display the image and divide the 75% into two rows. (50% & 50%). In the first 50% display the video file, and other 50% the time table created ii).Create an html page named as “navigationframe.html”. Divide the page into two columns of 25%, 75% size. In 25% size call the hyperlink , and make the page to be get displayed on the other column when the link is clicked. iii).Create an html page named as “floatingframes.html”. in this file include a paragraph to explain floating frame, and in floating frame include the any html file. 

Copy And Paste Code Into Notepad And Save As You Want With name.html  And Open In Your Browser

Mainpage.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="Noframe.html" target="two">no frame</a><br>
<a href="mixedframe.html" target="two">mixed frame</a><br>
</body>
</html>

Frame.html
<html>
<frameset cols="20%,35%,*" scrolling="no" noresize>
<frame name="one" src="MainPage.html"></frame>
<frame src="aa.gif"></frame>
<frame name="two" src="hulk.gif"></frame>
</frameset>
</html>

Floatingframe.html

<html>
<body>
<p> Explanation: There is a problem with the page you are trying to reach and it
cannot be displayed.
Try the following: * Refresh page: Search for the page again by clicking the Refresh
button. The timeout may have occurred due to Internet congestion.
 * Check spelling: Check that you typed the Web page address correctly. The
address may have been mistyped.
 * Access from a link: If there is a link to the page you are looking for, try accessing
the page from that link.
If you are still not able to view the requested page, try contacting you
<iframe src="bb.gif" height="225" width="500">
</iframe>
<iframe src="MainPage.html" height="50%" width="50%">
</iframe>
</body>
</html>
Mixedframe.html
<html>
<frameset cols="30%,*">
<frame src="pic.html"></frame>
<frameset rows="50%,*">
<frame src="video.html"  autostart="true">
<frame src="Q3.html" ></frameset></frameset></html>
navigationframe.html
<html>
<frameset cols="25%,*" scrolling="no" noresize>
<frame name="one" src="MainPage.html"></frame>
<frame name="two" ></frame>
<frameset rows="30%,*">
<frame src="hulk.gif"></frame>
</frameset></html>
pic.html
<html><body>
<img src="ghanendra.jpg" height="650" width="400"></body></html>
video.html
<html><body bgcolor="aqua">
<embed src="aa.mp4" width="600" height="300" autostart="true">
</embed></body></html>
OUTPUT:-
www.programmingwithbasics.com

5 comments:
Write comments
  1. Please upload a student registration for using tabletable

    ReplyDelete
  2. Nice blog about programming keep it up
    Explore world Knowledge in just 10 point
    visit Click Here

    ReplyDelete
    Replies
    1. Thanks You If You Are interesting in web design plzClick Here

      Delete

Recommended Posts × +