Html 现在显示图像，但路径正确（烧瓶）_Html_Flask

Html 现在显示图像，但路径正确（烧瓶）

html flask

Html 现在显示图像，但路径正确（烧瓶）,html,flask,Html,Flask,我刚刚开始建立这个网站。代码和文件目录结构再简单不过了。图像源（kakao_account_…）与模板文件（index.html）位于同一目录（模板）中 index.html 文件大小在3KB~4KB之间，我都试过jpeg和png。我得到图像元素的404HTTP响应。背面是用Flask运行的，我用我的计算机作为服务器。我正在尝试使用Cyberduck检查文件权限状态，但它总是给我一个错误，我甚至不知道这是否适用于本地服务器。如果有帮助，至少我的计算机中的每个人都可以读取图像文件。尝试为图

我刚刚开始建立这个网站。代码和文件目录结构再简单不过了。图像源（kakao_account_…）与模板文件（index.html）位于同一目录（模板）中

index.html

文件大小在3KB~4KB之间，我都试过jpeg和png。我得到图像元素的404HTTP响应。

背面是用Flask运行的，我用我的计算机作为服务器。我正在尝试使用Cyberduck检查文件权限状态，但它总是给我一个错误，我甚至不知道这是否适用于本地服务器。如果有帮助，至少我的计算机中的每个人都可以读取图像文件。

尝试为图像增加一些高度

试着这样做：

img{
高度：100px；
}

这是一个来自反面的问题。我在没有烧瓶的情况下直接打开index.html，图像显示正确。看起来我必须创建一个名为

static

的文件夹并将图像放在那里

尝试使用

src=“/kakao\u account\u login\u btn\u medium\u shown.png”

@S.Ramjit谢谢，但也不起作用..添加alt属性？alt=“button image”以及其他人提到的CSS。@S.Ramjit我发现问题出在背面。。。但是谢谢你试图解决这个问题！那个很好用。。。但我希望我可以包括从我的本地存储图像！

<!DOCTYPE html>
<html>
    <head>
    <meta charset="utf-8">
    </head>
<body>
    <img src="kakao_account_login_btn_medium_narrow.png">
</body>
</html>

<!DOCTYPE html>
<html>
    <head>
    <meta charset="utf-8">
    </head>
<body>
    <img src="../static/kakao_account_login_btn_medium_narrow.png">
</body>
</html>