map
:定义一个客户端图像映射。图像映射（image-map）指带有可点击区域的一幅图像。
属性：
name： 为 image-map 规定的名称。
注释： <img> 标签中的 usemap 属性与 map 元素 name 属性相关联，创建图像与映射之间的联系。
id ： 为 map 标签定义唯一的名称。
area
：定义图像映射中的区域（注：图像映射指得是带有可点击区域的图像）。
注：area 元素总是嵌套在 <map> 标签中。
属性：
alt(必须)：定义此区域的替换文本。alt 属性是一个必需的属性，它规定在图像无法显示时的替代文本。
shape ：定义区域的形状。
coords ：坐标值 定义可点击区域（对鼠标敏感的区域）的坐标。 coords 属性规定区域的 x 和 y 坐标。
coords 属性与shape 属性配合使用，来规定区域的尺寸、形状和位置。 图像左上角的坐标是 "0,0"。
圆形（circ） ：shape="circle"，coords="x,y,z"
&
前面的课程中，我们学习了表格元素，上节课中，我们通过一本表格来对表单内的组件进行位置的控制，这其实就是一种简单的表格布局。这节课，我们详细来讨论一下使用表格的布局方法。
看如下代码：
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml ......
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Test Page</title>
</head>
<body>
<table border="1px">
......
1)贴图：<img src="图片地址">
2)加入连接：<a href="所要连接的相关地址">写上你想写的字</a>
3)在新窗口打开连接：<a href="相关地址" target="_blank">写上要写的字</a>
消除连接的下划线在新窗口打开连接：
<a href="相关地址" style="text-decoration:none" target="_blank"> ......
