•  
     

Imagens com link em uma tabela - HTML

Código: Selecionar todos

<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="stylesheet.css">
<title>Minha Página de Fotos</title>
</head>
<body>
<table border="1">
<thead>
<th colspan="3">Imagens</th>
</thead>
<tr>
<td>
<a href="http://www.guruqa.com/"><img src="http://s3.amazonaws.com/codecademy-blog/assets/f3a16fb6.jpg"></a>
</td>
<td>
<a href="http://www.guruqa.com/"><img src="http://s3.amazonaws.com/codecademy-blog/assets/f3a16fb6.jpg"></a>
</td>
<td>
<a href="http://www.guruqa.com/"><img src="http://s3.amazonaws.com/codecademy-blog/assets/f3a16fb6.jpg"></a>
</td>
</tr>
<tr>
<td>
<a href="http://www.guruqa.com/"><img src="http://s3.amazonaws.com/codecademy-blog/assets/f3a16fb6.jpg"></a>
</td>
<td>
<a href="http://www.guruqa.com/"><img src="http://s3.amazonaws.com/codecademy-blog/assets/f3a16fb6.jpg"></a>
</td>
<td>
<a href="http://www.guruqa.com/"><img src="http://s3.amazonaws.com/codecademy-blog/assets/f3a16fb6.jpg"></a>
</td>
</tr>
<tr>
<td>
<a href="http://www.guruqa.com/"><img src="http://s3.amazonaws.com/codecademy-blog/assets/f3a16fb6.jpg"></a>
</td>
<td>
<a href="http://www.guruqa.com/"><img src="http://s3.amazonaws.com/codecademy-blog/assets/f3a16fb6.jpg"></a>
</td>
<td>
<a href="http://www.guruqa.com/"><img src="http://s3.amazonaws.com/codecademy-blog/assets/f3a16fb6.jpg"></a>
</td>
</tr>
</table>
</body>
</html>


Demo: http://jsfiddle.net/1vLd672f/