Home How-To Sharing Build Your Own Web Gallery
Monday, August 25, 2008

Build Your Own Web Gallery

A step-by-step guide with screenshots for building your first website

This Article Features Photo Zoom

STEP 5g: Image Tags In Code View


Code after inserting the image.

Here's our code with the image inserted on line 12. Note the new tag <img>, which specifies the source URL of the image and its width and height. Note also that <img> is a self-closing tag, with the closing forward slash character at the end of the tag. We see the image is properly placed in the Design View below.

STEP 5h: Inserting The Gallery Photos


Code after inserting gallery photos.

The title graphic is the only content in the first row, so we're ready to move on to row 2 and our gallery photos. Repeat Step 5e to add all three photos to the three center cells of row 2 (lines 19, 20 and 21 in the code).

Finally, repeat step 5e one more time to add the "page" graphic to the second-to-last cell in row 3 (line 28 in the code).


Add Comment


  • International residents, click here.
Check out our other sites:
Digital Photo Pro Outdoor Photographer HDVideoPro Golf Tips Plane & Pilot