更多“试一试”的例子。
定义和用法
在<img>标签在HTML页面中定义的图像。
在<img>标签有两个必需的属性： src和alt 。
注意：图片是不是技术上插入到HTML页面，图像链接到HTML页面。在<img>标记创建为引用的图像保持空间。
提示：要将图像链接到另一个文档，只需嵌套<img>标记内<a>标签。
浏览器支持
| 元件 | |||||
|---|---|---|---|---|---|
| <img> | 是 | 是 | 是 | 是 | 是 |
HTML 4.01和HTML5之间的差异
在following属性： align, border, hspace和vspace在HTML5不支持。
HTML和XHTML之间的差异
在HTML中<img>标签没有结束标签。
在XHTML中<img>标签必须正确关闭。
属性
=新的HTML5。
| 属性 | 值 | 描述 |
|---|---|---|
| align | top bottom middle left right | 在HTML5不支持。 指定根据周围元件的图像的对准 |
| alt | text | 指定图像的替代文本。 |
| border | pixels | 在HTML5不支持。 指定图像周围的边框的宽度 |
| crossorigin | anonymous use-credentials | 允许来自第三方网站的图像，允许跨域访问用帆布使用 |
| height | pixels | 指定图像的高度 |
| hspace | pixels | 在HTML5不支持。 指定上的图像的左侧和右侧的空白 |
| ismap | ismap | 指定图像为服务器端图像映射 |
| longdesc | URL | 指定的URL的图像的详细说明 |
| src | URL | 指定图像的URL |
| usemap | #mapname | 指定一个图像作为客户端图像映射 |
| vspace | pixels | 在HTML5不支持。 指定上的图像的顶部和底部的空白 |
| width | pixels | 指定图像的宽度 |
全局属性
在<img>标签支持全局的HTML属性 。
事件属性
在<img>标签支持的HTML事件属性 。
试一试 - 示例
插入来自不同地点的图像
如何插入来自另一个文件夹或从其他网站上的图像。
使图像的超链接
如何将超链接添加到图像。
创建图像映射
如何创建图像映射，可点击的区域。 每个区域的超链接。
相关页面
HTML教程： HTML图片
HTML DOM参考： 图像对象
CSS教程： 样式化图片
默认设置CSS
大多数浏览器将显示<img>与下面的默认值元素：