I’m working on a website, and I can’t get an image to show up on the homepage. I’ve checked the file path and permissions, but the image still doesn’t display. Here are the things I’ve tried:
File Path:
I’ve tried using both relative and absolute paths in the tag. For example:
html
<img src="images/mynewimage.jpeg" alt="Image Description">
and
html
The file is a .jpeg and the extension is correct.
File Permissions:
I’ve checked the file permissions, but the image still doesn’t display. The command ls -l shows the file has read permissions.
Case Sensitivity:
I confirmed that the file path matches the casing of the image filename exactly
Browser Cache:
I’ve tried clearing the browser cache and opening the page in incognito mode.
Console Errors:
There are no errors in the browser console regarding the image.
Here's my code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Homepage</title>
</head>
<body>
<h1>Welcome to My Homepage</h1>
</body>
</html>
Despite trying all of the above, the image still doesn’t show up. What could be the issue, and how can I fix it?
Thanks in advance for any help!
I cant post the img src because I dont have 10 reputation lol