In: Computer Science
HTML Code:
<html>
<head>
<title>Good Dog
Eats</title>
<style>
body{
background-color: pink;
}
p{
padding-top: 10px;
padding-bottom: 25px;
color: blue;
font-size: 24px;
}
img{
width: 220px;
height: 220px;
}
</style>
</head>
<body>
<center>
<h1>Good
Dog Eats</h1><hr>
<table>
<tr>
<td><img
src="11.jpeg" ><center><p>Food
1</p></center></td>
<td><img
src="11.jpeg" ><center><p>Food
2</p></center></td>
<td><img
src="11.jpeg" ><center><p>Food
3</p></center></td>
<td><img
src="11.jpeg" ><center><p>Food
4</p></center></td>
<td><img
src="11.jpeg" ><center><p>Food
5</p></center></td>
</tr>
<tr>
<td><img
src="11.jpeg" ><center><p>Food
6</p></center></td>
<td><img
src="11.jpeg" ><center><p>Food
7</p></center></td>
<td><img
src="11.jpeg" ><center><p>Food
8</p></center></td>
<td><img
src="11.jpeg" ><center><p>Food
9</p></center></td>
<td><img
src="11.jpeg" ><center><p>Food
10</p></center></td>
</tr>
</table>
</center>
</body>
</html>
Output:
Note: Due to copyright issue I've not uploaded the actual food images. You can replace the 1.jpeg in the code with the image of your choice. Also, change the names.