How to add a photo gallery in html/css By: Kirsten Van nortwick

Step one Start by creating your usual HTML document. In this case I named this page “How to create an image gallery”

Step Two Next, you will create a css document to input the div gallery information. You will need to play around with the pixel sizes for your particular project.

Step 3 Go back into you HTML document and add the link to the css style sheet. Make sure to link to the correct css document.

Step 4 The next step is to add the div class to the HTML document. This div class needs to be added before each image in the gallery.

Step 5 Next add the image with the target tag before the image. Make sure that the image names match up. The target tag allows the user to click on the image and have the image appear alone in a different browser.

Step 6 Add all the images to the html document and save both the HTML and CSS documents. Make sure the images are saved in the same location as the CSS and HTML documents.

Step 7 The final image gallery should look something like this.