Download as docx, pdf, or txt
Download as docx, pdf, or txt
You are on page 1of 20

ALLENHOUSE PUBLIC

SCHOOL

PROJECT FILE

HTML CODES
SESSION 2021-2022

SUBMITTED TO- SUBIMITTED BY-

MR RANU RAJPOOT DHRUV SHARMA


ACKNOWLEDGMENT
I would like to express my special thanks of gratitude
to my computer teacher Mr. Ranu Rajpoot for giving
me this opportunity to do this project and also
provided support in completing in my project
I would also like to extend my gratitude to our Principal
Ma’am (Mrs. Ruchi Shukla) with providing me with all
the facilities that were required

NAME: Dhruv Sharma


CLASS:X-A
Allen House Public School, Jhansi 
Subject – Computer Application 
Project Work on HTML
Class – X

Q1. Write html code to generate following output.

1) HTML Code:
<html>
<body>
<ul>
<li>Coffe</li>
<li>Tea
<ul>
<li>Black Tea</li>
<li>Green Tea</li>
</ul>
</li>
<li>Milk</li>
</ul>
</body>
</html>

Q2. Write a HTML code to generate following output.

2) HTML Code:
<html>
<head>
<title>Ques No 2 </title>
</head>
<body bgcolor="lightblue">
<h3>
<center>
Registration Form<br><br>
<form>
Username: <input type="text" name="username" size="20"><br>
Password: <input type="password" name="password" minlength="8"
size="21"><br>
ConfirmPassword: <input type="password" name="password" minlength="8"
size="15"><br>
First Name: <Input type="text" name="fname" size="19"><br>
Last Name: <input type="text" name="Lname" size="19"><br>
Email: <input type="email" id="email" size="25"><br>
Phone No.<input type="tel" name="phone" maxlength="10" size="22"><br>
Location <input type="text" name="location" size="23">
</form>
</center>
</h3>
</body>
</html>
Q3. Write a HTML code to generate following output.

3) HTML CODE:
<html>
<head>
<title>Ques No 3</title>
</head>
<frameset rows="10%,90%">
<frame src = "C:\Users\welcome\Desktop\html\ques no 3\frame 1.html" >
<frame src = "C:\Users\welcome\Desktop\html\ques no 3\frame 2.html">
</frameset>
</HTML>

HTML CODE for Frame 1:


<html>
<head>
<title>
top
</title>
</head>
<body bgcolor="Red" text="white">
<center> <h1> Top Frame</h1>
</center>
</body>
</html>

HTML Code For Frame 2:


<html>
<head>
<title>Ques No 3</title>
</head>
<frameset cols="50%,50%">
<frame src = "C:\Users\welcome\Desktop\html\ques no 3\frame 3.html" >
<frame src = "C:\Users\welcome\Desktop\html\ques no 3\frame 4.html">
</frameset>
</html>
HTML Code For Frame 3:
<html>
<head>
<title>
Frame 3
</title>
</head>
<body bgcolor="Orange" text="white">
<h1><center>LEFT FRAME</CENTER></H1>
</BODY>
</HTML>

HTML Code For Frame 4:


<html>
<head>
<title> Ques no 4 </TITLE>
</HEAD>
<BODY bgcolor="orange" text="white">
<h1><center>RIGHT FRAME</center></h1>
</body>
</html>
Q4. Write a HTML code to generate following output.
4) HTML Code:
<html>
<head>
<title>Ques 5 </title>
</head>
<frameset cols="50%,50%">
<frame src="C:\Users\welcome\Desktop\html\Ques no 4\frame 1 quess 5.html">
<frame src="C:\Users\welcome\Desktop\html\Ques no 4\frame 2 quess 5.html">
</framset>
</html>

HTML CODE FOR FRAME 1:


<html>
<head>
<title> Frame ques 5</title>
</head>
<frameset rows="60%,40%">
<frame src="C:\Users\welcome\Desktop\html\Ques no 4\frame 3.html">
<frame src="C:\Users\welcome\Desktop\html\Ques no 4\frame4 quess 5.html">
</frameset>
</html>

HTML CODE FOR ORANGE COLOURED FRAME:


<html>
<head>
<title>Frame 3</title>
</head>
<body bgcolor="orange" text="white">
<h1><center>ORANGE</CENTER></H1>
</BODY>
</HTML>

HTML CODE FOR BLUE COLOURED FRAME:


<html>
<head>
<title>Frame 4 </title>
</head>
<body bgcolor="blue" text="white">
<h1><center>Blue</center></h1>
</body>
</html>

HTML CODE FOR FRAME 2:


<html>
<head>
<title>Frame 2 ques 5 </title>
</head>
<frameset cols="70%,30%">
<frame src="C:\Users\welcome\Desktop\html\Ques no 5\frame 5 quess 5.html">
<frame src="C:\Users\welcome\Desktop\html\Ques no 4\frame 6 quess 5.html">
</frameset
</HTML>

HTML CODE FOR RED COLOURED FRAME:


