Saturday, 23 April 2016

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

Create a 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

Copy The Code From Here 

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:-


www.programmingwithbasics.com


No comments:
Write comments

Recommended Posts × +