很多站长朋友们都不太清楚html怎么设置本地照片，今天小编就来给大家整理html怎么设置本地照片，希望对各位有所帮助，具体内容如下：
本文目录一览： 1、 如何把HTML中的本地图片在线显示 2、 急啊！HTML中添加一个本地图片怎么添加？ 需要代码的 3、 html如何加本地图片 4、 HTML中如何连接本地图片？ 5、 HTML如何插入本地图片啊 6、 html、css怎么在里添加本地图片 如何把HTML中的本地图片在线显示本地图片不上传到服务器，是无法访的
1、html文件和图片都在本地电脑上，可以直接双击html文件用浏览器打开。只要图片路径正确，这种情况可以正常显示图片。如下图：
2、html文件在服务器上，图片也必须在web可以访问到的服务器上。目前所有互联网网站都是这种情况。
解决方法：把本地图片上传到服务器，就可以用Html正常使用本地的图片。
急啊！HTML中添加一个本地图片怎么添加？ 需要代码的你要把图片放在项目中，比如说你的项目名称叫HTML
在webRoot下面创建一个img的文件夹
然后在html页面中你就可以定义个img标签
src的属性写为/HTML/img/图片名称.图片扩展名称
html如何加本地图片当然可以加了，前提看你在配置网站的时候，设置的路径按照相对于文档还是站点根目录，如果是文档，可以在写CSS或者用DreamweaverCSS面板中选择的时候，直接找到文档就可以了，如果是站点根目录，那就是/文件夹/图片，就可以了。
一般来说，选择相对于文档就可以，然后用CSS面板选择就可以了，不需要自己去写CSS代码。那样路径就可以自己填在你上面的括号里。
HTML中如何连接本地图片？需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<body>标签中，输入html代码：<img src="/data/upload/help/202211/19/11be95279fb23ad3324100d1a91b4853.png" />。
3、浏览器运行index.html页面，此时添加的本地图片的路径是相对路径。
HTML如何插入本地图片啊直接在HTML代码中使用img标签来显示图片，比如下面这个代码。
<img src="/data/upload/help/202211/19/eef62a30f55a2772f1139a265ed3e542.jpg" alt="（如果图片无法显示，浏览器就会使用这段文字进行替代）" title="（鼠标悬停图片上面所显示的文字，如果不需要请删除title属性）" />
html、css怎么在里添加本地图片可以使用<img> 标签，下面演示一下：
1、准备一个html文件和一张图片，并放在同一个文件夹里面
2、打开html文件，按下图中红色框选出来的位置在body标签里面输入<img src="/data/upload/help/202211/19/91583de5f0588e0fd006639bd5b30745.jpg" alt="测试" />，然后保存。./代表代表当前目录
3、在浏览器中打开html文件，就可以显示插入的图片了，如下图所示
关于html怎么设置本地照片的介绍到此就结束了，不知道本篇文章是否对您有帮助呢？如果你还想了解更多此类信息，记得收藏关注本站，我们会不定期更新哦。
查看更多关于html怎么设置本地照片 html图片怎么设置的详细内容...