The src attribute tells the browser where to find an external resource, such as an image. In an <img> element, src is short for “source.” section 10.2.1 section 10.9
Use a path that matches where the image file is stored:
- Keep the filename directly in src when the image is in the same directory as the HTML file: <img src="logo.png" alt=""> section 10.2.1
- Include the directory name and a slash when the image is in a subdirectory: <img src="images/logo.png" alt=""> section 10.2.1
- Change src whenever you rename or move the image file; otherwise the browser cannot find the referenced image. section 4.3.1
A photo in an images folder
Use a path and helpful alternative text together: <img src="images/old-road-marker.jpg" alt="A photo with a very old road marker in the foreground that reads 'Appleby 12 Miles'">. section 10.2.1
