You are on page 1of 22

DOC 1:- Create a new web page.

Start with a web page using your NAME to name the


page. Make it home page.

<html>
<head>
<Title>Varun Jhamb</title>
</head>
</html>

OUTPUT :
DOC 2:- On the home page, give a brief description about yourself and the following sub
heading, Name, Qualification, Hobbies, Address.

<html>
<head>
<title> Varun</title>
</head>
<h1> <center> About Me </center> </h1>
<h3> Name: Varun Jhamb </h3>
<h3> Address: shyam nagar allahbad. </h3>
<h3> Hobbies: study </h3>
</body>
</html>

OUTPUT:
DOC 3:- Apply the background and text color in the home page.

<html>
<head>
<title> Varun</title>
<body bgcolor="silver">
</head>
<h1 style="color:blue"> <center> About Me </center> </h1>
<h3 style="color:blue"> Name: Varun Jhamb </h3>
<h3 style="color:blue"> Address: 17/133 Subhash Nagar. </h3>
<h3 style="color:blue"> Hobbies: Watching Series </h3>
<h3 style="color:blue"> Qualification: 12th pass </h3>
</body>
</html>

OUTPUT:
DOC 4:- Create a web page and show the result of <P> and <br>.

<html>
<head>
<title> Varun2 </title>
</head>
<body>
<h1> <center> ABOUT ME </center> </h1>
<h1>Name: Varun</h1> <br>
<h2>Qualification : BBA</h2> <br>
<P> My name is Varun and i am hardworking persons as well as honest too </p> <br>
</body>
</html>

OUTPUT:
DOC 5:- Create a web page and show the result of <b>, <u> and <i>.

<html>
<head>
<title> Varun2 </title>
</head>
<body>
<h1> <center> ABOUT ME </center> </h1>
<h1> <U> Name: Varun</U> </h1> <br>
<h2> <B> Qualification : 12th pass </B> </h2> <br>
<P> <I>I'm Varun jhamb.I am dedicated towards my work.</I></p> <br>
</body>
</html>
OUTPUT:
DOC 6:- Apply the most appropriate background image at web page.

<html>
<head>
<title> Varun2 </title>
</head>
<body background=K:\varun\abc2.jpg>
<h1> <center> ABOUT ME </center> </h1>
<h1> <U> Name: Varun</U> </h1> <br>
<h2> <B> Qualification : 12th pass </B> </h2> <br>
<P> <I>I'm Varun jhamb.I am dedicated towards my work.</I></p> <br>
</body>
</html>

OUTPUT:
DOC 7:- Apply font color, style and size on to your web page.

<html>
<head>
<title> Varun2 </title>
</head>
<body>
<center><font face="verdana" size="50" color="green">ABOUT ME</font></center>
<h1> <U> Name: Varun</U> </h1> <br>
<h2> <B> Qualification : 12th pass </B> </h2> <br>
<P> I'm Varun jhamb.I am dedicated towards my work.</p> <br>
</body>
</html>

OUTPUT:
DOC 8:- Create a page and write your achievements. Place a bookmark at an appropriate
place and save the page.

<html>
<head>
<title> Varun4 </title>
<h1> ACHIEVEMENTS </h1>
<h2> class 10th: from cbse board in 2013 </h2>
<h2> class 12th: from cbse board in 2015 </h2>
<h2> B.B.A: from I.P University </h2>
</head>
</html>

OUTPUT:
DOC 9:- Link the page, achievement.htm, with sub heading Achievements in the home
page.
<html>
<head>
<title> Varun5 </title>
</head>
<body>
<center> <font face="verdana" size="50" color="green"> ABOUT ME </font> </center>
<h1>Name: Varun</h1> <br>
<P> I'm Varun jhamb.I am dedicated towards my work.</p> <br>
<h2> <a href=achievements.html> ACHIEVEMENT </a> </h2>
<h2>Qualification : BBA</h2> <br>
</body>
</html>

OUTPUT:
DOC 10:- Create a new web page and show the result <h1> to <h6>.
<html>
<head>
<title> Varun5 </title>
</head>
<body>
<h1> Varun</h1>
<h2> Jhamb </h2>
<h3> BBA </h3>
<h4> Semester </h4>
<h5> Forth </h5>
<h6> Section B </h6>
</BODY>
</HTML>
OUTPUT:
DOC 11:- Create a new web page and align the headings (left, right, centre and justify)

<html>
<head>
<title> Varun2 </title>
</head>
<body>
<h1 align="center"> <center> ABOUT ME </center> </h1>
<h2 align="justify"> I'm Varun jhamb.I am dedicated towards my work. </I> </p> <br>
<h1 align="left"> <U> Name: Varun</U> </h1> <br>
<h2 align="right"> <B> Qualification : 12th Pass </B> </h2> <br>
</body>
</html>

