(Grade IX) HTML- Lab Assignment
Lab Assignment 1:
Question no. 1
<html>
<head>
<title>Introduction to
Computer</title>
</head>
<body>
<h1>Introduction to
Computer</h1>
<hr>
<h2>What is a
Computer?</h2>
<p>
A
computer is an electronic device that accepts data,
processes
it, and gives meaningful information.
It helps
people perform many tasks easily and quickly.
</p>
<br>
<h2>Uses of
Computer</h2>
<p>
Computers
are used in schools, hospitals, banks,
offices,
and homes.<br>
They are
used for typing documents, playing games,
watching
videos, and browsing the internet.
</p>
<hr>
<h2>Characteristics of
Computer</h2>
<p>
<b>Speed:</b>
Computer can perform millions of calculations in a second.<br><br>
<b>Accuracy:</b>
Computer gives correct and accurate results when proper data is
entered.<br><br>
<b>Diligence:</b>
Computer can work continuously for a long time without getting
tired.<br><br>
<b>Versatility:</b>
Computer can perform different types of tasks such as drawing, typing, gaming,
and calculations.<br><br>
<b>Automation:</b>
Computer can perform tasks automatically once instructions are given.
</p>
<br>
<h3>Conclusion</h3>
<p>
Computers
have become an important part of our daily life.
They make
work easier, faster, and more efficient.
</p>
</body>
</html>
Question no. 2
Lab Assignment 2
Question no. 3
Font color, size and face
<html>
<head>
<title>font
</title>
</head>
<body>
<font
color="orange" size="5" face="Comic Sans
MS">Fun orange Comic Sans text</font>
</body>
</html>
Question no. 4
Bold, Underline, Italic and break tag
<html>
<head>
<title>Bold,
Underline, Italic and break tag</title>
</head>
<body>
Normal
text<br>
<b>Bold
text</b><br>
<u>Underline
text</u><br>
<i>Italic
text</i><br>
</body>
</html>
3.
Question no. 5
Heading tag
<html>
<head>
<title>Heading
tag</title>
</head>
<body>
Normal
text<br>
<h1>heading
1</h1>
<h2>heading
2</h2>
<h3>heading
3</h3>
<h4>heading
4</h4>
<h5>heading
5</h5>
<h6>heading
6</h6>
</body>
</html>
Lab assignment 3: Make a
HTML document which shows following contents:
(a+b)2 = a2+ 2ab + b2
(a-b)2 = a2-2ab + b2
(a+b)3= a3-3a2b + 3ab2+
b3
(a-b)3= a3-3a2 b +
3ab2 -b3
(a+b)4=a4+4a3b+6a2b2+4ab3+b4
2H2+O2→2H2O
CH4+O2→CO2+2H2O
Zn+H2SO4→ZnSO4+H2↑
H2SO2 + 2NaOH→Na2SO4 +2H 2O
2N2 + 5O2→2Na2O5
<html>
<head>
<title> Lab Assignment 2 </title>
</head>
<body>
(a+b)<sup>2</sup> =
a<sup>2</sup>+ 2ab + b<sup>2</sup>
<br>
(a-b)<sup>2</sup> =
a<sup>2</sup>-2ab + b<sup>2</sup>
<br>
(a+b)<sup>3</sup>=
a<sup>3</sup>-3a<sup>2</sup>b +
3ab<sup>2</sup>+ b<sup>3</sup>
<br>
(a-b)<sup>3</sup>=
a<sup>3</sup>-3a<sup>2</sup> b +
3ab<sup>2</sup> -b<sup>3</sup>
<br>
(a+b)<sup>4</sup>=a<sup>4</sup>+4a<sup>3</sup>b+6a<sup>2</sup>b<sup>2</sup>+4ab<sup>3</sup>+b<sup>4</sup>
<br>
2H<sub>2</sub>+O<sub>2</sub>→2H<sub>2</sub>O
<br>
CH<sub>4</sub>+O<sub>2</sub>→CO<sub>2</sub>+2H<sub>2</sub>O
Zn+H<sub>2</sub>SO<sub>4</sub>→ZnSO<sub>4</sub>+H<sub>2</sub>↑
<br>
H<sub>2</sub>SO<sub>2</sub>
+ 2NaOH→Na<sub>2</sub>SO<sub>4</sub> +2H
<sub>2</sub>O
2N<sub>2</sub> +
5O<sub>2</sub>→2Na<sub>2</sub>O<sub>5</sub>
</body>
</html>
Lab assignment 4: Table
<HTML>
<Head>
<Title> table</Title>
</Head>
<Body Bgcolor="Gold">
<Table Border="2" >
<Tr >
<Th> Mark-Sheet </Th>
</tr>
<Tr bgcolor="blue">
<Th> Name </Th>
<Th> Percentage</Th>
<Th> Division</Th>
</Tr>
<Tr >
<Td align = Left> Rajesh </Td>
<td align = Left> 80</Td>
<td align = Center> 1st</Td>
</Tr>
<Tr>
<Td align = Left> Sanjana</Td>
<Td align = Left> 85 </Td>
<Td align = Center> 1st</Td>
</Tr>
<Tr>
<Td align = Left> Shristi</Td>
<Td align = Left> 75</Td>
<Td align = Center> 1st </TD>
</Tr>
</Table>
</Body>
</HTML>
Lab assignment 5: Table
<html>
<head>
<title> menu table</title>
</head>
<body bgcolor="sky blue">
<table border="1">
<tr>
<th
colspan="2"><font
color="white">Menu</font></th>
</tr>
<tr bgcolor="#CCCCCC">
<td>Momo</td>
<td>Rs.165</td>
</tr>
<tr bgcolor="#E6E6E6">
<td>Pizza</td>
<td>Rs.345</td>
</tr>
<tr bgcolor="#CCCCCC">
<td>Coke/fanta/sprite</td>
<td>Rs.60</td>
</tr>
</table>
</body>
</html>
Lab assignment 6: Marquee, Image
<HTML>
<HEAD>
<TITLE>LAB work</TITLE>
</HEAD>
<BODY>
<H1><MARQUEE><p
style="color:GREEN">ROSE BUD
SCHOOL</p></MARQUEE></H1>
<img src="image.jpg" alt="Girl in a
jacket" width="100" height="100">
<br>
<a
href="https://www.rosebudschoolnepal.org//">rosebud school
website</a>
</BODY>
</HTML>
Lab assignment 7
<html>
<head>
<title>My Personal Web
Page</title>
</head>
<body bgcolor="pink">
<font color="darkblue" size="5"
face="Jokerman"><marquee><h1>Welcome to My Web Page –
By Ram Sha</h1></marquee></font>
<font color="blue" size="5"
face="Joker Man">
<h1> <b><u>About
Me</u></b></h1>
</font>
<br>
<font color="darkblue" size="5"
face="Comic Sans MS">
<i>
Hello! My name is <b>Ram Sha</b>. I study in
<u>Grade 11</u>.
I study at <b>Rosebud School</b>. I am 16
years old.
I am from <b>Kathmandu</b>.
I enjoy reading, sports, and learning computer science!
My favorite subjects are <b>Math</b> and
<b>Computer Science</b>.
I like programming, solving puzzles, and exploring new
technologies.
In my free time, I also enjoy playing football and
listening to music.
</i>
</font>
<br><br>
<img src="as.jpg" alt="My Photo"
width="150" height="150">
<br><br>
<h2>My Marks during First Terminal
Examination</h2>
<table border="2">
<tr bgcolor="lightblue">
<th>Subjects</th>
<th>Marks</th>
</tr>
<tr>
<td>English</td>
<td>88</td>
</tr>
<tr>
<td>Nepali</td>
<td>92</td>
</tr>
<tr>
<td>Accountancy</td>
<td>51</td>
</tr>
<tr>
<td>Economics</td>
<td>65</td>
</tr>
<tr>
<td>Computer</td>
<td>95</td>
</tr>
</table>
<br>
<h2><I>Formulas I learnt
today</I></h2>
<b>Math Formula:</b>
(a+b)<sup>2</sup> = a<sup>2</sup>
+ 2ab + b<sup>2</sup>
<br><br>
<b>Chemical Formula:</b>
H<sub>2</sub>O, CO<sub>2</sub>
<br><br>
<a
href="https://www.manasalu9.blogspot.com">Click here for Computer
notes</a>
</body>
</html>
Lab assignment 8
1. Unordered List (<ul>)
An unordered list shows items with bullets (no specific
order).
Example
<html>
<head>
<title>lab assignment</title>
</head>
<body>
<h3>Fruits</h3>
<ul>
<li>Apple
<li>Banana
<li>Orange
</ul>
</body>
</html>
Types of Unordered Lists
You can change bullet styles using the `type` attribute.
|
Type Value |
Bullet Style |
|
disc` (default) |
● |
|
circle |
○ |
|
square |
■ |
Example with Types
<ul type="circle">
<li>HTML
<li>CSS
<li>JavaScript
</ul>
2. Ordered List (<ol>)
An ordered list shows items in a specific order, usually
with numbers.
Example
<html>
<head>
<title>lab assignment</title>
</head>
<body>
<h3>Steps to Make Tea</h3>
<ol>
<li>Boil water
<li>Add tea leaves
<li>Add sugar and milk
<li>Serve hot
</ol>
</body>
</html>
Types of Ordered Lists
|
Type Value |
Format |
|
`1` (default) |
1, 2, 3 |
|
`A` |
A, B, C |
|
`a` |
a, b, c |
|
`I` |
I, II, III |
|
`i` |
i, ii, iii |
Example with Types
<ol type="A">
<li>Maths
<li>Science
<li>English
</ol>
3. Starting Number in Ordered List
You can start counting from a different number using
`start`.
<ol start="5">
<li>Chapter Five
<li>Chapter Six
</ol>