Scribd
Upload
14 views

HTML

Uploaded by

gargabhinav1507
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
14 views

HTML

Uploaded by

gargabhinav1507
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 19

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

You might also like