1首先，打开html编辑器，新建html文件，例如indexhtml2在indexhtml中的ltbody标签中，输入html代码ltimg src=quotsmall3pngquot 3浏览器运行indexhtml页面，此时添加的本地图片的路径是相对路径；结论在HTML页面上显示图片，只需使用标签即可以下是详细的步骤和相关知识要插入图片，最简单的方法是在HTML中插入标签，其基本格式为首先，创建一个标签，并在src属性中填入图片的本地路径当你在浏览器中打开包含此标签的HTML文件时，图片就会显示在页面上，如下所示值得注意的是，标签并非；使用img的src属性，指定要显示的图片的完整路径，但路径格式必须是file盘符名目录名文件名 例如要显示d盘images下的的文件homejpg，写法如下ltimg src=quotfiledimageshomejpgquot width=quot800quot height=quot600quot file表示图片来自于本地目录中lt。

单张图片的预览基于base64字符串，显示在页面上多张图片处理时，由于readAsDataURL是异步操作，需要在onload方法中进行下一步操作此外，HTML5的拖放功能也简化了图片上传，只需设置拖拽区域并绑定相应事件，同时注意阻止默认行为点击原图查看功能不再依赖于CSS修饰后的尺寸，而是通过创建并获取imgs对象的；以img标签来开头，在网页的主体部分即HTML的ltbody部分找到你想要插入图片的位置在这里写下ltimg标签这是一个空标签，创建的是被引用图像的占位空间同时在HTML中，ltimg 标签是没有结束标签的您需要将插入的图片放在两个尖括号之中示例ltimg src=quot文件路径图片名称quot 怎么；你看一下图片的路径，在dreamweaver里能看到电脑上的路径，包括文字但浏览器上只识别字母数字路径把路径修改一下就可以了保存；直接放一个ltimg 标签就行了格式为ltimg src=quot你的图片路径quot ，步骤如下1添加ltimg 标签，资源“src”里面填写本地图片的路径名2用浏览器打开文件，即可看到图片已添加成功，如下图所示 img标签定义及使用说明ltimg 标签定义 HTML 页面中的图像ltimg 标签有两个必需的属性src；ltimg src=quotquotfileimage1gifquot 代码写错了，还多了个“quot”调用本地文件是“\”而不是“”而且路径不对，比方说你要调用的是c盘image文件夹里的1gif图像，代码应该这样ltimg src=quotfile\C\image\1gifquot ，再比如你要是调用网络图像可以这样ltimg src=quot。

HTML中怎么插入图片链接使用a标签和img标签，示例其中标签代表链接，标签放在里面表示图片链接，img的属性src=#39imageaaajpg#39表示了图片的路径，imageaaajpg是本地电脑的图片地址。

使用HTML ltmap标签，给图片设置热点指定的要添加链接的地方例子ltimg src=quotplanetsjpgquot border=quot0quot usemap=quot#planetmapquot alt=quotPlanetsquot border=quot0quot ltmap name=quotplanetmapquot id=quotplanetmapquot ltarea shape=quotcirclequot coords=quot180，139，14quot href =quotvenushtmlquot style=quotcursor；可以将上面的代码本地复制，然后运行以查看效果html背景图片设置在CSS样式中设置backgroudimage属性，代码如下styletype=quottextcssquotbody backgroundimageurl你的图片地址backgroundpositioncenterbackgroundrepeatrepeaty style 说明1backgroundimageurl你的图片地址指这张。

写好了一个html文件，图片都是引用进去的，并不在html文件里，你只把html文件发过去了，图片没发过去在另一台电脑上没有你这张图片怎么可能显示，要么你img标签里引用的图片写上相对路径并把图片一并发过去要么你就本地起一个；首先，创建一个文件选择标签，允许用户上传图片接着，在jQuery中添加事件监听器，监听文件选择事件在监听器中，获取用户选择的文件并检查其是否存在如果文件存在，初始化FileReader对象并设置onload函数onload函数在文件读取完成后触发，将读取结果设置为元素的src属性，实现预览图像显示在HTML中，添加。

html5里有一个fileReader的全局变量，用来读取本地文件，比如txt，img等，下面是一个简单的代码function checkFilefilesvar file = files0var reader = new FileReader show表示ltdiv id=#39show#39ltdiv，用来展示图片预览的if！imagew+testfiletype；ltimg src=quotfileD123jpgquot 但不建议这样做，用本地路径的话，如果换一台电脑上看页面，这张图片显示不了用相对路径更妥我。