55% found this document useful (11 votes)
18K views

Practical File of HTML: Subject-Computer Application (Code-165)

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
55% found this document useful (11 votes)
18K views

Practical File of HTML: Subject-Computer Application (Code-165)

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