0% found this document useful (0 votes)
1K views

Start Download - View PDF

Iam sending 3 documents
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
1K views

Start Download - View PDF

Iam sending 3 documents
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 6

12/20/2017 Create An HTML Page With Different Frames Such As Floating Frame Navigation Frame, Mixed Frame In HTML

n HTML - Programming With Basics

HOME C Programs C++ Programs Java Programs Data Structure Web Designing GeeksForGeeks School HackerRank C++ Solution Projects

HackerRank 30 Days Of Code HackerRank Algorithm Solution Books

Start Download - View PDF


Convert From Doc to PDF, PDF to Doc Simply With The Free Online App!
download.fromdoctopdf.com

4/02/2016

Create An HTML Page With Different Frames Such As


Floating Frame Navigation Frame, Mixed Frame In
HTML
Problem:- To create an HTML page with different types of frames such as floating frame,
Search This Blog
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 timetable
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 Popular Posts
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 C++ Program For Stor
Employee Information
frame include any HTML file. Display Using Structur

How to Solve:- to solve this problem we have to implement all frameset floating frame,
navigation frame & mixed frame and first divide the page into two columns in the ratio of 25% C Program For Find A
Of Given Marks Using
and 75% or in 25% frameset display the image. Here Image has its separate source and Case
separate file, after that further divide the 75% frame into two part both parts should be divide
equal and first 50% part play a video in part and in another part create a table or we can merge
Create a Student Regi
the table if we have already that's it our work is completed There are two more conditions for
form using Table In HT
both condition just implement according to requirement and see the explanation part.

Explanation:- First we have to know that What is the use of Frameset?. In many websites, if you
C Program to Compar
ever notice that video section then you can understand the frameset easily just take an example Strings Without Using
suppose we want to post a youtube video on our website in small section than frame set always Function
uses for creating a small and fixed space for playing a video. or we can cover or use website
fixed area.
Hacker Rank solution
Birthday Cake Candles
Frameset Syntax:-

<frameset rows="50%,50%">
Java Program For Find
statement......1 Gross Salary of an Em
statement......2
statement......3
. C++ Program To Swap
. Numbers Using Funct
. AR ES
SH

http://www.programmingwithbasics.com/2016/04/create-html-page-with-different-types.html 1/6
12/20/2017 Create An HTML Page With Different Frames Such As Floating Frame Navigation Frame, Mixed Frame In HTML - Programming With Basics

statement......n
C++ Project For Stude
</frameset> Management System
PROJECT) With Source
Frameset can be nested here in place of statement we can use more frameset. take an another
example and a graphical view of the frameset. If frameset has scrollbar than we can remove the
C++ To Calculate Area
scroll bar also. Circle, Rectangle And
Using Switch Case
<!DOCTYPE html>
<html> C Program To Store St
<frameset rows="50%,50%"> Information Like (Nam
<frame src="a.jpg"> & Marks) Using Struct
<frameset cols="25%,75%">
<frame src="b.jpg">
<frame src="c.jpg">
</frameset> Labels
</frameset> C Programs (88)
</html>
Core Java Tutorial (4)

Output:- CPP Programs (135)

FUN PROGRAMS (2)

GeeksForGeeks Solution (161)

Guest Post (42)

HackerRank Solution (59)

Java Programs (27)

OS Programs (5)

Projects (10)

Requested Program (2)

Web Designing (33)

Total Pageviews

8 2 3 1 9 0
Tip:- Always create a folder for separate web page file for avoiding unnecessary mixing and
New New
irritating. Check the Output below of the program. If you are having any problem highly
recommended following the given web page.

Recommendation:- Before going for this assignment follow the given assignment so you can
understand all Tags very well.

1. Create an HTML page named as " SimpleTags.html ". with following tags details price drop

2. Create A Student Registration Form Using Table In HTML

Note:- If you have a Better design than this page and you want to publish your post with all
Credit Than you are welcome to read This.

Solution:-

Copy Start From Here

Mainpage.html

SH AR ES
<html>
http://www.programmingwithbasics.com/2016/04/create-html-page-with-different-types.html 2/6
12/20/2017 Create An HTML Page With Different Frames Such As Floating Frame Navigation Frame, Mixed Frame In HTML - Programming With Basics

