Below you will find the html code for three types of photo displays. These displays include a header, sub-header, and captions. They also include script for a hyperlink to a larger version of the picture, and script for a picture title of "Click to enlarge." that will pop up upon mouse-over. These can be edited out if you dont have a larger picture available, but I suggest you make one using photo editing software.

To use: Choose which type of display you want, then copy and paste the code into the  section of the html code for a new web page. Next, using the web-design software of your choice, change the photos and the photo links to your photos, and re-write the header, subheader, and captions to apply to your new page and photos. You may have to change the display size of your photos on the page. If you have less than 3 pictures, just delete the extras. If you have more than 3, then copy, paste and replace until you have enough for all the pictures you want on the page. 



  <--Copy and paste below into the  html code of a new page for a photo gallery using a centered paragraph.-->

Photo Alignment - Example 1

Centered - Paragraph

          
Caption 1                                        Caption 2                                        Caption 3 <--Copy and paste below into the html code of a new page for a photo gallery using a centered table.-->


Photo Alignment - Example 2

Centered - Table

Caption 1 Caption 2 Caption 3
<--Copy and paste below into the html code of a new page for a photo gallery using a centered alignment.-->


Photo Alignment - Example 3

Centered - Vertically & Horizontally Aligned


Caption 1                                             Caption 2                                                  Caption 3