图像的资源地址

---

实例

<网页>
<主体>
<图像 资源地址=“https://www.w3school.com.cn//i/eg_chinarose.jpg“  />
<图像 资源地址=“https://www.w3school.com.cn//i/eg_tulip.jpg“ />
</主体>
</网页>

---

 

定义和用法

 

<图像> 标签的 资源地址 属性是必需的。它的值是图像文件的 地址，也就是引用该图像的文件的的绝对路径或相对路径。

 

提示：为了整理文档的存储，创作者通常会把图像文件存放在一个单独的文件夹中，而且通常会将这些目录命名为 "pics" 或者 "images" 之类的名称。在 W3School 在线教程中，我们的工程师把大部分常用的图像都存放到一个名为 "i" 的文件夹中，"i"是 "images" 的缩写，这样做的好处是可以最大程度地简化路径。

---

语法

<超链接 资源地址="值">

属性值

值	描述
地址	规定图像的 地址。 可能的值： 绝对 地址- 指向其他站点（比如 资源地址="http://www.example.com/"） 相对 地址- 指向站点内的文件（比如 资源地址="/i/image.gif"）

---

实例

插入图像

本例演示如何在网页中显示图像。

<!文章类型 网页>
<网页>
<主体>
<段落>
一幅图像：
<图像 资源地址=“https://www.w3school.com.cn/i/eg_mouse.jpg“ 宽度=“128“ 高度=“128“ />
</段落>
<段落>
一幅动画图像：
<图像 资源地址=“https://www.w3school.com.cn/i/eg_cute.gif“ 宽度=“50“ 高度=“50“ />
</段落>
<段落>请注意，插入动画图像的语法与插入普通图像的语法没有区别。</段落>
</主体>
</网页>

从不同的位置插入图片

本例演示如何将其他文件夹或服务器的图片显示到网页中。

<网页>
<主体>
<段落>
来自另一个文件夹的图像：
<图像 资源地址=“https://www.w3school.com.cn/i/ct_netscape.jpg“ />
</段落>
<段落>
来自 w3school.com.cn 的图像：
<图像 资源地址=“http://www.w3school.com.cn/i/w3school_logo_white.gif“ />
</段落>
</主体>
</网页>

---

 

---