<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> Like on Facebook
<frame name="one" src="MainPage.html">
</frame> Programming With Ba…
686 likes
<frame name="two" ></frame>
SH AR ES

http://www.programmingwithbasics.com/2016/04/create-html-page-with-different-types.html 3/6
12/20/2017 Create An HTML Page With Different Frames Such As Floating Frame Navigation Frame, Mixed Frame In HTML - Programming With Basics
Like Page
<frameset rows="30%,*">
<frame src="hulk.gif">
Be the first of your friends to like this
</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>

Copy Ends Here

Output:-

You Should See

1. Create An HTML Page Of Different Type Of List (Like Create A List Using Number / Bubble/)
And Give The Description About Any Topic.

2. Create an HTML Document Using Frame Which Should Satisfy All Given Requirements

3. A local university has asked you to create an XHTML document that allows prospective
students to provide feedback about their campus visit.

4. Create A Student Registration Form Using Table In HTML

5. Create A Given Table Using Table In HTML


SH AR ES

http://www.programmingwithbasics.com/2016/04/create-html-page-with-different-types.html 4/6
12/20/2017 Create An HTML Page With Different Frames Such As Floating Frame Navigation Frame, Mixed Frame In HTML - Programming With Basics

Convert From Doc to PDF, PDF to Doc Simply With The


1 Start Download - View PDF Free Online App! download.fromdoctopdf.com
Complete PDF & Office support, top performance, source
2 Download PDFTron SDK code, unmatched support. pdftron.com

Share This Article With Your Friends

 Tweet  Share  Share  Share  Share 


Whatsapp

Don't Miss Another Article


Join over 24,000+ people who get FREE and fresh content every month from this Blog. I
Respect Privacy, You're Safe! No Spam!

Enter your email address... SUBSCRIBE

HEY, COMPLETE YOUR SUBSCRIPTION! CHECK YOUR INBOX NOW...!

Recommended Posts For You

Creating A Simple Calculator with HTML5 Video Player Which Support


jQuery With CSS Multiple Video Resolution SD, HD ,
FHD , UHD

Create A HTML Page With JavaScript Create A HTML Page Using JavaScript
When We Click The Light Bulb To Turn For StopWatch
On/Off The Light.

Create A HTML WebPage Using Create A Array Using JAVASCRIPT That


JAVASCRIPT For Check Given String In Calculate A Sum Average Smallest
Palindrome Or Not And Largest Element In Array

Ghanendra Yadav
Hello, I Am Ghanendra Yadav Owner of This Blog, I am professional Blogger
and Programmer. I Love Programming, Logo Making, And Banner Designing.
My Highest Qualification is MCA From NIT Warangal. You Can Find Me On Social
Media Through Below Link And If You Have Any Query Related To Programming
And Other Subject Comment Below or You Can Mail Me I Will Try To Answer
Within 24 Hours Email:- [email protected]

Find me on Social Media  Facebook |  Twitter |  Google+ | RSS Feed

Posted by Ghanendra Yadav


Labels: Web Designing

5 comments:

Anonymous 4/03/2016
Please upload a student registration for using tabletable
Reply
SH AR ES
Replies
http://www.programmingwithbasics.com/2016/04/create-html-page-with-different-types.html 5/6
12/20/2017 Create An HTML Page With Different Frames Such As Floating Frame Navigation Frame, Mixed Frame In HTML - Programming With Basics

Ghanendra Yadav 4/03/2016


Click Here

Ghanendra Yadav 11/04/2016


You Can Also Check Job Postal Registration By
Click Here

Reply

Vikram Singh Patel 4/21/2016


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

Replies

Ghanendra Yadav 11/04/2016


Thanks You If You Are interesting in web design plzClick Here

Reply

Enter your comment...

Comment as: Select profile...

Publish Preview

Newer Post Home Older Post

1 Flash DSC 1 - Free Reference List


This document lists many of the available articles in the field of FDSC. mt.com/TA/FlashDSC

2 .COM Domain at Just 399


Secure The Domain Name You Want Before it's Taken. Buy Now! bigrock.in

Home About Me Contact Me Privacy Policy Advertise/Sponsor Write For Us Guest Author

Copyright © Programming With Basics. Powered by Blogger.

SH AR ES

http://www.programmingwithbasics.com/2016/04/create-html-page-with-different-types.html 6/6

You might also like