Program – 1
WAP to understand the use of html, head and body tag.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,
initial-scale=1.0">
<title>My First Page</title>
</head>
<body>
<h1>HELLO EVERYONE</h1>
<p>Hey, I am Nandita and I am a first year MCA student in
G.B Pant University of Agriculture and Technology</p>
</body>
</html>
Output –
HELLO EVERYONE
Hey, I am Nandita and I am a first year MCA student in G.B Pant
University of Agriculture and Technology
Program -2
WAP to add an image to a HTML document.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,
initial-scale=1.0">
<title>Document</title>
</head>
<body>
<img src="[Link]
wallpapers/[Link]" alt="Coding"
width="400" height="300">
</body>
</html>
Output –
Program – 3
WAP to show the use of <a> tag in html.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,
initial-scale=1.0">
<title>Document</title>
</head>
<body>
<a href="[Link]
<img
src="[Link]
[Link]" />
</a>
</body>
</html>
Output –
Program – 4
WAP to show the use of image mapping.
<!DOCTYPE html>
<html>
<body>
<h2>Image Maps</h2>
<p>Click on the computer, the phone, or the cup of coffee to go
to a new page and read more about the topic:</p>
<img src="[Link]" alt="Workplace"
usemap="#workmap" width="400" height="379">
<map name="workmap">
<area shape="rect" coords="34,44,270,350" alt="Computer"
href="[Link]">
<area shape="rect" coords="290,172,333,250" alt="Phone"
href="[Link]">
<area shape="circle" coords="337,300,44" alt="Cup of coffee"
href="[Link]">
</map>
</body>
</html>
Output –
Program – 5
WAP to understand the use of meta tags in html.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,
initial-scale=1.0">
<meta name="description" content="free web tutorials">
<meta name="keywords" content="HTML, CSS, XML,
Javascript">
<meta tag="author" content="John Doe">
</meta>
<title>Document</title>
</head>
<body>
<p>All meta information goes in the head section</p>
</body>
</html>
Output –
All meta information goes in the head section
Program – 6
WAP to make a table in html.
<html>
<head>
<title>HTML TABLE</title>
</head>
<body>
<table>
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<td>Arun</td>
<td>Singh</td>
<td>21</td>
</tr>
<tr>
<td>Atharv</td>
<td>Sharma</td>
<td>22</td>
</tr>
</table>
</body>
</html>
Output –
Firstname Lastname Age
Arun Singh 21
Atharv Sharma 22
Program -7
WAP to make a html form.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,
initial-scale=1.0">
<title>HTML form</title>
</head>
<body>
<h2>HTML Form</h2>
<form>
<label for="username">Username:</label><br>
<input type="text"id="username" name="username"><br>
<label for="password">Password</label><br>
<input type="password"id="password"
name="passowrd"><br>
<input type="submit" value="submit">
</form>
</body>
</html>
Output –
Program – 8
WAP to understand the use of div in html.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,
initial-scale=1.0">
<title>Div</title>
<style>
div{
background-color: pink;
}
</style>
</head>
<body>
<h1>HTML DIV Example</h1>
<div>
<h2>London</h2>
<p>London is the capital city of England</p>
<p>London has over 9 million inhabitants</p>
</div>
</body>
</html>
Output –
HTML DIV Example
London
London is the capital city of England
Program
London has over 9 million –9
inhabitants
WAP to understand the use of span in html.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,
initial-scale=1.0">
<title>Span element</title>
</head>
<body>
<h1>The span element</h1>
<p>My mother has <span style="color: blue; font-weight:
bold;">blue</span> eyes and my father has <span style="color:
green; font-weight: bold;">green</span> eyes.</p>
</body>
</html>
Output –
The span element
My mother has blue eyes and my father has green eyes.