Html 图像不'；无法在浏览器中显示_Html

Html 图像不'；无法在浏览器中显示

html

Html 图像不'；无法在浏览器中显示,html,Html,我正在为我正在构建的测试网站添加一张图片，但它没有出现，而是显示alt文本。我做错了什么？我使用的是Adobe方括号，如果我将鼠标悬停在编辑器中，图像确实会显示出来错误消息：“加载资源失败：服务器响应状态为403（禁止）” 完整代码： <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="styles.css"> </head> <body>

我正在为我正在构建的测试网站添加一张图片，但它没有出现，而是显示

alt

文本。我做错了什么？我使用的是Adobe方括号，如果我将鼠标悬停在编辑器中，图像确实会显示出来

错误消息：“加载资源失败：服务器响应状态为403（禁止）”

完整代码：

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <h1 id="header">App</h1>

    <img src="detail.png" alt="main overview page of app">
</body>
</html>


应用程序

找到了错误。我正在使用OSX，文件权限拒绝了除我之外的所有人访问该文件。

问题不在于HTML代码，而在于文件权限。创建图像的权限可能高于打开图像时的权限。

检查路径或图像名称是否与html文件位于同一文件夹中的图像

detail.png

？如果不是，你的道路就是wrong@CodeLove我使用括号中的autocomplete来选择它，它与index.html位于同一文件夹中，当我将鼠标悬停在path@sailens它位于同一文件夹中使用

F12

打开浏览器的控制台。然后尝试使用

Ctrl+R

重新加载和删除浏览器缓存。有什么错误吗？

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <h1 id="header">App</h1>

    <img src="detail.png" alt="main overview page of app">
</body>
</html>