flyxxxL 发表于 2021-4-6 19:52:34

怎样将本地的图片插入网页

<!DOCTYPE html>
<html>
        <head>
                <title>:)shl 相册</title>
        </head>
        <body>
                <h3>你好，朋友</h3>
                <img alt="专属回忆" src="C:\Users\ww\Pictures\Saved Pictures\176x110EYDQ5LSJ"/>
                <p>I love my life</p>
        </body>
</html>



我这个图片加载不出来    新手求解答！{:5_100:}

yayc_zcyd 发表于 2021-4-6 19:54:11

https://man.ilovefishc.com/pageHTML5/picture.html

flyxxxL 发表于 2021-4-6 19:58:29

我看了，但不知道怎么做


同学是学计算机的吗

flyxxxL 发表于 2021-4-6 20:39:38

yayc_zcyd 发表于 2021-4-6 19:54
https://man.ilovefishc.com/pageHTML5/picture.html

我看了   但不知道怎么做    错在哪

肖-肖 发表于 2021-4-6 20:51:23

本帖最后由 肖-肖 于 2021-4-6 21:13 编辑

flyxxxL 发表于 2021-4-6 20:39
我看了   但不知道怎么做    错在哪

可以肯定的是:你用的是绝对路径,而你没有添加图片的后缀名!比如.jpg/.png等等!
百度搜索HTML的img标签的绝对路径和相对路径的用法吧!
本地图片的话就是这两种方法.
相对路径可参考:https://jingyan.baidu.com/article/2c8c281d805f800008252ad7.html
绝对路径可参考:https://blog.csdn.net/AQ3219795118/article/details/109687940

如果非要用绝对路径那么:你可以找到你要放的图片鼠标点击上方的地址栏然后右键选择属性然后复制位置处的地址！如下图:

然后还有你的图片名称还有后缀假如双引号和你刚才粘贴的路径的后边，在刚才的地址处加:\和你的图片名称如下:

所以我的那个例子在img应该这么写:<img src="C:\Users\Administrator\Desktop\炫酷前端\博客图片2\000001.png" alt="随便"/>
相比之下:相对路径比较好用!可自行查阅!
感觉我说的好啰嗦阿！{:10_277:}
{:5_110:}

flyxxxL 发表于 2021-4-6 21:20:46

肖-肖 发表于 2021-4-6 20:51
可以肯定的是:你用的是绝对路径,而你没有添加图片的后缀名!比如.jpg/.png等等!
百度搜索HTML的img标签 ...

谢谢{:5_108:}，说的很清楚，少一句感觉我都弄不对{:5_109:}，感谢啊！

flyxxxL 发表于 2021-4-6 21:23:47

肖-肖 发表于 2021-4-6 20:51
可以肯定的是:你用的是绝对路径,而你没有添加图片的后缀名!比如.jpg/.png等等!
百度搜索HTML的img标签 ...

图片出来了{:5_92:}

肖-肖 发表于 2021-4-6 21:59:20

本帖最后由 肖-肖 于 2021-4-6 22:00 编辑

flyxxxL 发表于 2021-4-6 21:23
图片出来了

嗯 出来了就好~{:10_297:}
页: [1]
查看完整版本: 怎样将本地的图片插入网页