HTML PRACTICAL FILE B.B.A.I.I.
5TH SEMESTER
1.WAP to display message using html tag
INPUT:
<html>
<body>
<h1>My First Heading</h1>
<p>My First Paragraph</p>
</html>
</body>
OUTPUT:
P a g e 1 | 44
HTML PRACTICAL FILE B.B.A.I.I. 5TH SEMESTER
2.WAP to implement bold tag
INPUT:
<html>
<head>
<title>Lab file
</title>
</head>
<body>
<h1 style="text-align:center;">Assignment No 2.</h1>
<b>This tag is used to make the characters bold.</b>
</body></html>
OUTPUT:
P a g e 2 | 44
HTML PRACTICAL FILE B.B.A.I.I. 5TH SEMESTER
3.WAP to implement underline tag
<html>
<body>
<h1 style="text-align:center;">Assignment No 3.</h1>
<p>This is underline tag. This tag represents some text that should be stylistically
different from <u>normal text</u>, such as <u><b>misspelled
words.</b></u></p>
</body></html>
OUTPUT:
P a g e 3 | 44
HTML PRACTICAL FILE B.B.A.I.I. 5TH SEMESTER
4.WAP to implement italic tag
<html>
<head>
<title>Lab file
</title>
</head>
<body>
<h1 style="text-align:center;">Assignment No 4.</h1>
<i>This tag is used to print characters in italics.</i></body>
</html>
OUTPUT:
P a g e 4 | 44
HTML PRACTICAL FILE B.B.A.I.I. 5TH SEMESTER
5.W.A.P to use paragraph tag in an HTML document.
<html>
<head>
<title>Lab file
</title>
</head>
<body>
<h1 style="text-align:center;">Assignment No.5</h1>
<p>This is a paragraph tag.This is used to print the sentences in the paragraph
form.</p>
</body>
</html>
P a g e 5 | 44
HTML PRACTICAL FILE B.B.A.I.I. 5TH SEMESTER
6.W.A.P to use break tag in an HTML document.
<html>
<head>
<title>Lab file
</title>
</head>
<body>
<h1 style="text-align:center;">Assignment No 6.</h1>
<p>This is break tag.</br> This is used to break the sentences in the
paragraph.</br> And print them in a new line.</p>
</body>
P a g e 6 | 44
HTML PRACTICAL FILE B.B.A.I.I. 5TH SEMESTER
</html>
P a g e 7 | 44
HTML PRACTICAL FILE B.B.A.I.I. 5TH SEMESTER
7.W.A.P to use strong tag in an HTML document.
<html>
<head>
<title>Lab file
</title>
</head>
<body>
<h1 style="text-align:center;">Assignment No 7.</h1>
<p>This is strong tag.</br> This is used to highlight the
<strong>word</strong> in the sentence.</p>
</body>
</html>
P a g e 8 | 44
HTML PRACTICAL FILE B.B.A.I.I. 5TH SEMESTER
P a g e 9 | 44
HTML PRACTICAL FILE B.B.A.I.I. 5TH SEMESTER
8.W.A.P to use horizontal tag in an HTML document.
<html>
<head>
<title>Lab file
</title>
</head>
<body>
<h1 style="text-align:center;">Assignment No 8. </h1>
<p>This is horizontal tag.<hr> This is used to dividing the
<b>paragraphs.</b></p>
</body>
</html>
P a g e 1 0 | 44
HTML PRACTICAL FILE B.B.A.I.I. 5TH SEMESTER
9.W.A.P to use subscript tag in an HTML document.
<html>
<head>
<title>Lab file
</title>
</head>
<body>
<h1 style="text-align:center;">Assignment No 9. </h1>
<p>This is subscript tag.</br> This is used to print the <strong>subscript</strong>
values.<hr> For example: H<sub>2</sub>SO<sub>4</sub></p>
</body>
P a g e 1 1 | 44
HTML PRACTICAL FILE B.B.A.I.I. 5TH SEMESTER
</html>
10. W.A.P to use image tag in an HTML document.
<html>
<head>
<title>Lab file
</title>
</head>
<body>
<h1 style="text-align:center;">Assignment No 10.</h1>
<p>This is image tag.</br> This is used to print the
<strong>images</strong> in our web page.</p>
P a g e 1 2 | 44
HTML PRACTICAL FILE B.B.A.I.I. 5TH SEMESTER
<img src="E:\Picsss\the wolverine.jpg" width="700" height="500">
</body>
</html>
11.W.A.P to use background color tag in an HTML document.
<html>
<head>
<title>Lab file
</title>
</head>
<body>
<h1 style="text-align:center;">Assignment No 11.</h1>
P a g e 1 3 | 44
HTML PRACTICAL FILE B.B.A.I.I. 5TH SEMESTER
<p style="background-color:yellow;">This is background color tag.</br>
This is used to change the <strong>background color</strong> in our web
page.</p>
</body>
</html>
12. W.A.P to change text color in an HTML document.
<html>
<head>
<title>Lab file
</title>
</head>
<body>
P a g e 1 4 | 44
HTML PRACTICAL FILE B.B.A.I.I. 5TH SEMESTER
<h1 style="text-align:center;">Assignment No 12.</h1>
<p>This is text color tag.</br> This is used to change the color of <font
color="red">text </font>in our web page.</p>
</body>
</html>
13. W.A.P to use font tag in an HTML document.
<html>
<head>
<title>Lab file
</title>
P a g e 1 5 | 44
HTML PRACTICAL FILE B.B.A.I.I. 5TH SEMESTER
</head>
<body>
<h1 style="text-align:center;">Assignment No 13.</h1>
<p>This is font tag.</br> This is used to change the <font size="5">style of text
</font>in our web page.</p>
</body>
</html>
14. W.A.P to implement left alignment in an HTML document.
<html>
<head>
P a g e 1 6 | 44
HTML PRACTICAL FILE B.B.A.I.I. 5TH SEMESTER
<title>Lab file
</title>
</head>
<body>
<h1 style="text-align:center;">Assignment No 14.</h1>
<p style="text-align:left;">This is left alignment tag.</br> This is used to
align the text in left side.</p>
</body>
</html>
P a g e 1 7 | 44
HTML PRACTICAL FILE B.B.A.I.I. 5TH SEMESTER
15. W.A.P to implement right alignment in an HTML document.
<html>
<head>
<title>Lab file
</title>
</head>
<body>
<h1 style="text-align:center;">Assignment No 15.</h1>
<p style="text-align:right;">This is right alignment tag.</br> This is used to
align the text in right side.</p>
</body>
</html>
P a g e 1 8 | 44
HTML PRACTICAL FILE B.B.A.I.I. 5TH SEMESTER
16. W.A.P to implement center alignment in an HTML document.
<html>
<head>
<title>Lab file
</title>
</head>
<body>
<h1 style="text-align:center;">Assignment No 16.</h1>
<p style="text-align:center;">This is center alignment tag.</br> This is used
to align the text in center.</p>
</body>
P a g e 1 9 | 44
HTML PRACTICAL FILE B.B.A.I.I. 5TH SEMESTER
</html>
P a g e 2 0 | 44
HTML PRACTICAL FILE B.B.A.I.I. 5TH SEMESTER
17. W.A.P to use unordered list tag in an HTML document.
<html>
<head>
<title>Lab file </title></head>
<body>
<h1 style="text-align:center;">Assignment No 17.</h1>
<p>This is unordered list tag.</br> This is used to print the list in unordered
way.</br> Names of logan:</p>
<ul style="list-style-type:square">
<li>logan</li>
<li>wolverine</li>
<li>weapon x</li>
</ul>
P a g e 2 1 | 44
HTML PRACTICAL FILE B.B.A.I.I. 5TH SEMESTER
</body></html>
P a g e 2 2 | 44
HTML PRACTICAL FILE B.B.A.I.I. 5TH SEMESTER
18. W.A.P to use ordered list tag in an HTML document.
<html>
<head>
<title>Lab file </title></head>
<body>
<h1 style="text-align:center;">Assignment No 18.</h1>
<p>This is ordered list tag.</br> This is used to print the list in ordered
way.</br> Names of logan:</p>
<ol type="I">
<li>logan</li>
<li>wolverine</li>
<li>weapon x</li>
</ol>
P a g e 2 3 | 44
HTML PRACTICAL FILE B.B.A.I.I. 5TH SEMESTER
</body></html>
19. W.A.P to implement description list tag in an HTML document.
<html>
<body>
<dl>
<dt> Parents </dt>
<dt> Sisters </dt>
<dt> Brothers </dt>
</dl>
</body>
</html>
OUTPUT:
P a g e 2 4 | 44
HTML PRACTICAL FILE B.B.A.I.I. 5TH SEMESTER
20. W.A.P to use span tag in an HTML document.
<html>
<head>
<title>Lab file
</title>
</head>
<body>
<h1 style="text-align:center;">Assignment No 20.</h1>
<p>This is span tag.</br> This is used for <span
style="color:green">grouping applying styles to inline
elements.</span></p>
</body>
P a g e 2 5 | 44
HTML PRACTICAL FILE B.B.A.I.I. 5TH SEMESTER
</html>
P a g e 2 6 | 44
HTML PRACTICAL FILE B.B.A.I.I. 5TH SEMESTER
21. W.A.P to use table heading tag in an HTML document.
<html>
<head>
<title>Lab file </title></head>
<body>
<h1 style="text-align:center;">Assignment No 21.</h1>
<p>This is table heading tag.</br> This tag defines a header cell in an
<b>HTML table.</b></p>
<table width="100%">
<tr style="text-align:center;">
<th>Month</th>
<th>Savings</th>
</tr>
</body>
P a g e 2 7 | 44
HTML PRACTICAL FILE B.B.A.I.I. 5TH SEMESTER
</html>
P a g e 2 8 | 44
HTML PRACTICAL FILE B.B.A.I.I. 5TH SEMESTER
22. W.A.P to use table row tag in an HTML document.
<html>
<head>
<title>Lab file
</title>
</head>
<body>
<h1 style="text-align:center;">Assignment No 22.</h1>
<p>This is table row tag.</br> This tag defines a row in an <b>HTML
table.</b></p>
<table width="100%">
<tr style="text-align:center;">
<th>Month</th>
<th>Savings</th>
</tr>
<tr style="text-align:center;">
<td>January</td>
<td>10000</td>
</tr>
<tr style="text-align:center;">
<td>February</td>
<td>12000</td>
</tr>
P a g e 2 9 | 44
HTML PRACTICAL FILE B.B.A.I.I. 5TH SEMESTER
</body>
</html>
P a g e 3 0 | 44
HTML PRACTICAL FILE B.B.A.I.I. 5TH SEMESTER
23. W.A.P to use table border tag in an HTML document.
<html>
<head>
<title>Lab file
</title>
</head>
<body>
<h1 style>="text-align:center;">Assignment No 23.</h1>
<p>This is table border color tag.</br>This tag changes the color of border
of the table.</p>
<table border="10" bordercolor="red" width="100%" >
<tr style="text-align:center;">
<th>Month</th>
<th>Savings</th>
</tr>
<tr style="text-align:center;">
<td>January</td>
<td>10000</td>
</tr>
<tr style="text-align:center;">
<td>February</td>
<td>12000</td>
P a g e 3 1 | 44
HTML PRACTICAL FILE B.B.A.I.I. 5TH SEMESTER
</tr>
</body>
</html>
P a g e 3 2 | 44
HTML PRACTICAL FILE B.B.A.I.I. 5TH SEMESTER
24. W.A.P to use table border color tag in an HTML document.
<html>
<head>
<title>Lab file
</title>
</head>
<body>
<h1 style="text-align:center;">Assignment No 24.</h1>
<p>This is table border color tag.</br>This tag changes the color of table
border.</p>
<table border="10" bordercolor="red" width="100%" >
<tr style="text-align:center;">
<th>Month</th>
<th>Savings</th>
</tr>
<tr style="text-align:center;">
<td>January</td>
<td>10000</td>
</tr>
<tr style="text-align:center;">
<td>February</td>
<td>12000</td>
</tr>
P a g e 3 3 | 44
HTML PRACTICAL FILE B.B.A.I.I. 5TH SEMESTER
</body>
</html>
P a g e 3 4 | 44
HTML PRACTICAL FILE B.B.A.I.I. 5TH SEMESTER
25. W.A.P to use superscript tag in an HTML document.
<html>
<head>
<title>Lab file
</title>
</head>
<body>
<h1 style="text-align:center;">Assignment No 25.</h1>
<p>This is superscript tag.</br> This is used to print the
<strong>superscript</strong> values.<hr> For example:
X<sup>2</sup>Y<sup>4</sup></p>
</body>
P a g e 3 5 | 44
HTML PRACTICAL FILE B.B.A.I.I. 5TH SEMESTER
</html>
P a g e 3 6 | 44
HTML PRACTICAL FILE B.B.A.I.I. 5TH SEMESTER
26. W.A.P to use different heading tags in an HTML document.
<html>
<head>
<title>Lab file </title></head>
<body>
<h1 style="text-align:center;">Assignment No 26.</h1>
<p>Headings are defined with the <strong>h1</strong><strong>to
h6</strong> tags. </br>
<b>h1</b> defines the most important heading. </br>
<b>h6</b> defines the least important heading.</p>
<h1>Heading</h1>
<h2>Heading</h2>
<h3>Heading</h3>
<h4>Heading</h4>
<h5>Heading</h5>
<h6>Heading</h6>
</body>
</html>
P a g e 3 7 | 44
HTML PRACTICAL FILE B.B.A.I.I. 5TH SEMESTER
P a g e 3 8 | 44
HTML PRACTICAL FILE B.B.A.I.I. 5TH SEMESTER
27. W.A.P to change font color in an HTML document.
<html>
<head>
<title>Lab file
</title>
</head>
<body>
<h1 style="text-align:center;">Assignment No 27.</h1>
<p>This is font color tag. <font color="red">This is used to change the color
of the text. </p>
</body>
</html>
P a g e 3 9 | 44
HTML PRACTICAL FILE B.B.A.I.I. 5TH SEMESTER
28. W.A.P to use marquee tag in an HTML document.
<html>
<head>
<title>Lab file
</title>
</head>
<body>
<h1 style="text-align:center;">Assignment No 29.</h1>
<p>This is marquee tag. An HTML marquee is a scrolling piece o text
displayed either horizontally or vertically down your webpage depending on
the settings.</p>
<marquee direction="right">This text will scroll from left to
right</marquee>
P a g e 4 0 | 44
HTML PRACTICAL FILE B.B.A.I.I. 5TH SEMESTER
</body></html>
29.WAP to create a form using form tag
INPUT:
<html>
<body>
<form>
First name:<br>
<input type="tex"
name="firstname">
</body>
</form></html>
P a g e 4 1 | 44
HTML PRACTICAL FILE B.B.A.I.I. 5TH SEMESTER
OUTPUT:
30.WAP to implement radio button controls
INPUT:
<html>
<body>
<form>
<input type ="radio"name="gender" value="male" checked>male<br>
<input type ="radio"name="gender "value= "female" > female <br>
</body>
</form>
</html>
P a g e 4 2 | 44
HTML PRACTICAL FILE B.B.A.I.I. 5TH SEMESTER
OUTPUT:
31.WAP to implement password input controls
INPUT:
<html>
<head>
<title> Password Input Control</title>
</head>
<body>
<form>
User ID:<br><input type="text" name="username"><br>
User Password:<br><input type="Password" name="psw"
P a g e 4 3 | 44
HTML PRACTICAL FILE B.B.A.I.I. 5TH SEMESTER
</form></body></html>
OUTPUT:
P a g e 4 4 | 44
