You are on page 1of 25

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">

&lt-left angle

<br>

&quot-Quotation Mark

<br>

&amp-Ampersant Mark

<br>

&gt-Right angle

Page 16 of 25
<br>

&copy-Copyright

<br>

&#153-Trademark

<br>

&reg-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

You might also like