OUTPUT:
DOC 12:- Create a horizontal rule in the home page and also align it.

<html>
<head>
<title> Varun2 </title>
</head>
<body>
<h1 align="center"> <center> ABOUT ME </center> </h1>
<h1 align="left"> <U> Name: Varun</U> </h1> <br>
<h2 align="justify"> I'm Varun jhamb.I am dedicated towards my work.</I> </p> <br>
<hr size="10" width=50% align="center">
<h2 align="right"> <B> Qualification : 12th Pass </B> </h2> <br>
</body>
</html>

OUTPUT:
DOC 13:- Create an html document to print the following:
The department of computer science offers following courses
Full time:
B.sc computer science
M.C.A
Evening
1. B. Sc Computer Sciences
2. M.C.A
3. PGDCA
4. PH. D

Week-End
a. Ph.D

<html>
<head>
<title> Varun</title>
</head>
<h2> The Department of computer science offers following courses:</h2>
<h4> Full time</h4>
<ul>
<li>B.sc. computer science</li>
<li>M.C.A</li></ul>
<h4>Evening courses</h4>
<ol>
<li> B. Sc Computer Sciences </li>
<li> M.C.A </li>
<li> PGDCA </li>
<li> PH. D </li>
</ol>
<h4>Week-end</h4>
<ol type="a">
<li>Ph.D</li></ol>
</BODY>
</html>

OUTPUT:
DOC 14:- Create site to print the following table:
Admission 2016-17

<html>
<head>
<title> table </title>
</head>
<body>
<table border=1 width=90%>
<caption> Admission 2016-17 </caption>
<tr>
<th> course</th>
<th> OB </th>
<TH>BC</TH>
<th>GENERAL</th>
<TH>SC/ST</TH>
<th>TOTAL</th>
</tr>
<tr>
<td> computer science </td>
<td> 9 </td>
<td> 18 </td>
<td> 5 </td>
<td> 5 </td>
<td> 57 </td>
</tr>
<tr>
<td> commerce </td>
<td> 14</td>
<td> 25 </td>
<td> 6 </td>
<td> 5</td>
<td> 50 </td>
</tr>
<tr>
<td>mathematics</td>
<td> 12 </td>
<td> 20 </td>
<td> 4 </td>
<td> 4 </td>
<td> 40 </td>
<tr>
<td>physics</td>
<td> 12 </td>
<td>18 </td>
<td> 5 </td>
<td> 5 </td>
<td> 40 </td>
</tr>
</body>
</html>

OUTPUT:-
DOC 15:- Create an inline frame.

<html>
<head>
<TITLE> VARUN</TITLE>
</HEAD>
<BODY>
<H1> <CENTER>
THIS IS me </CENTER>
<iframe src=K:\varun\fourth.html>
</iframe>
</body>
</html>

OUTPUT:
DOCUMENT NO. 16 Create a set of frames to show your bio-data in a colourful form with suitable
links.

<html>

<head>

<title> FRAME </title>

</head>

<frameset cols="20%,80%">

<frame name="left" src="subject.html">

<frame name="main" src="2main2.html">

</frameset>

</html>
Document no. 17 Create a FORM.

<html>

<head>

<title> create a form </title>

</head>

<body bgcolor="green">

<h1> <center> <font color="yellow"> kamal institute of higher education and advanced technology
(kiheat) </font> </center> </h1>

<h1> <font color="cyan"> <center> REGISTRATION FORM </center> </font> </h1>

<form>

<fieldset>

<font color="white" size"25">

First Name &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp

<input type="text" name="fname" value="Enter Your First Name......">

</br>

<font color="white" size"25">

Middle Name &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp

<input type="text" name="mname" value="Enter Your Middle Name......">

</br>

<font color="white" size"25">

Address &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp

<textarea name="comments"> Enter Your Address here...... </textarea>

</br>

<font color="white" size"25">

Last Name &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp

<input type="text" name="lname" value="Enter Your Last Name......">

</br>

<font color="white" size"25">

Gender &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
<input type="radio" name="gendermf" value="M"/>

Male

<input type="radio" name="genderf" value="F"/>

Female

<input type="radio" name="gendero" value="O"/>

Other

</br>

<font color="white" size"25">

Courses &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp

<select name="course">

<option value="bba"> bba </option>

<option value="bca"> bca </option>

<option value="b.ed"> b.ed </option>

<option value="bcom"> bcom </option>

</select>

</br>

<font color="white" size"25">

Email &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp

<input type="text" name="mname" value="Enter Your email......">

</br>

<font color="white" size"25">

Mobile No. &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp

<input type="number" name="mname" value="Enter Your Mobile no.......">

</br>

&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp

<input type="checkbox" name="agree">

I agree to the term of use

<hr size="3">
&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&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp

<input type="submit" name="submitbtn" value="submit">

<input type="submit" name="cancelbtn" value="cancel">

You might also like