Site map

spacer

HTML 4.01 Strict template

spacer

Copy html code

Copy and paste the html 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 HTML 4.01//EN" 
			 "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Blank css photo gallery template &#183; 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">&nbsp;</div>

<div class="no-thumb">&nbsp;</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">&nbsp;</div>

<div class="no-thumb">&nbsp;</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">&nbsp;</div>

</body>
</html>