为什么不显示简单的html img标记?

为什么不显示简单的html img标记?,html,Html,我正在用html和记事本进行编程。一切似乎都正常工作,但是,当我开始添加我的图像时,它没有出现,只有一个X我正在使用Microsoft Edge,该图像被放置在一个名为“我的网站”的文件夹中,然后放置在一个名为“图像”的文件夹中。为什么这是我的源代码: <!DOCTYPE HTML> <html> <head> <title>My Website</title> <meta http-equ

我正在用html和记事本进行编程。一切似乎都正常工作,但是,当我开始添加我的图像时,它没有出现,只有一个X我正在使用Microsoft Edge,该图像被放置在一个名为“我的网站”的文件夹中,然后放置在一个名为“图像”的文件夹中。为什么这是我的源代码:

<!DOCTYPE HTML>
<html>
    <head>
        <title>My Website</title>
        <meta http-equiv="firstwebsite" content="text/html; charset=uft-8"/>
    </head>  
    <body>
         <img src="flight.jpg" width="400px" height="300px"/>
    <div>
    <header>
          <h1>Welcome to my website</h1>
    </header>
    </div>
    </body>   
</html>

我的网站
欢迎来到我的网站

您需要包括图像标签的文件夹位置。除非你需要照片有一定的尺寸,否则你不需要照片的宽度/高度。如果图像加载不正确,将
alt
属性包含到图像标记中也很好

  <!DOCTYPE HTML>
    <html>
        <head>
            <title>My Website</title>
            <meta http-equiv="firstwebsite" content="text/html; charset=uft-8"/>
        </head>  
        <body>
             <img src="images/flight.jpg" alt="image"/>
        <div>
        <header>
              <h1>Welcome to my website</h1>
        </header>
        </div>
        </body>   
    </html>

我的网站
欢迎来到我的网站

src=“images/flight.jpg”
?我刚才试过了,它增加了很大的空间,我认为它有效。但微软Edge并不支持它。您建议我使用其他web浏览器吗?这不是浏览器兼容性问题。但无论如何,只要尝试一下边缘支撑,在图像上检查你的宽度/高度。。它可能会增加超出需要的空间。