鱼C论坛

 找回密码
 立即注册
查看: 5489|回复: 7

[已解决]怎样将本地的图片插入网页

[复制链接]
发表于 2021-4-6 19:52:34 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

您需要 登录 才可以下载或查看,没有账号?立即注册

x
<!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>



我这个图片加载不出来    新手求解答!
最佳答案
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

如果非要用绝对路径那么:你可以找到你要放的图片鼠标点击上方的地址栏然后右键选择属性然后复制位置处的地址!如下图:
ls10.png
然后还有你的图片名称还有后缀假如双引号和你刚才粘贴的路径的后边,在刚才的地址处加:\和你的图片名称  如下:
ls11.png
所以我的那个例子在img应该这么写:<img src="C:\Users\Administrator\Desktop\炫酷前端\博客图片2\000001.png" alt="随便"/>
相比之下:相对路径比较好用!可自行查阅!
感觉我说的好啰嗦阿!
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2021-4-6 19:54:11 | 显示全部楼层
https://man.ilovefishc.com/pageHTML5/picture.html
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2021-4-6 19:58:29 | 显示全部楼层
我看了,但不知道怎么做


同学是学计算机的吗
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2021-4-6 20:39:38 | 显示全部楼层
yayc_zcyd 发表于 2021-4-6 19:54
https://man.ilovefishc.com/pageHTML5/picture.html

我看了   但不知道怎么做    错在哪
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 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

如果非要用绝对路径那么:你可以找到你要放的图片鼠标点击上方的地址栏然后右键选择属性然后复制位置处的地址!如下图:
ls10.png
然后还有你的图片名称还有后缀假如双引号和你刚才粘贴的路径的后边,在刚才的地址处加:\和你的图片名称  如下:
ls11.png
所以我的那个例子在img应该这么写:<img src="C:\Users\Administrator\Desktop\炫酷前端\博客图片2\000001.png" alt="随便"/>
相比之下:相对路径比较好用!可自行查阅!
感觉我说的好啰嗦阿!
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

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

谢谢,说的很清楚,少一句感觉我都弄不对,感谢啊!
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

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

图片出来了
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2021-4-6 21:59:20 | 显示全部楼层
本帖最后由 肖-肖 于 2021-4-6 22:00 编辑


嗯 出来了就好~
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-12-23 19:34

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表