HTML5 <img>标签用于向网页中添加相关图片。
如何插入图像:
<img src="smiley-2.gif" alt="Smiley face" width="42" height="42">
所有主流浏览器都支持 <img> 标签。
<img> 标签定义 HTML 页面中的图像。
<img> 标签有两个必需的属性:src 和 alt。
注释:从技术上讲,图像并不会插入 HTML 页面中,而是链接到 HTML 页面上。<img> 标签的作用是为被引用的图像创建占位符。
提示:通过在 <a> 标签中嵌套 <img> 标签,给图像添加到另一个文档的链接。
HTML5 中不支持以下属性:align、border、hspace、longdesc、vspace。
在 HTML 4.01 中,以下属性:align、border、hspace、vspace 已废弃。
在 HTML 中,<img> 标签没有结束标签。
在 XHTML 中,<img /> 标签必须被正确地关闭。
New :HTML5 中的新属性。
属性 | 值 | 描述 |
---|---|---|
align (已废弃) | top bottom middle left right | HTML5 不支持。HTML 4.01 已废弃。 规定如何根据周围的文本来排列图像。 |
alt | text | 规定图像的替代文本。 |
border (已废弃) | pixels | HTML5 不支持。HTML 4.01 已废弃。 规定图像周围的边框。 |
crossoriginNew | anonymous use-credentials | 设置图像的跨域属性 |
height | pixels | 规定图像的高度。 |
hspace (已废弃) | pixels | HTML5 不支持。HTML 4.01 已废弃。 规定图像左侧和右侧的空白。 |
ismap | ismap | 将图像规定为服务器端图像映射。 |
longdesc (已废弃) | URL | HTML5 不支持。HTML 4.01 已废弃。 指向包含长的图像描述文档的 URL。 |
src | URL | 规定显示图像的 URL。 |
usemap | #mapname | 将图像定义为客户器端图像映射。 |
vspace (已废弃) | pixels | HTML5 不支持。HTML 4.01 已废弃。 规定图像顶部和底部的空白。 |
width | pixels | 规定图像的宽度。 |
<img> 标签支持 HTML 的全局属性。
<img> 标签支持 HTML 的事件属性。
从不同的位置插入图片
本例演示如何将其他文件夹或服务器的图片显示到网页中。
制作图像链接
本例演示如何将图像作为一个链接使用。
创建图像地图
本例演示如何创建带有可供点击区域的图像地图。其中的每个区域都是一个超级链接。
HTML 标准并没有给出必须支持的图像格式的列表,因此每个用户代理支持一组不同的格式。 Gecko 支持:
JPEG
GIF
PNG
APNG
SVG
BMP
BMP ICO
PNG ICO
关于 CSS,<img> 是一个 替换元素。它没有基线,这意味着当在一个行内格式的上下文中使用 vertical-align: baseline 时,图像的底部将会与容器的基线对齐。
HTML 教程:HTML 图像
HTML DOM 参考手册: Image 对象
SQL CREATE INDEX 语句CREATE INDEX 语句用于在表中创建索引。在不读取整个表的情况下,索引使数据库应用程序可以更快地查找数据...
SQL TRUNCATE TABLE 命令SQL TRUNCATE TABLE 命令用于删除现有数据表中的所有数据。你也可以使用 DROP TABLE 命令来删除...
SQL SELECT TOP 子句SELECT TOP 子句用于指定要返回的记录数量。SELECT TOP子句在包含数千条记录的大型表上很有用。返回大量...
SQL 撤销索引、撤销表以及撤销数据库通过使用 DROP 语句,可以轻松地删除索引、表和数据库。DROP INDEX 语句DROP INDEX 语句...