为什么插入图片失败呀,找不到原因了,文件路径引入正确

找不到原因了,图片插入失败,但文件引入路径正确



```html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <div style="width: 200px; height: 300px">
      <img src="博物馆\图片\售票时间.jpg" alt="" />
    </div>
  </body>
</html>

```


<img src="博物馆/图片/售票时间.jpg" alt="" />

img


你是不是报了这样的错误?是因为资源加载错误
下面是几个建议:

  1. 建议使用英文名称(包括文件名);
  2. 图片资源放到一个文件夹中,目录更清晰;
  3. 斜杠建议用 / ,之前这样使用可以出图片是因为编辑器或者浏览器的自动修正功能,你的路径应该是从下图位置复制的吧?

img

解决方法:你的HTML代码与图片是同级,所以路径应该是

<img src="./saletime.jpg" >
<!-- 或者 -->
<img src="saletime.jpg" >
```html

图片路径不建议用中文,斜杠反了