Scribd
Upload
6 views

html practical

The document contains multiple HTML programs demonstrating various HTML tags and features, including heading tags, paragraph tags, list tags, image tags, table tags, form tags, background images, internal and external links, marquee tags, frame tags, and style sheets (inline, internal, and external). Each program showcases the syntax and structure of HTML elements and their usage. The examples illustrate how to create web pages with different formatting and layout techniques.

Uploaded by

Komal Antil
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
6 views

html practical

The document contains multiple HTML programs demonstrating various HTML tags and features, including heading tags, paragraph tags, list tags, image tags, table tags, form tags, background images, internal and external links, marquee tags, frame tags, and style sheets (inline, internal, and external). Each program showcases the syntax and structure of HTML elements and their usage. The examples illustrate how to create web pages with different formatting and layout techniques.

Uploaded by

Komal Antil
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 20

Program to demonstrate heading tag

<html>
<head>
<title>Heading tag</title>
</head>
<body>
<h1>The Colour Purple</h1>
<h2>The Colour Purple</h2>
<h3>The Colour Purple</h3>
<h4>The Colour Purple</h4>
<h5>The Colour Purple</h5>
<h6>The Colour Purple</h6>
</body>
</html>
Program to demonstrate paragraph tag

<html>
<head>
<title>Paragraph tag</title></head>
<body>
<p align=center><b>Italy is a boot-shaped peninsula that juts out of southern
Europe into the Adriatic Sea, Tyrrhenian Sea, Mediterranean Sea, and other
waters. Its location has played an important role in its history..</b></p><br><br>
<p align=left><b><u>The sea surrounds Italy, and mountains crisscross the
interior, dividing it into regions. The Alps cut across the top of the country and are
streaked with long, thin glacial lakes. From the western end of the Alps, the
Apennines mountains stretch south down the entire peninsula.</u></b></p>
<p align=right>West of the Apennines are wooded hills that are home to many of
Italy's historic cities, including Rome. In the south are hot, dry coastlands and
fertile plains where olives, almonds, and figs are grown.<i></i></p>
</body>
</html>
Program to demonstrate list tag
<html>
<head>
<title>List tag</title></head>
<body>
<h1><i>Unordered list</i></h1>
<ul type=disc>
<b><u>Student data:</u></b><br>
<li>Name</li>
<li>Class</li>
<li>Roll No.</li></ul>
<h1><i>Ordered list</i></h1>
<ol type=i>
<b><u>Student data:</u></b><br>
<li>Name</li>
<li>Class</li>
<li>Roll No.</li></ol>
</body>
</html>
Program to demonstrate Image tag
<html>

<head>

<title>Image tag</title>

</head>

<body>

<h1><b><i><u>Adding Image</u></i></b></h1><br>

<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRhDurD-
6ZcnifTXGUINbL9bEVjBNxLR-0qtg&s" alt="italy"

width="400px" height="300px">

</body>

</html>
Program to demonstrate Table tag

<html>

<head>

<title>Table tag</title>

</head>

<body>

<table border=10 width=50%>

<tr>

<th> Roll No.</th>

<th> Name</th>

<th> Class</th>

</tr>

<tr align=center>

<td> 1</td>

<td> PriyaS </td>

<td> BCA </td>

</tr>

<tr align=center>

<td> 2</td>

<td> Muskan </td>

<td> BBA </td>


</tr>

<tr align=center>

<td> 3</td>

<td> Khushi </td>

<td> B.Com </td>

</tr>

<tr align=center>

<td> 4</td>

<td> Simran </td>

<td> BSC CS </td>

</tr>

</table>

</body>

</html>
Program to demonstrate Form tag

<html>

<head><title>Form tag</title>

<body>

<b><u>Admission form</b></u><br><br>

<form>

Name<input type="text"><br><br>

Father's name<input type="text"><br><br>

Mother's name<input type="text"><br><br>

City<input type="text"><br><br>

Gender <input type="radio" name="abc">male

<input type="radio" name="abc">female<br><br>

Address<textarea></textarea><br><br>

Course: <select><br><br>

<option value="B.sc">B.sc

<option value="B.A">B.A

<option value="B.BA">B.BA

<option value="B.COM">B.COM

</select><br><br>

D.O.B<input type="date"><br><br>

<input type="submit" value="submit">


<input type="reset" value="reset">

</form>

</body>

</head>

</html>
Program to insert image in background
<html>

<head>

<title>Background Image</title>

</head>

<body style= "background-image:


url('https://encrypted-tbn0.gstatic.com/images?
q=tbn:ANd9GcTnuy9l3Vzm1FViWQdK-1WUajrvSqys3V8Q3g&s'); background-
repeat:no repeat; background-size:cover;">

<left><br><br><br><br><br><br><br><br><br><br><br>

<font size=7>ITALY<br>

<font size=6>COUNTRY SIDE<br>

<font size=5>NATURE<br>

</body>

</html>
Program to demonstrate Internal link
<html>

<head>

<title>Internal link</title>

</head>

<body>

<center>

<font size=6

color=orange><b><u><i>INTERNET</i></u></b></font><br><br>

Chapter-1 <br><br>

INTRODUCTION OF INTERNET<br><br>

<a name="c2">Chapter-2</a><br><br>

MORE ABOUT INTERNET<br><br>

Chapter-3 <br><br>

INTERNET & ITS APPLICATIONS<br><br>

Chapter-4 <br><br>

INTERNET SECURITY<br><br>

Chapter-5 <br><br>

INTRODUCTION TO HTML<br><br>

Chapter-6 <br><br>

MORE ABOUT HTML<br><br>

<a href="c2"> GO TO CHAPTER-2</a>


</center>

</body>

</html>

Program to demonstrate external link


<html>

<head>

<title>External link</title>

</head>

<body>

<a href="C:/Users/dell/OneDrive/Desktop/4.html">Click here</a>

</body>

</html>

Program to demonstrate Marquee tag


<html>

<head>

<title>Marquee tag</title>

</head>

<body>

<marquee>

Simplicity is the glory of expression.

</marquee>

</body>

</html>

Program to demonstrate Frame tag


<html>
<head>

<title>Frame tag</title>

</head>

<frameset cols="40%,60%">

<frame

src="C:/Users/dell/OneDrive/Desktop/4.html">

<frame

src="C:/Users/dell/OneDrive/Desktop/2.html">

</frameset>

</html>

Program to demonstrate Inline Style Sheet


<html>

<head>

<title>Inline CSS</title>

</head>

<body>

<p style="background-color:red; font-size:42px;text- align:right">Carry out a


random act of kindness, with no expectation of reward, safe in the knowledge
that one day someone might do the same for you</p>

<p style="color:indigo;font-size:48px;text-align:center">Carry out a random act of


kindness, with no expectation of reward, safe in the knowledge that one day
someone might do the same for you</p>

<p style="color:green; font-size:45px;text-align:left">Carry out a random act of


kindness, with no expectation of reward, safe in the knowledge that one day
someone might do the same for you</p>

</body>

</html>
Program to demonstrate Internal Style Sheet

<html>

<head>

<title>Internal CSS</title>

<style>

p{color:blue;font-size:40px;text-align:center}

</style>

</head>

<body>

<p>Carry out a random act of kindness, with no expectation of reward, safe in the
knowledge that one day someone might do the same for you</p>

<p>Kindness is the language of the heart. </p>

</body>

</html>
Program to demonstrate External Style Sheet

<html>

<head>

<title>External CSS</title>

<link href="C:\Users\dell\OneDrive\Desktop\style.css" type="text/css"

rel="stylesheet">

</head>

<body>

<p>Italy is a country located in Southern Europe comprising the boot-shaped


Italian peninsula and a number of islands including Sicily and Sardinia.
Neighboring countries include Austria, France, Holy See, San Marino, Slovenia,
and Switzerland.</p>

</body>

</html>

Style
body { background-color: lightblue;}
h1 {color: navy; margin-left: 20px;}

You might also like