Practical File of HTML: Subject-Computer Application (Code-165)
Practical File of HTML: Subject-Computer Application (Code-165)
FILE OF
HTML
Subject-Computer application (code-165)
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
<html>
<head>
<title>Headings</title>
</head>
<body text="black"bgcolor="cyan"leftmargin="30"topmargin="30">
</body>
</html>
Page 3 of 25
Task:2
<html>
<head>
<title>Nested List</title></head>
<body
background="f:/r.jpg"align="centre"height="500"width="500"border="5"
text="blue">
<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>
<li>Output Devices</li>
</ol>
<ul type="i">
<li>Monitor</li>
<li>Printers</li>
<li>Plotters</li>
<li>Projectors</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">
<figcaption>Hard Disk</figcaption>
<br>
<br>
<figcaption>Pendrive</figcaption>
<br>
<figcaption>SD Card</figcaption>
<br>
<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 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>
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>
<dt>URL</dt>
<dt>Blogs</dt>
<dt>Newsgroup<dt>
<dt>Protocol</dt>
</dl>
</body>
</html>
TASK 5
Page 10 of 25
Code of the web page:
<html>
<head><title>Table</title></head>
<body>
<td colspan="3"align="center"></td>
<tr bgcolor="yellow"align="center">
<th>Products</th>
<th>Range</th>
<th>Price </th>
</tr>
<tr>
Page 11 of 25
<td bgcolor="cyan"align="center">Acer</td>
</tr>
<tr>
<td bgcolor="pink"align="center">Laptops</td>
<td bgcolor="cyan"align="center">HP</td>
</tr>
<tr>
<td bgcolor="pink"align="center">Mobiles</td>
<td bgcolor="cyan"align="center">Samsung</td>
</tr>
<tr>
<td bgcolor="pink"align="center">Mobiles</td>
</tr>
</font>
</table>
</body>
</html>
Task 6
Page 12 of 25
Code of web page:
<html>
<head><title>Table></title>
<body>
<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
<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
<head>
<title>Chemical Equations</title>
</head>
<body bgcolor="yellow"text="blue"align="center"size="30">
<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>
<body bgcolor="cyan">
<P Align="center">
</P>
Page 21 of 25
DATE OF BIRTH:<select name="Day">
<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="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>
GENDER
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>
BCA<input type="radio">
B.Com<input type="radio">
<br><br>
</form>
</html>
Page 25 of 25