Q:

Create a HTML Document Using Frame Which Should Satisfy All Given Requirements

belongs to collection: HTML Examples

0

Problem:- Create an HTML document that has five frames. There must be two rows of frames, the first with three frames and the other with two frames. The frames in the first row must have equal width. The left frame in the second row must be 50 percent of the width of the display. Each of the frames in the top row must display a document that has a form. The left top frame must have two text boxes, each 30 characters wide, labeled Name and Address. The middle top frame must have five radio buttons with color name labels. The right top frame must have four checkboxes, labeled with four kinds of car equipment such as CD player and air conditioning. The two bottom frames must have images of two different cars. The top row of frames must use 20 percent of the height of the display

How to Solve:- There is no logic we just have to use the different types of the frames on our web page. frames are especially cause it makes our web page more useful. Before going for direct use of frames I recommended read the explanation section for better understanding.

Explanation:- We have to divide our web page to 2 row and first-row further divide into 3 part and the second row divides into 2 part. Now as problem requirement first row and first column design username, password and two buttons Sumit a reset button and go to first-row middle part design a radio button for various options and last in the first row and third column design checkbox for multiple choice. Now the first-row work is completed come to the second-row first column insert an image and repeat the same thing with the second row with the second column. Hence you have done check this for each section design separate part of HTML file and link with them internally.

All Answers

need an explanation for this answer? contact us directly to get an explanation for this answer

Index.html

<html>
<head>
<title>My WebPage</title>
</head>

<frameset  rows="20%,*">
<frameset cols="33%,33%,*">
 <frame name = "a" src="login1.html">
 <frame name = "b" src="b.html">
 <frame name = "c" src="c.html">

</frameset>

<frameset cols="50%,*">
 <frame name="d" src="d.html">
 <frame name="e" src="e.html">
</frameset>
</frameset>
</html> 

Login.html

<html>
<head>
<title>PAGE 1</title>
</head>
<body align="center" bgcolor="#00bbba">
USER NAME<input type "textbox" size="16" > <br><br>
PASSWORD<input type "password" size="16" > <br><br>
<button type="button">SUBMIT</button> 
<button type="button">RESET</button>
</body>
</html>

Radio.html

<html>
<head>
<title>PAGE 2</title>
</head>
<body bgcolor= "aqua" >
<input type="radio" name="A" value="gasoline"><font size="4">GASOLINE</font><br>
<input type="radio" name="A" value="patrol"><font size="4">PATROL</font><br>
<input type="radio" name="A" value="diesel"><font size="4">DIESEL</font><br>
<input type="radio" name="A" value="gas"><font size="4">GAS</font><br>
<input type="radio" name="A" value="other"><font size="4">OTHER</font><br>
</body>
</html>

Checkbox.html

<html>
<head>
<title>PAGE 3</title>
</head>
<body>
<input type="checkbox" name="A" value="air conditioner"><font size="5">AIR CONDITIONER</font><br>
<input type="checkbox" name="A" value="tire"><font size="5">TIRE</font><br>
<input type="checkbox" name="A" value="light"><font size="5">LIGHT</font><br>
<input type="checkbox" name="A" value="cd player"><font size="5">CD PLAYER</font>
</body>
</html>

Img1.html

<html>
<head>
<title>Page 5</title>
</head>
<body bgcolor= "blue" >
<img src="b.jpg" border="3" height ="500" width="690" >
</body>
</html>

Ima2.html

<html>
<head>
<title>Page 4</title>
</head>
<body bgcolor= "green" >
<img src="a.jpg" border="3" height ="500" width="690" >
</body>
</html>

 

Output:

need an explanation for this answer? contact us directly to get an explanation for this answer

total answers (1)

Create an XHTML document that allows prospective s... >>
<< Create A HTML Page Of Different Type Of List (Like...