XHTML 1.0 Strict template
Copy xhtml code
Copy and paste the xhtml text in the box below into an html editor.
A very good free (no time limit) html editor I've used is CoffeeCup Free HTML Editor 8.0, the only program I miss since deserting Windoze.
A good Mac html editor I can recommend is Smultron. Both have a preview tool, so you can monitor your progress in your browser as you develop.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Blank css photo gallery template · www.tankedup-imaging.com</title>
<link rel="stylesheet" type="text/css" media="all" href="gallery.css" />
</head>
<body>
<!-- gallery div start -->
<div class="gallery">
<div class="thumb">
<a href="image01.html"><img src="images/image01_thumb.gif" alt="Image01" />
<span><img src="images/pre_image01.gif" alt="Image01" /><em>Image01</em></span></a>
</div>
<div class="thumb">
<a href="image02.html"><img src="images/image02_thumb.gif" alt="Image02" />
<span><img src="images/pre_image02.gif" alt="Image02" /><em>Image02</em></span></a>
</div>
<div class="thumb">
<a href="image03.html"><img src="images/image03_thumb.gif" alt="Image03" />
<span><img src="images/pre_image03.gif" alt="Image03" /><em>Image03</em></span></a>
</div>
<div class="thumb">
<a href="image04.html"><img src="images/image04_thumb.gif" alt="Image04" />
<span><img src="images/pre_image04.gif" alt="Image04" /><em>Image04</em></span></a>
</div>
<div class="thumb">
<a href="image05.html"><img src="images/image05_thumb.gif" alt="Image05" />
<span><img src="images/pre_image05.gif" alt="Image05" /><em>Image05</em></span></a>
</div>
<div class="no-thumb"> </div>
<div class="no-thumb"> </div>
<div class="thumb">
<a href="image06.html"><img src="images/image06_thumb.gif" alt="Image06" />
<span><img src="images/pre_image06.gif" alt="Image06" /><em>Image06</em></span></a>
</div>
<div class="thumb">
<a href="image07.html"><img src="images/image07_thumb.gif" alt="Image07" />
<span><img src="images/pre_image07.gif" alt="Image07" /><em>Image07</em></span></a>
</div>
<div class="no-thumb"> </div>
<div class="no-thumb"> </div>
<div class="thumb">
<a href="image08.html"><img src="images/image08_thumb.gif" alt="Image08" />
<span><img src="images/pre_image08.gif" alt="Image08" /><em>Image08</em></span></a>
</div>
<div class="thumb">
<a href="image09.html"><img src="images/image09_thumb.gif" alt="Image09" />
<span><img src="images/pre_image09.gif" alt="Image09" /><em>Image09</em></span></a>
</div>
<div class="thumb">
<a href="image10.html"><img src="images/image10_thumb.gif" alt="Image10" />
<span><img src="images/pre_image10.gif" alt="Image10" /><em>Image10</em></span></a>
</div>
<div class="thumb">
<a href="image11.html"><img src="images/image11_thumb.gif" alt="Image11" />
<span><img src="images/pre_image11.gif" alt="Image11" /><em>Image11</em></span></a>
</div>
<div class="thumb">
<a href="image12.html"><img src="images/image12_thumb.gif" alt="Image12" />
<span><img src="images/pre_image12.gif" alt="Image12" /><em>Image12</em></span></a>
</div>
</div>
<!-- gallery div end -->
<!-- clear both div -->
<div class="clear"> </div>
</body>
</html>