HTML <img> 标签的 usemap 属性
定义和用法
usemap 属性将图像定义为客户端图像映射。
图像映射指的是带有可点击区域的图像。
usemap 属性与
<map> 元素的 name 或 id 属性相关联，以建立 <img> 与 <map> 之间的关系。
HTML 4.01 与 HTML5 之间的差异
没有。
<!-- 用QQ邮箱阅读空间订阅我的博客 -->
<a href="http://mail.qq.com/cgi-bin/feed?u=http://blog.csdn.net/qiuzhping" target="_blank">
<img src="http://res.mail.qq.com/zh_CN/htmledition/images/rss/icon_sub01.gif" alt="" border="0" />
</a><!-- 用QQ邮箱阅读空间订阅我的博客 -->
实例
客户器端图像映射：
<img src="planets.gif" alt="Planets" usemap="#planetmap" />
<img src="<%=graphURL%>" name="图片" width=600 height=450 border=0
usemap="#<%= filename %>">
<map name="planetmap">
<area href="sun.htm" shape="rect" coords="0,0,110,260">Sun</a>
<area href="mercur.htm" shape="circle" coords="129,161,10">Mercury</a>
<area href="venus.htm" shape="circle" coords="180,139,14">Venus</a>
</map>
分享到：
相关推荐
- 确保`<img>`标签中的`usemap`属性与`<map>`标签中的`name`属性保持一致。 2. **热点区域范围**: - 所有热点区域都必须位于图像范围内，即所有的`<area>`标签都应该位于`<map>`和`</map>`标签之间。 3. **坐标与...
此外，<a>标签还可以配合#锚点实现页面内部跳转，以及使用<img>标签中的usemap属性实现图像映射，创建可点击的图像区域。 表格与列表是组织信息的有效工具。<table>标签用于创建表格，<tr>定义行，<td>定义单元格，...
- `<IMG>` 的属性，如 `ALIGN`, `WIDTH`, `HEIGHT`, `ALT`, `ISMAP`, `USEMAP`, `BORDER`, `HSpace`, `VSpace` 等用于控制图像的位置、尺寸、替换文本等。 - `<MAP>` 和 `<AREA>`：用于创建图像映射，点击图像的...
<IMG src="image.jpg" usemap="#map"> ``` 34. **`<IMG>`** 的 `width` 和 `height` 属性：设置图像的宽度和高度。 - **示例**： ```html <IMG src="image.jpg" width="200" height="100"> ``` 35. **`<IMG>...
<img src="image.jpg" usemap="#examplemap"> <map name="examplemap"> <area shape="rect" coords="0,0,82,126" href="http://www.example.com/"> </map> ``` ##### 标签：attribute - **说明**：虽然没有...
10. **其他文本格式化**: `<EM>`、`<STRONG>`、`<CITE>`、`<CODE>`、`<SAMP>`、`<KBD>`、`<VAR>`、`<DFN>`、`<ADDRESS>`、`<BIG>`和`<SMALL>`等标签用于不同的文本格式化需求。 - **示例**: ```html <EM>强调文本...
- `<IMG>` 的 `ISMAP` 和 `USEMAP` 用于交互式图像地图。 这些标签构成了HTML的基础，允许开发者构建丰富且具有交互性的网页内容。随着HTML的发展，新的标签不断被引入，以更好地满足Web开发的需求和标准，例如...
在上面的代码中，`<map>`标签的`name`属性定义了映射的名称，与`<img>`标签的`usemap`属性值相对应（#前缀表示本地引用）。`<area>`标签有三个主要属性： 1. `shape`：定义区域的形状，可以是`rect`（矩形）、`...
`<IMG>`标签用于插入图像，`<IMG SRC>`指定图像源，`<ALT>`提供替代文本，`<AREA>`则在图像映射中定义可点击区域。`<MAP>`和`<USEMAP>`允许创建图像热点，实现交互性。 至于分隔，`<P>`用于创建段落，而`<BR>`则...
`<img>`标签除了基本的`src`和`alt`属性，还可以设置`width`和`height`调整大小，`title`属性提供鼠标悬停提示，`usemap`用于创建图像映射。 HTML 使用技巧 - 保持代码结构清晰，使用缩进和空行。 - 遵循语义化原则...
3. **影像地图 `<map>` 和 `<area>`**：允许创建交互式的图像，通过`usemap`属性将图像与`<map>`关联，然后使用`<area>`定义可点击的区域。 在准备考试或学习HTML时，了解这些基本标签及其属性是至关重要的。它们...
`<area>`元素是用于定义图像映射中的一个可点击区域，通常与`<img>`元素的`usemap`属性一起使用。`<b>`元素使文本加粗，而`<base>`元素为页面上的所有相对URL设定基础URL。`<basefont>`元素（过时）用于设置页面的...
通常情况下，`<map>`标签会配合`<img>`标签一起使用，其中`<img>`标签的`usemap`属性值应与`<map>`标签的`name`或`id`属性值相匹配。 ##### 2.2 标签结构 `<map>`标签的基本结构如下： ```html <img src="image....
`<img>`标签插入图像，`<img src="url" alt="***">`定义替换文本，`<img ismap>`或`<img usemap="url">`用于创建可点击的图像地图。 9. **图像属性**：`width`和`height`设置图像尺寸，`border`添加边框，`hspace`...
随着HTML的发展，一些旧的标签（如`<BLINK>`）已被弃用，而新的标签和属性（如`<EMBED>`和`<AREA>`）则提供了更丰富的交互性和功能。在实际应用中，应遵循W3C的HTML5标准，以确保最佳的兼容性和可访问性。
- **示例**：`<table><caption>员工名单</caption><tr><th>Name</th><th>Age</th></tr><tr><td>John Doe</td><td>30</td></tr></table>` #### 居中文本：`<center>` - **作用**：定义居中文本。该标签已废弃，建议...
`<img>`标签加载图像，`src`, `width`, `height`, `alt`, `title`, `dynsrc`和`usemap`属性分别定义图像源、尺寸、提示文本、动态源和映射。 12. **多媒体播放**：`<embed>`标签用于插入媒体文件，如音频或视频，`...
`<map>`定义图像的可点击区域，`<area>`定义这些区域的具体链接，`usemap`属性将图像与映射关联，`coords`属性定义区域的坐标。 在编写HTML时，理解这些标签及其属性至关重要，它们共同构成了网页的基本结构，使得...
8. 图像标签`<img>`用于插入图片，`src`属性指定图片路径，`alt`属性提供替代文本，`align`和`border`属性控制对齐和边框。`usemap`和`<map>`组合可以创建图像映射，使图像的不同区域成为可点击的链接。 9. 表格由`...
4. 图像尺寸：确保`<img>`标签的`width`和`height`属性已设定，这样即使图片尚未加载，也能正确计算`coords`的坐标。 5. 错误处理：添加适当的错误处理机制，如备用文本或提示，以防图像无法加载或映射无效。 6. ...