Experiment – 1
Aim: Develop a Webpage of Introduction
using basic HTML tags
Source Code
<html>
<head>
<title>Introduction</title>
</head>
<body>
<h1 style = "text-align: center;"><b><u>Intoduction</u></b></h1>
<font color = "red" size = "4">
<p>My name is Abhinav. I am from Shahbad Markanda. I am
currently persuing BTech CSE in Maharishi Markandeshwar Engineering
College of Maharishi Markandeshwar (Deemed to be) University. The
place is famous for its Markanda Temple devoted to Maharishi
Markandeshwar and Lord Shiva.Everyday large number of devotees
come to worship in this Holy place. </p>
</font>
</body>
</html>
Output
2
Experiment – 2
Aim: Develop a Webpage to show use of
Linking in HTML.
Source Codes
Code: 1
<html>
<head>
<title>LINKING IN HTML</title>
</head>
<body>
<h1 style = "text-align: center;"><u>BTech CSE Courses</u></h1>
<p>There are Many Courses in Btech CSE to choose from.<p><br>
<p>Here are some given below:</p><br>
1. <a href = "GameDevelopment.html">Game Development</a><br>
2. <a href = "WebDevelopment.html">Web Development</a>
</body>
</html>
3
Code: 2
<html>
<head>
<title>Game Development</title>
</head>
<body>
<h1 style = "text-align: center;"><u>Game Development</u></h1>
This is the course in which we will be learning working and making
of Game.
</body>
</html>
4
Code: 3
<html>
<head>
<title>Web Development</title>
</head>
<body>
<h1 style = "text-align: center;"><u>Web Development</u></h1>
This the course in which we will be learning working and making of
Webpages and Websites.
</body>
</html>
5
Outputs
Output: 1
6
Output: 2
7
Output: 3
8
Experiment – 4
Aim: Develop a webpage to demonstrate
Frames in HTML
Source Code
Code: 1
<html>
<head>
<title>MMDU CLUBS</title>
</head>
<frameset rows = "50%,*">
<frame src = "CulturalClub.html" name = "culture">
<frameset cols = "*,*">
<frame src = "RobotonicsClub.html" name = "Robot">
<frame src = "CodingClub.html" name = "Coding">
</frameset>
</frameset>
9
<noframe>
</noframe>
</html>
Code: 2
<html>
<head>
<title>Cultural Club</title>
</head>
<body>
<h1 style = "text-align: center;"><u>Cultural Club</u></h1>
<p>In this club we will be doing all kinds of cultural activities like
dancing, acting, etc.</p>
<p>1. <a href = "Dancing.html" target = "Robot">Dancing</a></p>
<p>2. <a href = "Theater.html" target = "Coding">Theater</a></p>
</body>
</html>
Code: 3
10
<html>
<head>
<title>Theater</title>
</head>
<body>
<h1 style = "text-align: center;"><u>Theater</u></h1>
<p>In this club we will doing plays and drama.</p>
</body>
</html>
Code: 4
<html>
<head>
<title>Dancing</title>
</head>
<body>
<h1 style = "text-align: center;"><u>Dancing</u></h1>
<p>In this club we will learn and do dance performances.</p>
</body>
11
</html>
Code: 5
<html>
<head>
<title>Robotonics Club</title>
</head>
<body>
<h1 style = "text-align: center;"><u>Robotonics Club</u></h1>
<p>In this club we will be learning and playing with Robots.</p>
</body>
</html>
12
Code: 6
<html>
<head>
<title>Coding Club</title>
</head>
<body>
<h1 style = "text-align: center;"><u>Coding Club</u></h1>
<p>In this club we will learn and play with programs and also do
frequent ccoding challenges.</p>
</body>
</html>
13
Outputs
Output: 1
14
Output: 2
15
Experiment – 3
Aim: Develop a Webpage to show the
use of Image Mapping in HTML.
Source Code
Code: 1
<html>
<head>
<title>Image Mapping in HTML</title>
<map name = "India">
<area shape = "circle" coords="136,144,30" alt = "Rajashtan" href
= "Rajasthan.html">
</map>
</head>
<body>
<h1 style = "text-align: center;"><u>India</u></h1>
<img src = "artboard-1.webp" height="400" width="450"
usemap="#India" alt = "India Map">
16
</body>
</html>
Code: 2
<html>
<header>
<title>Rajasthan</title>
</header>
<body>
<h1 style = "text-align: center;"><u>Rajasthan</u></h1>
<p>Rajasthan, also known as the “Land of Kings”, is a state in
northern India. It covers a vast expanse of 342,239 square kilometers
(132,139 square miles), making it the largest Indian state by area. Here
are some highlights about this enchanting land:</p>
<p>Rajasthan is situated in India’s northwestern region.</p>
<p>It shares its western border with Pakistan, where the vast Thar
Desert (also known as the Great Indian Desert) stretches across its
landscape.</p>
<p>The state is flanked by five other Indian states: Punjab to the
north, Haryana and Uttar Pradesh to the northeast, Madhya Pradesh to
the southeast, and Gujarat to the southwest.</p>
<p>The ancient Aravalli mountain range runs through Rajasthan,
and its rugged terrain is dotted with historical sites, forts, and
temples.</p>
17
</body>
</html>
Output
Output: 1
18
Output: 2
19
