This is a view of the root level of my gracie directory, inside the public_html folder. There is not an index.html file at the root level. So, If I was to type in this URL: http://gracie.santarosa.edu/~chaverin, I would see a list of these folders rather than a page.

Inside the webgraphics folder is an index.html file that is the homework page. This page will have links to the other pages I create for my assignments. The pages containing my jpeg and gif images are inside the directory called jpeg_gifs. So the URL for my clipart page will be: http://gracie.santarosa.edu/~chaverin/webgraphics/jpeg_gifs/clipart.html

The code for the link from the index page to the clipart page will be:
< a href="jpeg_gifs/clipart.html" > examples of clip art saved as a JPEG or GIF < /a >

An img src tags for one of the image files will be: < im src="guru_max.jpg" >

Another approach is to have all your html files at the same level and just your images in folders. This is the view inside the webgraphics2 folder. The clipart page URL will be: http://gracie.santarosa.edu/~chaverin/webgraphics2/clipart.html

The code for the link from the index page to the clipart page will be: < a href="clipart.html" > examples of clip art saved as a JPEG or GIF < /a >

An img src tags for one of the image files will be: < im src="jpeg_gifs/guru_max.jpg" >