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

03/03/2023

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

in published on 3/03/2023 2 comments
Create a web page, and divide the web page into four frames. in one frame create three links that will display different HTML forms in the remaining three frames respectively. To create an HTML page with different types of frames such as floating frame, navigation frame & mixed frame. i). Create an HTML page named “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 in the other 50% the timetable created ii). Create an HTML page named “navigationframe.html”. Divide the page into two columns of 25%, and 75% size. In 25% size calls the hyperlink, and makes the page to get displayed on the other column when the link is clicked. iii). 

Create an HTML page named “floatingframes.html”. in this file include a paragraph to explain the floating frame, and in the floating frame include any HTML file. We have to implement all frameset floating frames, navigation frames & mixed frames and first divide the page into two columns in the ratio of 25% and 75% or in 25% frameset display the image. 

Here Image has its separate source and separate file, after that further divide the 75% frame into two parts both parts should be divided equally and the first 50% part play a video in part and in another part create a table or we can merge the table if we have already that's it our work is completed There are two more conditions for both condition just implement according to requirement and see the explanation part.


First, we have to know What is the use of Frameset?. In many websites, if you ever notice that video section then you can understand the frameset easily just take an example to suppose we want to post a youtube video on our website in a small section than frame set always uses for creating a small and fixed space for playing a video. or we can cover or use the website's fixed area.

Frameset Syntax in HTML:

<frameset rows="50%,50%">
statement......1
statement......2
statement......3
.
.
.
statement......n
</frameset>

Framesets can be nested here in place of statements we can use more framesets. take another example and a graphical view of the frameset. If the frameset has a scrollbar then we can remove the scroll bar also.

Frameset in HTML


<!DOCTYPE html>
<html>
<frameset rows="50%,50%">
	<frame src="a.jpg">
		<frameset cols="25%,75%">
			<frame src="b.jpg">
				<frame src="c.jpg">
		</frameset>
</frameset>

</html>

The Output of frameset in HTML
The Output of frameset in HTML

Create an HTML Page With Different Types of Frames


Create a folder for separate web page files for avoiding unnecessary mixing and irritation. Check the Output below of the program. If you are having any problems highly recommend following the given web page.

Navigation Frame in 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 in 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>

Floating Frame in 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>

Mixed Frame in 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>

Floating Navigation Frame in 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>

Pics in Frame in HTML


<html>

<body>
	<img src="ghanendra.jpg" height="650" width="400">
</body>

</html>

Video Frame in HTML


<html>

<body bgcolor="aqua">
	<embed src="aa.mp4" width="600" height="300" autostart="true">
	</embed>
</body>

</html>

Copy Ends Here

The Output of Mixed Frame In HTML


The Output of Mixed Frame In HTML

Similar to Mixed Frame In HTML


Previous Post
Next Post
Ghanendra Yadav

post written by:

Hi, I’m Ghanendra Yadav, SEO Expert, Professional Blogger, Programmer, and UI Developer. Get a Solution of More Than 500+ Programming Problems, and Practice All Programs in C, C++, and Java Languages. Get a Competitive Website Solution also Ie. Hackerrank Solutions and Geeksforgeeks Solutions. If You Are Interested to Learn a C Programming Language and You Don't Have Experience in Any Programming, You Should Start with a C Programming Language, Read: List of Format Specifiers in C.
Follow Me

2 comments:

  1. Anonymous03/04/2016, 07:53

    Please upload a student registration for using tabletable

    ReplyDelete