If you are not seeing your image(s), check:
- Did you upload your image and upload your edited file?
- Did you save your file before uploading it?
- Did you refresh your browser? You may have to
clear your cache.
- Are you truly viewing your page from the server? Or did you open your page from within WinSCP?
- Is your img tag written correctly?
The correct layout is:
<img src="pathtofile/name.png" />
Common errors are:
- Not using the correct extension (.gif, .jpg, .png) on the file name.
- Missing a quote.
- Using scr rather than src for the attribute.
- Forgetting the space and / at the end is not what will cause the image to not be displayed, but
it will not be considered correct html without it. Recall: proper 1-sided tags.
- Is the image in the correct folder?
- Check the path name to your image. Is it correct?
See the Relative URL Practice Quiz on
Canvas.
(Note: If it is early in the course and relative url's have not yet been covered, you should be placing your
image file in the same folder as the webpage displaying that image. Forgetting this is a common error.)
- Check the folder name(s) and file name in the relative url; do these names match
the actual folder name(s) and file name? Check carefully! Some of these names can
look correct when, in fact, they are not. For example,
check out these image names.
- Are you actually viewing the correct file? See this page.
- Did you paste the html for your image from another application?