<html>
<head>
<title>Frame 5 </title>
</head>
<body bgcolor="red" text="white">
<h1><center>Red</center></h1>
</body>
</html>

HTML CODE FOR BLUE COLOURED FRAME:


<html>

<head>
<title>Frame 6</title>
</head>
<body bgcolor="green" text="white">
<h1><center>Green</center></h1>
</body>
</html>

Q5. Write a HTML code to generate following output

5) HTML Code:
<HTML>
<head>
<title>list</title>
</head>
<body>
<ul type="disc">
<li>Maharashtra</li>
</ul><ul type="circle">
<li>Pune</li>
<ol type="I">
<li>Dighi</li>
<li>Moshi</li>
<li>Shivajinagar</li>
</ol><li>Mumbai</li>
<ol type="I">
<li>Santakruiz</li>
<li>Vikroli</li>
<li>Mumbra</li>
</ol></ul></BODY></HTML>

Q6. ) Create an html page with 7 separate lines in different colours.  State colour of
each  Line in its text.

6) HTML Code:
<html>
<head>
<title>Example</title>
</head>
<body align="center">
<h1>7 Colors in 7 Statement. </h1><hr width="60">
<p style="color:red">1) Red</p>
<p style="color:blue">2) Blue</p>
<p style="color:yellow">3) Yellow</p>
<p style="color:green">4) Green</p>
<p style="color:orange">5) Orange</p>
<p style="color:pink">6) Pink</p>
<p style="color:purple">7) Purple</p>
<hr width="60%">
</body>
</html>

Q7. Write a HTML code to generate following output.

7) HTML Code:
<HTML>
<HEAD>
<title> Population Of Countries</title>
</HEAD>
<BODY BGCOLOR="lightgreen">
<table border="2" align="center" BGCOLOR="yellow">
<tr>
<th>COUNTRY</th>
<th colspan="2">POPULATION (IN CRORES)</th>
<tr>
<td rowspan="3" aling="center">India</td>
<td>1998</td>
<td>85</td>
</tr>
<td>1999</td>
<td>90</td>
<tr>
<td>2000</td>
<td>100</td>
</tr>
<tr>
<td rowspan="3" aling="center">USA</td>
<td>1998</td>
<td>30</td>
</tr>
<tr>
<td>1999</td>
<td>35</td>
</tr>
<tr>
<td>2000</td>
<td>40</td>
</tr>
<tr>
<td rowspan="3" aling="center">UK</td>
<td>1998</td>
<td>25</td>
</tr>
<tr>
<td>1999</td>
<td>30</td>
</tr>
<tr>
<td>2000</td>
<td>35</td>
</tr></TABLE></BODY></html>

Q8. Create an html page containing the polynomial expression as follows.


 a0 + a1x+ a2x 2 + a3 x3

8) HTML Code:
<HTML>
<HEAD>
<TITLE>The Polynomial Expression</TITLE>
</HEAD>
<BODY BGCOLOR="cyan">
<font
size="7">a<SUB><SMALL>0</SMALL></SUB>+a<SUB><SMALL>1</SMALL>
</SUB>x +
a<SUB><SMALL>2</SUB></SMALL>x<SUP><SMALL>2</SMALL></SUP>
+a<SUB><SMALL>3</SUB></SMALL>x<SUP><SMALL>3</SMALL></SUP>
</font>
</BODY>
</HTML>

Q9. Create an html page with following specifications.

9) HTML Code:
<HTML>
<HEAD>
<TITLE>My College</TITLE>
</HEAD>
<BODY BGCOLOR="cyan">
<H1><FONT COLOR="red">ALLENHOUSE PUBLIC SCHOOL</FONT></H1>
<FONT SIZE="7" FACE="ARIAL" COLOR="BLUE"><CENTER>ALLENHOUSE
&nbspPUBLIC&nbspSCHOOL,
<SMALL>JHANSI</SMALL></FONT><BR>
<font size="2" face="arial" color="yellow"<B>Cources</B></font><BR>
<font size="2" face="arial" color="blue"<B>Mathematics</B></font><BR>
<font size="2" face="arial" color="green"<I>Computer Science</I></font><BR>
<font size="2" face="arial" color="orange"<U>Physicis</U></font><BR>
<font size="2" face="arial" color="grey"<U>Chemistry</U></font><BR>
<img src="C:\Users\welcome\Downloads\collage.jpg" width="400"
height="400"></center></body>
</html>

10. Write a HTML code to generate following output.

10) HTML Code:


<html>
<body>
Enter Name of your freind &nbsp &nbsp<input type="text" Name="Enter Name of
your freind"><br>
<br>
Choose the file you want to post to your freind<br>
<input type="text">
<input type="file">
<br>
What does the file contain?<br><br>
<input type="checkbox" value="Image">Image
<input type="checkbox" value="Source code">Source code
<input type="checkbox" value="Binary Code">Binary Code<br><br>
You have completed the Form
<input type="Submit" value="Submit Query">
</body>
</html>
BIBOLYGRAPHY

 www.webdevelopersnotes.com
 www.google.com
 www.brainly.com
 www.wikipedia.com

You might also like