13、网页开发中的图像映射、文件格式与内联框架使用

网页开发中的图像映射、文件格式与内联框架使用

1. 图像映射（Image Maps）

1.1 什么是图像映射

想象一下，有一张你所在城市的地图，在一个网站上展示这张地图，上面标记了像电影院或博物馆这样的兴趣点，当你点击这些点时，会显示关于该兴趣点的更多信息。这就是图像映射的应用。图像映射是指图像中的对象被命名并链接到某个资源，当用户点击图像的特定部分时，就会被带到相应的资源页面。

1.2 创建图像映射的步骤

以下是创建图像映射的详细步骤：
1. 关联图像和图像映射 ：假设使用的图像文件名是 inventory.jpg ，使用以下代码将图像与图像映射关联起来：

<img src="inventory.jpg" alt="Items" usemap="#inventory-­map">

2. 创建图像映射 ：使用 name 属性将图像映射与 <img> 标签的代码行关联起来，代码如下：

<map name="inventory-­map">

3. 确定可点击区域 ：图像尺寸为 890 像素宽、980 像素高，需要借