Scribd
Upload
108 views23 pages

Assignment - 12: List of Subjects

The document provides code for two HTML pages - a login page and a home page that is displayed after submitting the login form. The login page code contains form fields for username and password with submit and cancel buttons. Clicking submit links to the home.htm page. The home.htm page code displays personal details about the user like name, interests, hobbies, date of birth and marital status along with a profile picture. Styling is added using fonts, colors and image alignment.

Uploaded by

Rahul Itankar
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
108 views23 pages

Assignment - 12: List of Subjects

The document provides code for two HTML pages - a login page and a home page that is displayed after submitting the login form. The login page code contains form fields for username and password with submit and cancel buttons. Clicking submit links to the home.htm page. The home.htm page code displays personal details about the user like name, interests, hobbies, date of birth and marital status along with a profile picture. Styling is added using fonts, colors and image alignment.

Uploaded by

Rahul Itankar
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
You are on page 1/ 23

ASSIGNMENT 12

Q12- Design an html page in the given format-


List of subjects
Reg. no Name Course
1 niti BBA
2 akanksha BBA
3 kavita BBA
4 shruti BBA
List of course
Serial no. Name
1 BBA
2 BCA
3 BCA
4 BCAm
53
CODE-
<html>
<head>
<title>STYLE SHEET</title>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<h1 class="heading1">List of subjects</h1>
<table class="one" border="4">
<tr>
<th><b>Reg. no</th>
<Th><b>Name</th>
<Th><b>Course</th>
</tr>
<tr>
<Td>1</td>
<Td>niti</td>
<Td>BBA</td>
</tr>
<tr>
<Td>2</td>
54
<Td>akanksha</td>
<Td>BBA</td>
</tr>
<tr>
<Td>3</td>
<Td>kavita</td>
<Td>BBA</td>
</tr>
<tr>
<Td>4</td>
<Td>shruti</td>
<Td>BBA</td>
</tr>
</table>
<h1 class="heading 2">List of course</h1>
<table class="two" border="6">
<tr>
<Th>Serial no.</th>
<Th>Name</th>
</tr>
<Td>1</td>
55
<Td>BBA</td>
</tr>
<tr>
<Td>2</td>
<Td>BCA</td>
</tr>
<tr>
<Td>3</td>
<Td>BCA</td>
</tr>
<tr>
<Td>4</td>
<Td>BCAm</td>
</tr>
</table>
</html>
56
CODE FOR STYLE.CSS-
h1.heading1{color:yellow ; font size:20}
h2.heading2{color:green ; fontsize:18}
table.one{color:red ; background:blue}
table.two{color:green ; background:red}
OT!T-
57
ASSIGNMENT 13
Q1"- Create a #e$ page of the follo#ing format-
Form to register new user
Name:
Password:
Gender: male female
Hobbies: music game social networking
n! comment:
register cancel
58
Co%e-
<Html>
<head>
<title>user registration</title>
</head>
<body bgcolor="yellow" >
<center><font size="5">
<h1>form to register new user</h1>
</center>
<form method="get">
<br><br><b>name:<input type="text"
name="text1"</input></b>
<br><br><b>password:<input type="password"
name="p1"></b>
<br><br><b>gender:<input type="radio" name="g1"
value="male">male</b>
<b><input type="radio" name="g2" value="female">female</b>
<b><br><br>hobbies:<input type="checkbox" name="h1"
value="music">music</b>
<b><input type="checkbox" name="h2"
value="game">game</b>
59
<b><input type="checkbox" name="h3" value="social
networking">social networking</b>
<b><br><br>any comment:<textarea name="any" rows="8"
columns="5"></textarea></b>
<br><br><br><input type="submit" name="submit"
value="register"></b>
<b><input type="reset" name="cancel" value="cancel"></b>
</font>
</body>
</html>
OT!T-
60
Assignment-14
Q1&-Create a #e$ page in the follo#ing
format-
""lication form for admission in
graduate "rogramme
Name of Appliant!
A""ress!
#tate!
Course applie" for
BBA BCA BCA$ B#
%ere &ou mem'er of an& of this
N## NCC National level pla&er
(mail a""ress!
submit cancel
61
CODE-
<html>
<head>
<title>Application Form</title>
</head>
<body bgcolor="yellow">
<center>
<h1><u>Application form for admission in graduate
programme</center></u></h1>
<Form method="get">
<br><br><u>Name of Applicant:<input type="text"
name="text1"></u></input>
<br><br><u>Address:<textarea name="add" rows="6"
columns="4">
</textarea>
<br><br><u>State:<input type="text"
name="text2"></input></u>
<br><br>Course applied for<br><input type="radio"
name="c1" value="BBA">BBA
<input type="radio" name="c2" value="BCA">BCA
62
<input type="radio" name="c3" value="BCAM">BCAM
<input type="radio" name="c4" value="BSc">BSc
<br><br><u>Were you member of any of
this</u><br><input type="checkbox" name="m1"
value="NSS">NSS
<input type="checkbox" name="m2" value="NCC">NCC
<input type="checkbox" name="m3" value="National
level player">National level player
<br><br>Email address:<input type="text"
name="text3">
<br><br><input type="submit" name="submit"
value="submit">
<input type="reset" name="cancel" value="cancel">
</body>
</html>
63
OT!T-

64
ASSIGNMENT 15
Q1'- CRE(TE ( )E* !(+E S,-+ FRO-T !(+E-
CODE FOR F,RST !(+E-
<html>
<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html;
charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage
4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>List of students</title>
</head>
<body>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&
nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs
p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n
bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&
65
nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs
p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n
bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&
nbsp;&nbsp;&nbsp;
<b><font size="3">&nbsp; List of students</font></b></p>
<p>&nbsp;</p>
<table border="1" cellpadding="0" width="100%">
<tr>
<td width="25%">Roll no</td>
<td width="25%">Name</td>
<td width="25%">Address</td>
<td width="25%">College</td>
</tr>
<tr>
<td width="25%">1</td>
<td width="25%">NITI</td>
<td width="25%">VIKAS PURI</td>
<td width="25%"><a href="IITM.HTM">IITM</a></td>
</tr>
<tr>
<td width="25%">2</td>
<td width="25%">DEEPIKA</td>
<td width="25%">ROHINI</td>
66
<td width="25%">MSI</td>
</tr>
<tr>
<td width="25%">3</td>
<td width="25%">NITISH</td>
<td width="25%">CP</td>
<td width="25%">FIMT</td>
</tr>
<tr>
<td width="25%">4</td>
<td width="25%">NEELIMA</td>
<td width="25%">SHADRA</td>
<td width="25%">ANSAL</td>
</tr>
</table>
</body>
</html>
67
OT!T-
CODE FOR SECO-D !(+E-
<html>
<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html;
charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage
4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>ABOUT IITM</title>
</head>
68
<body>
<p><b>ABOUT IITM</b></p>
<p><b><font size="5">IITM is afliated to
ggsipu</font></b></p>
<p><b><font
size="5">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n
bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&
nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs
p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<img border="0" src="../../All%20Users/Documents/My
%20Pictures/Sample%20Pictures/Sunset.jpg" width="200"
height="300"></font></b></p>
</body>
</html>

OT!T-
69
70
Assignment-16
Q1.- Create a #e$ page in the follo#ing format-
useri"!
pass)or"!
submit cancel
#hen /o0 1li12 on s0$mit $0tton home.htm page
sho0l% appear in the follo#ing format-
bout m! self
m! name is niti
i like to read ins"irational #uotes
Hobbies
Reading$ c%atting &
Personal details
'ate of birt%:() dec (**+
marital status:unmarried
71
CODE FOR F,RST !(+E-
<html>
<head>
<title>login page</title>
<form method="get">
</head>
<body bgcolor="yellow">
<br><br><u><FONT SIZE="6">user id:<input
type="text" name="text1"></u></input>
<br><br><u>password:<input type="text" name="p1">
<br><br><a href="home.htm"><input type="submit"
name="submit" value="submit"></a>
<input type="reset" name="cancel" value="cancel">
</FONT>
</body>
</html>
CODE FOR 3O4E.3T4 !(+E-
<html>
<head>
<title>HOME PAGE</title>
<H1><b><CENTER><U>About
my self</CENTER></U></b>
72
</head>
<body bgcolor="yellow"></center>
<p><b><font size="6">my name is niti</b></p>
<p><b><font size="6">i like to read inspirational
quotes</b></p>
<BR>
<U><font size="6">Hobbies</U>
<BR>
Reading, chatting
<imgsrc="C:\Users\nitidua\Desktop\iintm.jpg"
align="right" width=25%>>
<BR>
<U><font size="6">Personal details</U>
<BR>
<p><b><font size="6">Date of birth:17 dec
1990</b></p>
<p><b><font size="6">marital
status:unmarried</b></p>
</font>
</body>
</html>
73
50tp0t for page 1-
50tp0t for home.htm-
74
75

You might also like