0% found this document useful (0 votes)
19 views14 pages

Lab Report On HTML, Application Package and C Program

This lab report, submitted by Ojashwi Shahi Thakuri to Rupen Rajkarnikar, covers various HTML programs including displaying headings, creating tables, forms, and lists. Each section provides code examples along with their corresponding outputs. The report also includes an acknowledgment section expressing gratitude to the teacher for guidance and support.

Uploaded by

shresthasweta070
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
19 views14 pages

Lab Report On HTML, Application Package and C Program

This lab report, submitted by Ojashwi Shahi Thakuri to Rupen Rajkarnikar, covers various HTML programs including displaying headings, creating tables, forms, and lists. Each section provides code examples along with their corresponding outputs. The report also includes an acknowledgment section expressing gratitude to the teacher for guidance and support.

Uploaded by

shresthasweta070
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 14

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

You might also like