LAB REPORT ON
HTML, APPLICATION PACKAGE AND C PROGRAM
SUBMITTED BY: SUBMITTED TO:
NAME: OJASHWI SHAHI THAKURI
NAME: RUPEN RAJKARNIKAR
CLASS: 11E
ROLL NO : 5556 SUBJECT: COMPUTER SCIENCE
ACKNOWLEDGEMENT
I would like to express my special thank of gratitude to
my computer science teacher "Rupen Rajkarnikar " Sir for
giving us this golden opportunity to prepare this lab report
which has also helped me in doing some of research and I
came to know about new things. I would also like to thank
him for his unconditional support and guidance in
completing the project.
TABLE OF CONTENT
CONTENT PG no
1. Write a HTML program to 4
display 6 headings
2. Write a HTML program to
display table
6
3. Write a HTML program to 9
display a form
4. Write a HTML program to 12
display an ordered list and
unordered list
1. Write a HTML program to display 6 headin
<html>
<head>
<title>headings</title>
</head>
<body>
<center>
<h1>Heading 1 (h1) </h1>
<h2>Heading 2 (h2) </h2>
<h3>Heading 3 (h3) </h3>
<h4>Heading 4 (h4) </h4>
<h5>Heading 5 (h5) </h5>
<h6>Heading 6 (h6) </h6>
</center>
</body>
OUTPUT
FIG : HTML output for
heading
2. Write a HTML program to display table.
<html>
<head>
<title>time table</title>
</head>
<body>
<H1><FONT COLOR="DARKCYAN"><CENTER><u>TIME TABLE</u>
</FONT></H1>
<table border="2" cellspacing="3" align="center" >
<tr>
<th> </th>
<th>8:30-9:15</th>
<th>9:15-9:55</th>
<th rowspan="7" align="center"> L<br>U<br>N<br>C<br>H</th>
<th>10:30-11:10</th>
<th>11:10-11:50</th>
<th rowspan="7"> B<br>R<br>E<br>A<br>K</th>
<th>12:00-12:40</th>
<th>12:40-1:20</th>
</tr>
<tr>
<th>SUNDAY</th>
<td align="center"><font color="green">Economics</td>
<td align="center"><font color="blue">English</td>
<to align="center"><font color="lime">Library</td>
<td align="center"><font color="deepred">Accounts</td>
<td colspan="2" align="center"><font color="deeppink">Computer</td>
</tr>
<tr>
<th>MONDAY</th>
<td align="center"><font color="green">Economics</td>
<td align="center"><font color="brown">Nepali</td>
<td align="center"><font color="deeppink">Computer</td>
<td align="center"><font color="coral">Social</td>
<td align="center"><font color="deepred">Accounts</td>
<td align="center"><font color="blue">English</td>
</tr>
<tr>
<th>TUEDAY</th>
<td align="center"><font color="deepred">Accounts</td>
<td align="center"><font color="green">Economics</td
<td align="center><fontcolor="deeppink">Computer</td> <td
align="center"><font color="green">Economics</td> <td
align="center"><font color="deeppink">Computer</td> <td
align="center"><font color="brown">Nepali</td> </tr> <tr>
<th>WEDNESDAY</th> <td align="center"><font
color="indigo">Value.Edu</td> <td align="center"><font
color="deepred">Accounts</td> <td align="center"><font
color="green">Economics</td> <td align="center"><font
color="coral">Social</td> <td align="center"><font
color="blue">English</td> <td align="center"><font
color="deepred">Accounts</td> </tr> <tr>
<th>THURSDAY</th> <td align="center"><font
color="brown">Nepali</td> <td align="center"><font
color="green">Economics</td> <td align="center"><font
color="lime">Library</td> <td align="center"><font
color="coral">Social</td> <td align="center"><font
color="deeppink">Computer</td> <td align="center"><font
color="blue">English</td> </tr> <tr> <th>FRIDAY</th> <td
align="center"><font color="brown">Nepali</td> <td
align="center"><font color="green">Economics</td> <td
align="center"><font color="deepred">Accounts</td> <td
align="center"><font color="coral">Social</td> <td
colspan="2" align="center">---</td> </tr> </table> </body>
</html>
OUTPUT
FIG : HTML output for table
as schedule
3. Write a HTML program to display form.
<html>
<head>
<title>Form</title>
</head>
<body bgcolor="#990033" text="white">
<font color="floralwhite"><center><h3><i><u>BIO DATA</u></i></h3></center></font>
<font face="Copperplate Gothic" size="100">
<center>
<form>
<table border="1" cellpadding="10" bgcolor="maroon">
<tr>
<td><b><i>Name : </i></b></td>
<td><input type="text" size="60"></td>
</tr>
<tr>
<td><b><i>Email-id : </i></b></td>
<td><input type="text" size="60"></td>
</tr>
<tr>
<td><b><i>Date of Birth (DOB)</i></b></td>
<td>
<select>
<option>1</option>
<option>2</option><option>3</option><option>4</option><option>5</option>
<option>6</option><option>7</option><option>8</option><option>9</option><option>10</option>
<option>11</option><option>12</option><option>13</option><option>14</option><option>15</option>
<option>16</option><option>17</option><option>18</option><option>19</option><option>20</option>
<option>21</option><option>22</option><option>23</option><option>24</option><option>25</option>
<option>26</option><option>27</option><option>28</option><option>29</option><option>30</option>
<option>31</option>
</select>
<select>
<option>JAN</option>
<option>FEB</option><option>MAR</option><option>APR</option><option>MAY</option><option>JUNE</option>
<option>JULY</option><option>AUG</option><option>SEP</option><option>OCT</option><option>NOV</option>
<option>DEC</option>
</select>
<select>
<option>2000</option>
<option>2001</option><option>2002</option><option>2003</option><option>2004</option><option>2005</option>
<option>2006</option><option>2007</option><option>2008</option><option>2009</option><option>2010</option>
<option>2011</option><option>2012</option><option>2013</option><option>2014</option><option>2015</option>
<option>2016</option><option>2017</option><option>2018</option><option>2019</option><option>2020</option>
<option>2021</option><option>2022</option>
</select>
</td>
</tr>
<tr>
<td><b><i>Phone number : </i></b></td>
<td><input type="text" size="60"></td>
</tr>
<tr>
<td><b><i>Address : </i></b></td>
<td><input type="text" size="60"></td>
</tr>
<tr>
<td><b><i>Gender: </i></b></td>
<td>
<input type="radio" name="gender" value="male">male
<input type="radio" name="gender" value="female">female
<input type="radio" name="gender" value="others">others
</td>
</tr>
<tr>
<td><b><i>Language: </i></b></td>
<td>
<input type="checkbox" name="language" value="Nepali">Nepali
<input type="checkbox" name="language" value="English">English
<input type="checkbox" name="language" value="Chinese">Chinese
<input type="checkbox" name="language" value="Hindi">Hindi
<input type="checkbox" name="language" value="Korean">Korean
<input type="checkbox" name="language" value="others">others</td>
</tr>
<tr>
<td><b><i>Qualification:</i></b></td>
<td><select>
<option>SEE</option>
<option>+2</option>
<option>Bachelors</option>
<option>Masters</option>
</select></td>
</tr>
<tr>
<td><b><i>Identification number</i></b></td>
<td><input type="password" ></td>
</tr>
<tr>
<th><input type="reset" value="CLEAR"></th>
<th><input type="submit" value="SUBMIT"></th>
</tr>
</table></form></center></font>
</body>
</html>
OUTPUT
FIG : HTML output for form
as a biodata
4. Write a HTML program to display ordered and unordered list.
<html>
<head>
<title>ordered and unordered list</title>
</head>
<body>
<b><i><u>Ordered List of impact printers:</u></i></b>
<br>
<i><u>numbers:</u></i>
<ol>
<li>Dot Matrix Printer</li>
<li>Daisy Wheel Printer</li>
<li>Line Printer</li>
</ol>
<br>
<i><u>Capital letters:</u></i>
<ol type="A">
<li>Dot Matrix Printer</li>
<li>Daisy Wheel Printer</li>
<li>Line Printer</li>
</ol>
<br>
<i><u>Small letters (starting from "e"): </u></i>
<ol type="a" start="5">
<li>Dot Matrix Printer</li>
<li>Daisy Wheel Printer</li>
<li>Line Printer</li>
</ol>
<br>
<i><u>roman numbers</u></i>
<ol type="i">
<li>Dot Matrix Printer</li>
<li>Daisy Wheel Printer</li>
<li>Line Printer</li>
</ol>
<hr>
<b><i><u>Unordered List of non-impact printers:</u></i></b>
<br>
<i><u>Circle</u></i>
<ul>
<li>Ink-jet Printer</li>
<li>Laser Printer</li>
<li>Thermal Printer</li>
<li>Plotter</li>
</ul>
<br>
<i><u>Square</u></i>
<ul type="square">
<li>Ink-jet Printer</li>
<li>Laser Printer</li>
<li>Thermal Printer</li>
<li>Plotter</li>
</ul>
<br>
<i><u>Disk</u></i>
<ul type="Disk">
<li>Ink-jet Printer</li>
<li>Laser Printer</li>
<li>Thermal Printer</li>
<li>Plotter</li>
</ul>
<hr>
</body>
</html>
OUTPUT
FIG : HTML output for
ordered list and unordered list