If you are not seeing your image(s), check:
- Did you save your edited file and refresh your browser? You may have to
clear your cache.
- 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 of a 1-sided tag is not what will cause the image to not be displayed but
it will not be xhtml compliant without it.
- 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?