Вы находитесь на странице: 1из 12

PROGRAM-3

Aim- to create an html page with different types of frames such as floating frame, navigation
frame and mixed frame.
Procedure1. Create an html page named as mixedframe.html. Divide the page into 2 columns of
25% and 75% size. In 25% display the image file created in exercise 1b and divide the
75% into 2 rows(50% and 50%). In the first 50% display the video file created in 1b
and other 50% the time table created in 1b.
2. Create an html page named as navigationframe.html. divide the page into 2 columns
of 25%, 75% size. In 25% size call the hyperlink file created in exercise 1b and make
the page to be get displayed on the other column when the link is clicked.
3. Create an html page named as floatingframe.html. In this file include a paragraph to
explain floating frame and in floating frame include any html file created in above
experiment.

20

Program codeFile name:ex3.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>
File name: frames.html
<html>
<frameset cols="30%,*" scrolling="no" noresize>
<frame name="one" src="ex3.html"></frame>
<frame name="two"></frame>
</frameset>
</html>
Output-

21

File name: navigationframes.html


<html>
<frameset cols="30%,*" scrolling="no" resize>
<frame name="one" src="ex3.html"></frame>
<frame name="two"></frame>
</frameset>
</html>
Output-

file name: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
*check spelling:check that you typed the web page address correctly.
*access from a link: if there is a link to the page you are looking for, try accessing the page
from that link.
</p>
<iframe src="ex3.html" height="50%" width="50%">
</iframe>
<embed src="video.avi" width="50%" height="50%" autostart="true">
</embed>
22

</body>
</html>
Output-

File name: mixedframe.html


<html>
<frameset cols="25%,*>
<frame src="ex3.html"></frame>
<frameset rows="30%,*">
<frame src="floatingframe.html">
<frame src="navigation.html">
</frameset>
</frameset>
</html>

23

Output-

24

25

Result- the program is executed successfully.

PROGRAM-4

Aim- to create a registration form as mentioned below.

Procedure- create an html page as registration.html


a) Set background colors
b) Use table for alignment
c) Provide font colors and size.

26

Program codeFile name:registrationform.html


<!DOCTYPE html>
<html>
<body bgcolor="lightblue" text="red" >
<center><h1> <STYLE=COLOR:"RED">ENTRY FORM</style></H1></center>
First name:
<input type=text name=Enter your Name >
<br><br><br>
Enter Your Age:
<input type=text name=Enter Your Age>
<br><br><br>
Enter Your Address:
<input type="text" name="Enter Your address" ><br><br>
<pre>
Sex:<input type="radio" name="sex" value="male" checked> male <br>
<input type="radio" name="sex" value="female" checked> female <br>
</pre>
Language Known:<br>
<input type="checkbox">C<br>
<input type="checkbox">C++<br>
<input type="checkbox">java<br>
<input type="checkbox">Vb<br>
<input type="checkbox">asp<br>
<input type="checkbox">OTHER<br>
27

<br><br><br>
Enter Your Password:
<input type="text" name="Enter Your password" >
<br><br>
<input type="reset" value="reset"><input type="submit" value="Submit">
</form>
</body>
</html>

28

Output-

29

30

Result- the program is executed successfully.

31

Вам также может понравиться