Program:
Output:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
img {
width: 100px;
height: auto;
}
table {
padding-left: 20px;
padding-right: 20px;
}
td,
tr,
th {
padding: 10px;
}
</style>
</head>
<body>
<h1 align="center"> The Great India Website </h1>
<hr>
<div align="center">
<table border="5">
<th colspan="4"> India </th>
<tr>
<td> <img src="./img/india_flag.jpg" /> </td>
<td> <img src="./img/india_map.gif" /> </td>
<td> <img src="./img/india-map.jpg" /> </td>
<td> <img src="./img/india_flag.gif" /> </td>
</tr>
<th colspan="4"> Great Leaders </th>
<tr>
<td> <img src="./img/mahatma.jpg" /> </td>
<td> <img src="./img/lal_bahadur.jpg" /> </td>
<td> <img src="./img/subhash_chandra_bose.jpg" /> </td>
<td> <img src="./img/Bhagat.jpg" /> </td>
</tr>
<th colspan="4"> Great BusinessMan </th>
<tr>
<td> <img src="./img/azim_Prem_ji.jpg" /> </td>
<td> <img src="./img/dhirubhai.jpg" /> </td>
<td> <img src="./img/ratan_tata.jpg" /> </td>
<td> <img src="./img/narayana_murthy.jpg" /> </td>
</tr>
<th colspan="4"> Great Politicians </th>
<tr>
<td> <img src="./img/abdul_kalam.jpg" /> </td>
<td> <img src="./img/vajpai.jpg" /> </td>
<td> <img src="./img/narendra_modi.jpg" /> </td>
<td> <img src="./img/alluri.jpg" /> </td>
</tr>
<th colspan="4"> Great Player's </th>
<tr>
<td> <img src="./img/sachin.jpg" /> </td>
<td> <img src="./img/saina.jpg" /> </td>
<td> <img src="./img/pv_Sindhu.jpg" /> </td>
<td> <img src="./img/gopichand.jpg" /> </td>
</tr>
</table>
</div>
</body>
</html>
Output:
