Sample Page For Large Pictures And Thumbnails
The HTML line for the background color and text link colors of this page is:
<body bgcolor="#ccccff" text="#820082" link="#8200ff" alink="#820000" vlink="#ff0000">
You can just copy-and-paste that line into your editor, overwriting the plain <body> tag. If you don't like the color combinations, go to Color Chart and choose your own.
Otherwise, here is the code for a sample HTML page of thumbnail pictures centered 3 across down a page. I've given codes for 6 pictures, so add and delete extra lines as desired. The large pictures come up when the thumbnail links are clicked. So you need to make a thumbnail (150 pixel width is a good size) of each picture.
Notes in ALL CAPITALS need to be overwritten with your own text in the appropriate upper- and lowercase manner. This is what the page will look like, with thumbnail pictures of 150 x 200 pixel size and the <body> color line from above added in: Click.
<html>
<head>
<title>PUT A TITLE NAME HERE</title>
</head>
<body>
<p center><center><font size="+3">PUT YOUR TITLE NAME HERE AGAIN</font></center>
<br>
<br>
<p left>PUT AN INTRODUCTORY PARAGRAPH HERE.
<br>
<br>
<br>
<br>
<p center><center><a href="PICTURENAME_LARGE.JPG"><img src="PICTURENAME_SMALL.JPG" width=PIXEL WIDTH height=PIXEL HEIGHT alt="[PICTURE DESCRIPTION OR NAME]" hspace=10></a><a href="PICTURENAME_LARGE.JPG"><img src="PICTURENAME_SMALL.JPG" width=PIXEL WIDTH height=PIXEL HEIGHT alt="[PICTURE DESCRIPTION OR NAME]" hspace=10></a><a href="PICTURENAME_LARGE.JPG"><img src="PICTURENAME_SMALL.JPG" width=PIXEL WIDTH height=PIXEL HEIGHT alt="[PICTURE DESCRIPTION OR NAME]" hspace=10></a></center>
<br>
<br>
<p center><center><a href="PICTURENAME_LARGE.JPG"><img src="PICTURENAME_SMALL.JPG" width=PIXEL WIDTH height=PIXEL HEIGHT alt="[PICTURE DESCRIPTION OR NAME]" hspace=10></a><a href="PICTURENAME_LARGE.JPG"><img src="PICTURENAME_SMALL.JPG" width=PIXEL WIDTH height=PIXEL HEIGHT alt="[PICTURE DESCRIPTION OR NAME]" hspace=10></a><a href="PICTURENAME_LARGE.JPG"><img src="PICTURENAME_SMALL.JPG" width=PIXEL WIDTH height=PIXEL HEIGHT alt="[PICTURE DESCRIPTION OR NAME]" hspace=10></a></center>
<br>
<br>
<br>
<p left>I'd love to hear your comments about these pictures. Please send an email to me at <a href="mailto:PUT IN YOUR EMAIL ADDRESS">PUT IN YOUR EMAIL ADDRESS AGAIN</a>
<br>
<br>
</body>
</html>