三、HTML5图片，链接及表格标签

1. 利用img标签添加照片

语法：<img src="图片地址" alt="下载失败时替换的文本" title="照片提示文本">
属性讲解：

• src：表示图像的位置。包含绝对路径和相对路径。./表示当前目录，…/表示上级目录（相对于我们当前html文件的位置），通常做法是在同级目录下新建一个images文件夹存放图片等素材，即src=“images/1.jpg”；
• alt：当图像不可见时（下载不成功时），可看到该属性指定的文本；
• title：在图像可见时提供对图像的描述(鼠标滑过图片时显示的文本)；
• width、height：常用单位为px或者%(百分号是相对于父元素)，单独设置其中一个属性会按照等比例缩放；

2. 指定图片某块区域加超链接

使用map标签可以给图片某块区域加超链接
语法：<area shape="..." coords="..." href="..." alt="..." />

使用方法：

• 为map标签对首先加上id属性用来为map 标签定义一个唯一的名称
• 为了保证兼容性再加上name属性，属性值与id的值相同
• 为map标签对所作用的图片加上usemap属性，属性值为#id名称