为什么没有出现简单的html img标签?

时间:2016-10-17 17:14:29

标签: html html5

我正在使用html进行编程并使用记事本。一切似乎都正常工作,然而,当我来添加我的图像它没有出现,只有一个XI使用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>

1 个答案:

答案 0 :(得分:0)

您需要包含图片代码的文件夹位置。除非您需要一定尺寸的照片,否则您不需要宽度/高度。如果图像无法正确加载,那么将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>