PRACTICAL
FILE OF
HTML
Subject-Computer application (code-165)
Sr. No. Content Page Signature
1 Task 1 3
2 Task 2 4-5
Page 1 of 25
3 Task 3 6-8
4 Task 4 9-11
5 Task 5 12-13
6 Task 6 14-16
7 Task 7 17-18
8 Task 8 19-20
9 Task9 20-21
10 Task 10 22-26
Page 2 of 25
TASK-1
Code of the webpage:
<html>
<head>
<title>Headings</title>
</head>
<body text="black"bgcolor="cyan"leftmargin="30"topmargin="30">
<h1>Cambridge International School,(Coed),Jalandhar</h1>
<h2>Cambridge International School,(Coed),Jalandhar</h2>
<h3>Cambridge International School,(Coed),Jalandhar</h3>
<h4>Cambridge International School,(Coed),Jalandhar</h4>
<h5>Cambridge International School,(Coed),Jalandhar</h5>
<h6>Cambridge International School,(Coed),Jalandhar</h6>
</body>
</html>
Page 3 of 25
Task:2
Code of the webpage:
<html>
<head>
<title>Nested List</title></head>
<body
background="f:/r.jpg"align="centre"height="500"width="500"border="5"
text="blue">
<ol type="A" star="1">
<li>Input Devices</li>
</ol>
<ul type="circle">
<li>Keyboard</li>
<li>Mouse</li>
Page 4 of 25
<li>Graphics Tablets</li>
<li>Cameras</li>
<li>Trackballs</li>
<li>Barcode reader</li>
<li>Digital camera</li>
<li>Joystick</li>
<li>Microphone</li>
</ul>
<ol type="A" start="2">
<li>Output Devices</li>
</ol>
<ul type="i">
<li>Monitor</li>
<li>Printers</li>
<li>Plotters</li>
<li>Projectors</li>
<li>LCD Projection Panels</li>
<li>Speakers</li>
<li>Head Phone</li>
</ul>
</body>
</html>
Task3
Page 5 of 25
Page 6 of 25
Code of web page:
<html>
<head>
<title>Secondary Memory</title>
</head>
<body>
<font size="5">
<img src="hard disk.jpg"alt="Hard Disk" width="325 "px height="155px">
<figcaption>Hard Disk</figcaption>
<br>
<img src="solidstatedrive.jpg" alt="Solid State Drive" width="325px"
height="155px">
<figcaption>Solid State Drive</figcaption>
<br>
<img src="pendrive.jpg" alt="Pendrive" width="325px" height="155px">
<figcaption>Pendrive</figcaption>
<br>
<img src="sdcard.jpg" alt="SD Card" width="255px" height="120px">
<figcaption>SD Card</figcaption>
<br>
<img src="cd.jpg" alt="CD" width="325px" height="160"px>
<figcaption>CD</figcaption>
<br>
Page 7 of 25
<img src="dvd.jpg" alt="DVD" width="325px" height="250px">
<figcaption>DVD</figcaption>
</font>
</body>
</html>
TASK4
Page 8 of 25
Code of web page:
<html>
<head>
<title>Defination</title>
</head>
<body background="webpage.jpg>
<dl>
<dt>Web Server</dt>
<dd> A web server is a server software, or hardware dedicated to running this
software, that can satisfy client request on the world wide web</dd>
<dt> Web Site</dt>
<dd>A web Site is a collection of web pages and related content that is
identified by a common domain name and published on at least one web
server.</dd>
<dt> Web Page</dt>
Page 9 of 25
<dd> A web page is a specific collection of information provided by a
website and displayed to a user in a web browser.</dd>
<dt>Web Browser</dt>
<dd> A web browser is a software application for accessing
information on the World Wide Web.</dd>
<dt>URL</dt>
<dd>A Uniform Resource Locator(URL), otherwise known as a
universal Resource Locator, is the address of a resource on internet and the
protocol used to accces it.</dd>
<dt>Blogs</dt>
<dd>A regularly updated website or webpage , typically one run by
an individual or small group,
that is written in an informal or conversational
style.</dd>
<dt>Newsgroup<dt>
<dd>A Newsgroupis an internet site where people can put
information and opinions about a particular subject so they can be read by
everyone who visit the site.</dd>
<dt>Protocol</dt>
<dd> A protocol is a standard set of rules that allow electronic
devices to communicate with each other.</dd>
</dl>
</body>
</html>
TASK 5
Page 10 of 25
Code of the web page:
<html>
<head><title>Table</title></head>
<body>
<font face="Comic sans MS"size="4">
<table border="4" width="50%" align="center"><caption>Range of Products</caption>
<td colspan="3"align="center"></td>
<tr bgcolor="yellow"align="center">
<th>Products</th>
<th>Range</th>
<th>Price </th>
</tr>
<tr>
<td bgcolor="pink" align=" center ">Laptop</td>
Page 11 of 25
<td bgcolor="cyan"align="center">Acer</td>
<td bgcolor="cyan"aalign="center">36,000 to 38,000</td>
</tr>
<tr>
<td bgcolor="pink"align="center">Laptops</td>
<td bgcolor="cyan"align="center">HP</td>
<td bgcolor="cyan"align="center">45,000 to 50,000</td>
</tr>
<tr>
<td bgcolor="pink"align="center">Mobiles</td>
<td bgcolor="cyan"align="center">Samsung</td>
<td bgcolor="cyan"align="center">50,000 to 55,000</td>
</tr>
<tr>
<td bgcolor="pink"align="center">Mobiles</td>
<td bgcolor="cyan" align="cneter">Iphone</td>
<td bgcolor="cyan"align="center">75,000 to 80,000</td>
</tr>
</font>
</table>
</body>
</html>
Task 6
Page 12 of 25
Code of web page:
<html>
<head><title>Table></title>
<body>
<table border="1" cellspacing="0" width="500" height="250"
align="center">
<caption>Grade Analysis</caption>
<tr>
<td colspan="2">Subject</td>
<td>John Doe</td>
<td>Miriam Lurther</td>
</tr>
<tr>
Page 13 of 25
<td rowspan="2"><center>Biology</center></td>
<td> Practical</td>
<td><center>A</center></td>
<td><center>A</center</td>
</tr>
<tr>
<td>Theory</td>
<td><center>A+</center></td>
<td><center>A</center></td>
</tr>
<tr>
<td rowspan="2"><center>Chemistry</center></td>
<td>Practical</td>
<td ><center>B</center></td>
<td><center>C</center></td>
</tr>
<tr>
<td>Theory</td>
<td><center>A</center></td>
<td><center>C+</center></td>
</tr>
<tr>
<td rowspan="2"><center>Physics</center></td>
Page 14 of 25
<td>Practical</td>
<td><center>A</center></td>
<td><center>A</center></td>
</tr>
<tr>
<td>Theory</td>
<td><center>A-</center></td>
<td><center>A-</center></td>
</tr>
</table>
</body>
</html>
Task7
Page 15 of 25
Code of web page:
<html>
<head>
<title>Special Characters</title></head>
<body bgcolor="yellow"text="blue"leftmargin="50">
<font size="10">
<-left angle
<br>
"-Quotation Mark
<br>
&-Ampersant Mark
<br>
>-Right angle
Page 16 of 25
<br>
©-Copyright
<br>
™-Trademark
<br>
®-Registered Trademark
</font>
</body>
</html>
Page 17 of 25
Task8
Code of web page:
<html>
<head>
<title>Horizontal Rule</title></head>
<body>
<hr size="10"align="left"color="yellow"width="500">
<hr size="10"align="right"color="blue"width="500">
<hr size="5"align="center"color="red"width="700">
<hr size="4"align="center"color="cyan"width="600">
<hr size="7"align="center"color="black"width="400">
</body>
Page 18 of 25
</html>
Task9
Code of web page:
<head>
<title>Chemical Equations</title>
</head>
<body bgcolor="yellow"text="blue"align="center"size="30">
<font size="20"><u><b>Chemical Equations</b></u>
<br><br>
<b>
3NO<SUB>2</SUB>+H<SUB>2</SUB>O=2HNO<SUB>3</SUB>+NO
<br><br>
Page 19 of 25
2C<SUB>6</SUB>H<SUB>6</SUB>+15O<SUB>2</SUB>=12CO<SUB>2</S
UB>+6H<SUB>2</SUB>O
<br><br>
2KMnO<SUB>4</SUB>+16HCL=2KCL+2MnCl<SUB>2</SUB>+5Cl<SUB>2
</SUB>+8H<SUB>2</SUB>O
</b>
</font>
</body>
</html>
Page 20 of 25
Task 10
<html>
<head><title>Student Registration Form</title></head>
<body bgcolor="cyan">
<P Align="center">
<Center><H1> STUDENT REGISTRATION FORM</H1></Center>
</P>
<form action="script url" method="get">
FIRST NAME<input type=text Maxlength="30"> (max30 characters a-z and
A-Z)<br><br>
LAST NAME<input type=text Maxlength="30">(max 30 characters a-z and A-
Z)<br><br>
Page 21 of 25
DATE OF BIRTH:<select name="Day">
<option value="day"> Day:</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
Page 22 of 25
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>
<select name="Month">
<option value="Month:">Month</option>
<option value="January">January</option>
<option value="February">February</option>
<option value="March">March</opton>
<option value="April">April</option>
<option value="May">May</option>
<option value ="June">June</option>
<option value="July">July</option>
<option value="August">August</option>
<option valur="September">September</option>
<option value="October">October</option>
Page 23 of 25
<option value="November">November</option>
<option value="December">December</option>
</select>
<select name="Year">
<option value="Year">Year</option>
<option value="1996">1996</option>
<option value="1997">1997</option>
<option value="1998">1998</option>
<option value="1999">1999</option>
</select>
<br><br>
EMAIL ID<input type="text" name="Email"><br><br>
MOBILE NUMBER<input type="tel" Maxlength="10">(10 digit
number)<br><br>
GENDER
Male<input type="radio" name=r value="Male">
Female<input type="radio" name=r value="Female"><br>
ADDRESS<input type=text area></text area><br><br>
CITY<input type="text area"maxlength="30"</text area>(max 30 characters a-
z and A-Z)<br><br>
PIN CODE<input type="text area "Maxlength="6" </textarea>(6 digit
number)<br><br>
STATE<input type ="text area" Maxlength="30"</textarea>(max 30
characters a-z and A-Z)<br><br>
Page 24 of 25
COUNTRY <input type= text area> </textarea><br><br>
HOBBIES:Drawing<input type=checkbox>
Singing<input type=checkbox>
Dancing<input type=checkbox>
Sketching<input type=checkbox><br><br>
COURSES APPLED FOR:
BCA<input type="radio">
B.Com<input type="radio">
B.Sc<input type="radio" >
BA<input type="radio" >
<br><br>
<input type="Submit" name="Submit" value="Submit">
<input type="Reset" name="Reset" value="Reset">
</form>
</html>
Page 25 of 25
