Scribd
Upload
48 views

HTML Assignment

The document provides instructions for creating web pages using HTML tags to display content in various formats. It demonstrates how to create basic pages with titles and headings, apply styles like colors and fonts, add images and links, insert tables, forms and frames. The key steps covered include adding titles, headings, paragraphs, line breaks, bold, underline and italics text, setting background colors and images, inserting horizontal rules, unordered and ordered lists, links between pages, and basic page layout using frames.

Uploaded by

Govind Batra
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
48 views

HTML Assignment

The document provides instructions for creating web pages using HTML tags to display content in various formats. It demonstrates how to create basic pages with titles and headings, apply styles like colors and fonts, add images and links, insert tables, forms and frames. The key steps covered include adding titles, headings, paragraphs, line breaks, bold, underline and italics text, setting background colors and images, inserting horizontal rules, unordered and ordered lists, links between pages, and basic page layout using frames.

Uploaded by

Govind Batra
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 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