Untitled Document-2
Untitled Document-2
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,
initial-scale=1.0">
<title>Activity 10</title>
<style>
table{
border: 2px solid pink;
border-radius: 2px;
height: 100px;
width: 100%;
text-align: center;
}
thead{
background-color: aquamarine;
height: 50px;
}
tr{
background-color: aquamarine;
}
tr,td,th{
border: 1px solid pink;
}
td:hover{
background-color: beige;
cursor: pointer;
}
#td1{
background-color: white;
}
#td3{
background-color: purple;
}
#td4{
background-color: white;
}
#td5{
background-color: white;
}
#td6{
background-color: white;
}
#td7{
background-color: white;
}
</style>
</head>
<body>
<table>
<thead>
<tr>
<td>Sr No</td>
<td>Name</td>
<td>Place</td>
</tr>
</thead>
<tbody>
<tr>
<td id="td1">1</td>
<td>Lakshya</td>
<td id="td3">Sangaria</td>
</tr>
<tr>
<td>2</td>
<td>Ahsaas</td>
<td>Mumbai</td>
</tr>
</tbody>
</table>
<table>
<caption><b>A detailed information</b></caption>
<thead>
<tr>
<td>Sr No</td>
<td>1</td>
<td>2</td>
</tr>
</thead>
<tbody>
<tr>
<td id="td4">Name</td>
<td>Lakshya</td>
<td id="td5">Ahsaas</td>
</tr>
<tr>
<td>Place</td>
<td>Sangaria</td>
<td>Mumbai</td>
</tr>
</tbody>
</table>
<br>
<table>
<thead>
<tr>
<td colspan="2">Name</td>
<td>Place</td>
<td>Phone</td>
</tr>
</thead>
<tbody>
<tr>
<td id="td6">Lakshya</td>
<td>Grover</td>
<td id="td7">Sangaria</td>
<td rowspan="2">8290353097</td>
</tr>
<tr>
<td>Ahsaas</td>
<td>Channa</td>
<td>Mumbai</td>
</tr>
</tbody>
</table>
</body>
</html>