html的图片的各种路径代码
物理路径：假如你的图片在D盘的images文件下，文件名称为 tupian.jpeg的话用下面的格式。<img src="file:///D|/images/tupian.jpeg"/>
相对路径：如果是网站的话，则为下面的：<img src="images/tupian.jpeg"/>
1、网页中添加图片html代码，使用 <img src="图片地址.jpg"><img>标签的 src 属性是必需的。它的值是图像文件的 URL，也就是引用该图像的文件的的绝对路径或相对路径。另外也可以添加高度width 和 高度height alt等属性标签。
比如：<img src="图片地址.jpg" width="300" height="200" alt="图片说明或标题">
2、网页中为图片添加链接，直接为图片添加href。
<a href="链接地址"><img src="图片地址.jpg"></a>
<a>标签的 href 属性用于指定超链接目标的 URL。
href 属性的值可以是任何有效文档的相对或绝对 URL，包括片段标识符和 JavaScript 代码段。
如果用户选择了 <a>标签中的内容，那么浏览器会尝试检索并显示 href 属性指定的 URL 所表示的文档，或者执行 JavaScript 表达式、方法和函数的列表。
代码如下:
1、<img src="divcss5-logo-201305.gif" width="165" height="60" />
img介绍：
src 后跟的是图片路径地址
width 设置图片宽度
height 设置图片高度
2、我们在html源代码中分别插入三张图片，一张原始大、一张将宽度高度改小小、一张将宽度高度改大。
3、效果图：
扩展资料:
在HTML中出现图片通常有2种：
1、某元素的背景图像【绝大多数元素都可以通过background属性设置其背景图像】
直接在html中的标签里设置：
<p style=”background-image:url(xxx.jpg)“>设置一个段落的背景图像</p>
在CSS上设置html中的 ”<p>一个段落</p>“ 的背景图像：
p{ background-image:url(xxx.jpg)}
2、图像元素img：
<img src="xxx.jpg" alt="这是一个图像元素">
