I'm currently learning how to create HTML websites (my main browser is Firefox) and I'm having issues with getting relative image URLs to work, I've managed to get absolute URLs working with Imgur but I believe relative URLs are more reliable? Have I missed something in the guides I'm following? I've pasted the code I've got for the relative URL for reference
<img src="Users/ncorb/Documents/HTML/Images/batman.png">
It looks like you are using a relative file path for the image source in your HTML code. The issue with the current path is that it is an absolute file path on your local machine, which won't work when you upload your website to a server or share it with others.
Instead, you can use a relative file path that is relative to the HTML file that is referencing the image. For example, if your HTML file is located in a directory called "HTML" and your "Images" directory is located in the same directory, you can use the following code to reference the image:
Code:
<img src="Images/batman.png">
This code assumes that your HTML file and your "Images" directory are in the same directory. If your "Images" directory is located in a different directory, you would need to adjust the file path accordingly.
By using a relative file path, your image will be able to load properly regardless of where your website is hosted or accessed from.
