html的图片路径代码该怎样写?

html-css012

html的图片路径代码该怎样写?,第1张

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="这是一个图像元素">