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="image01.html"><img src="images/image01_thumb.gif" alt="Image02">
<span><img src="images/pre_image01.gif" alt="Image02"><em>Image02</em></span></a>
</div>

<div class="thumb">
<a href="image01.html"><img src="images/image01_thumb.gif" alt="Image03">
<span><img src="images/pre_image01.gif" alt="Image03"><em>Image03</em></span></a>
</div>

<div class="thumb">
<a href="image01.html"><img src="images/image01_thumb.gif" alt="Image04">
<span><img src="images/pre_image01.gif" alt="Image04"><em>Image04</em></span></a>
</div>

<div class="thumb">
<a href="image01.html"><img src="images/image01_thumb.gif" alt="Image05">
<span><img src="images/pre_image01.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="image01.html"><img src="images/image01_thumb.gif" alt="Image06">
<span><img src="images/pre_image01.gif" alt="Image06"><em>Image06</em></span></a>
</div>

<div class="thumb">
<a href="image01.html"><img src="images/image01_thumb.gif" alt="Image07">
<span><img src="images/pre_image01.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="image01.html"><img src="images/image01_thumb.gif" alt="Image08">
<span><img src="images/pre_image01.gif" alt="Image08"><em>Image08</em></span></a>
</div>

<div class="thumb">
<a href="image01.html"><img src="images/image01_thumb.gif" alt="Image09">
<span><img src="images/pre_image01.gif" alt="Image09"><em>Image09</em></span></a>
</div>

<div class="thumb">
<a href="image01.html"><img src="images/image01_thumb.gif" alt="Image10">
<span><img src="images/pre_image01.gif" alt="Image10"><em>Image10</em></span></a>
</div>

<div class="thumb">
<a href="image01.html"><img src="images/image01_thumb.gif" alt="Image11">
<span><img src="images/pre_image01.gif" alt="Image11"><em>Image11</em></span></a>
</div>

<div class="thumb">
<a href="image01.html"><img src="images/image01_thumb.gif" alt="Image12">
<span><img src="images/pre_image01.gif" alt="Image12"><em>Image12</em></span></a>
</div>

</div>
<!-- gallery div end -->

<!-- clear both div -->
<div class="clear">&nbsp;</div>

</body>
</html>