Scribd
Upload
54 views6 pages

Web Programming Submission 2

The document contains HTML code for two tasks completed by Tanay Saxena, identified by the code 22BDS0049. The first task involves image mapping with clickable areas for different pets, while the second task focuses on creating a styled table using HTML and CSS. Each task is presented with its respective HTML structure and CSS styling details.

Uploaded by

Tanay Saxena
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
54 views6 pages

Web Programming Submission 2

The document contains HTML code for two tasks completed by Tanay Saxena, identified by the code 22BDS0049. The first task involves image mapping with clickable areas for different pets, while the second task focuses on creating a styled table using HTML and CSS. Each task is presented with its respective HTML structure and CSS styling details.

Uploaded by

Tanay Saxena
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

22BDS0049

Tanay Saxena

Ques no 1: a)

Code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>22bds0049</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>22BDS0049 : Tanay Saxena (Ques 1- Image mapping)</h1>
<img src="image.png" alt="Image of a house with 5 pets "
usemap="#Pet_map" height="460" width="819">

<map id="Pet_map">

<area shape="rect" coords="232,217,380,271" href="#dog.html"


alt="Dog" title="Dog">
<area shape="rect" coords="207,256,299,319" href="#white.html"
alt="white cat" title="white cat">
<area shape="rect" coords="4,40,130,104" href="orange_cat.html"
alt="orange cat" title="orange cat">
<area shape="circle" coords="458,125,50" href="#grey_cat.html"
alt="grey longhair cat" title="grey longhair cat">
<area shape="rect" coords="151,47,244,147" href="#back_cat.html"
alt="black cat" title="black cat" >

</map>
</body>
</html>

Output:
Ques1 : b)
Table creation using html and CSS

Html file:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>22bds0049</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>22BDS0049 : Tanay Saxena (Ques 2 - Table with HTML and CSS )</h1>
<div id="Styling_table">
<table border="1px">

<tr>
<td bgcolor="yellow"><b>R1C1</b></td>
<td bgcolor="yellow"><b>R1C2</b></td>
<td bgcolor="yellow"><b>R1C3</b></td>
</tr>
<tr id="row 2">
<td bgcolor="beige"><b>R2C1</b></td>
<td bgcolor="beige">R2C2</td>
<td bgcolor="beige">R2C3</td>

</tr>
<tr id="row3">
<td bgcolor="pink"><b>R3C1</b></td>
<td bgcolor="pink">R3C2</td>
<td bgcolor="pink">R3C3</td>
</tr>

</table>
</div>

Css file:
table{
border: 1px;
height: 100px;
width: 250px;
border-color: black;
padding: 0px;
margin:none ;
border-style: double;

Ouput:

You might also like