Using HTML

  1. Create a 4×3 table
  2. Within table, place 12 images of Indian Tourist Spots, in each box
  3. Each image should link to the corresponding website of the Tourist Spot
  4. Each Image must be at least 100×100 in size.

 

<!DOCTYPE html>

<html>

<head>

      <title>M2-R5.1 Set 3 Question 2</title>

</head>

<body>

<table border=1 cellspacing=”0″ width=”60%” height=””>

<tr>

<th><a href=”#”><img src=”image/taj.png” height=”100″ width=”100″><p>Taj Mahal</p></a></th> 

<th><a href=”#”><img src=”image/lakshdeep.png” height=”100″ width=”100″><p>Lakshdeep</p></a></th>

<th><a href=”#”><img src=”image/shreenagar.png” height=”100″ width=”100″><p>Shree Nagar</p></a></th>

<th><a href=”#”><img src=”image/manali.png” height=”100″ width=”100″><p>Manali</p></a></th>

</tr>

<tr>

<th><a href=”#”><img src=”image/Andman.png” height=”100″ width=”100″><p>Andmal Nikobar</p></a></th>

<th><a href=”#”><img src=”image/Udaipur.png” height=”100″ width=”100″><p>Udaipur</p></a></th>

<th><a href=”#”><img src=”image/Goa.png” height=”100″ width=”100″><p>Goa</p></a></th>

<th><a href=”#”><img src=”image/varanasi.png” height=”100″ width=”100″><p>Varanasi</p></a></th>

</tr>

<tr>

<th><a href=”#”><img src=”image/rishikesh.png” height=”100″ width=”100″><p>Rishikesh</p></a></th>   

<th><a href=”#”><img src=”image/nanital.png” height=”100″ width=”100″><p>Nainital</p></a></th>

<th><a href=”#”><img src=”image/mussori.png” height=”100″ width=”100″><p>Mussoori</p></a></th>

<th><a href=”#”><img src=”image/amritsar.png” height=”100″ width=”100″><p>Amritsar</p></a></th>

</tr>

      </table>

</body>

</html>