PRACTICAL 1 : HEADER TAGS
S.NO PROGRAM NAME DATE OF
SUBMISSION
1. Create a webpage on the theme “Famous Scientists of India”
Use <h1> for the main title Famous Scientists of India.
Add at least three scientists (example: C. V. Raman, A. P. J. Abdul
Kalam, Homi J. Bhabha) using <h2> tags.
Under each scientist, use <h3> with the heading Contribution.
Write 1–2 lines about their achievement/discovery inside a <p> tag.
Save the file as scientists.html and display the output
2. Write an HTML program to create a Hello
Web Page that displays:
Your Name (as the main heading)
Your Course/Class (as a subheading)
A motivational quote styled with colors
Use basic HTML tags and simple CSS for colors
and neat layout.
3. Write an HTML program to design a SPORTS
Fest Invitation page.
Use <h1> for the main heading.
Insert an image related to the fest.
Add details like date, time, and venue.
Write a short description using formatting tags
<b>, <i>, <u>, <mark>.
Save the file as fest.html and display the output.
1. (sop 2 )
Create a webpage using HTML and CSS code
to design a webpage as
the layout displayed below.
The top section will display the heading , ‘Tourist
places’ in header. The
section on the left has list of cities. The right hand
side display tourist places
in any one of the city .
Use Inline style sheet in the top section to display
background color for the
text ‘Tourist places’. Use internal stylesheet for
the left and right section
with background color and font styles.
Sample HTML CODE FOR REFERENCE :
1.<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Facts about India</title>
</head>
<body style="font-family: Arial, sans-serif;">
<!-- Largest heading -->
<h1>🌏 Incredible India</h1>
<p>India is one of the oldest civilizations in the world with a rich
cultural heritage and diversity.</p>
<!-- Second heading -->
<h2>🏰 History</h2>
<p>India is home to the Indus Valley Civilization and historical
monuments like the Taj Mahal, Qutub Minar, and Red Fort.</p>
<!-- Third heading -->
<h3>🌿 Geography</h3>
<p>From the mighty Himalayas in the north to the Indian Ocean in
the south, India has a wide variety of landscapes.</p>
<!-- Fourth heading -->
<h4>🎉 Festivals</h4>
<p>India celebrates colorful festivals such as Diwali, Holi, Eid,
Christmas, and Pongal.</p>
<!-- Fifth heading -->
<h5>🍛 Food</h5>
<p>Indian cuisine is known for its spices and flavors, with famous
dishes like Biryani, Dosa, and Butter Chicken.</p>
<!-- Sixth heading -->
<h6>🎶 Music & Dance</h6>
<p>Classical music, folk dances, and Bollywood songs make Indian
culture vibrant and lively.</p>
</body>
</html>
2.<!DOCTYPE html>
<html>
<head>
<title>Hello Web Page</title>
<style>
body {
text-align: center;
font-family: Arial, sans-serif;
}
h1 {
color: blue;
}
h2 {
color: green;
}
p{
color: red;
font-style: italic;
}
</style>
</head>
<body>
<h1> Name : SEEZA </h1>
<h2>Your Course/Class : XII </h2>
<p>"The future depends on what you do today."</p>
</body>
</html>
3 <!DOCTYPE html>
. <html>
<head>
<title>CHILDRENS DAY Fest Invitation</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f0f8ff;
margin: 30px;
}
h1 {
color: darkblue;
}
img {
width: 400px;
height: auto;
margin: 20px;
border-radius: 10px;
}
p{
font-size: 18px;
}
</style>
</head>
<body>
<h1>🎉 Welcome to Our CHILDRENS DAY Fest 2025 🎉</h1>
<!-- Add your fest image -->
<img
src="https://upload.wikimedia.org/wikipedia/commons/thumb/0/0c/Coll
ege_Fest.jpg/640px-College_Fest.jpg" alt="CHILDREN DAY Fest">
<h2>Event Details</h2>
<p><b>Date:</b> <u>14th NOVEMVER 2025</u></p>
<p><b>Time:</b> <i>5:00 PM onwards</i></p>
<p><b>Venue:</b> <mark>SCHOOL Auditorium</mark></p>
<h2>About the Fest</h2>
<p>
Join us for an evening filled with <b>fun</b>, <i>music</i>, and
<u>memorable performances</u>.
Experience the energy, creativity, and <mark>celebration of
talent</mark> at our fest.
</p>
</body>
</html>
