夜光序言：
在人类前进的道路上，强者与弱者的命运是不同的。弱者不羡慕强者的命运，强者也讨厌弱者的命运。强者带有人性中强悍的一面，弱者带有人性中软弱的一面。强者为弱者开辟道路，但是强者往往为弱者所奴役，就像老人是为大腹便便的游客打鱼一样。
正文：
关键点在于 x,y
<img src="sheji.jpg" usemap="#map1"> <!-- //加一个#导向map1-->
<form>
<input type="image" src="sheji.jpg"
</form>
<map name="map1"> <!-- //设置了一个身份，唯一的-->
<area href="time.html" shape="rect" coords="">
<area href="">
<area>
</map>
需要新建区域的html，之后选择相应区域
倘若图形是一个圆的话，可以考虑这样
<img src="1.jpg" width="524" usemap="#map2">
<map name="mape2">
<area href="biaodan%20test3.html" shape="circle" coords="262，262，262">
262{左边缘到圆心}，262{右边缘到圆心}，262{半径}
<br><br><br>
<a target="_blank" href="time.html">
<img src="sheji.jpg" width="600">
</a>
来分析一下这句话：
<a target="_blank" href="time.html">
<img src="sheji.jpg" width="600">
</a>
你看这句话可以设置整张图片不管点击哪里都会进入超链接，从而形成一种转换方式，_blank
Html5多媒体-视频
1：html5支持直接在浏览器中播放音频和视频文件
2：插件是令浏览器崩溃的主要原因之一，特别是flash存在很多问题
使用<video></video>元素
在网页里面嵌入视频内容
Src 来源
Height
Width
Autoplay {网页完成以后自动播放视频}
Preload {预先载入视频 1：none 不会载入 2：metadata只载入第一帧 3：auto 请求下载整个视频}
Controls 控制整个视频
Loop 视频循环播放
Poster 视频载入时显示图片
Muted 视频静音
设置一个height来控制大小，还有width属性
这个还不行，还需要设置autoplay control 属性
<body>
<video src="让我留在你身边%20初见版.mp4" height="500" autoplay controls></video>
</body>
换一种：
<body>
<video src="让我留在你身边%20初见版.mp4" height="500" autoplay controls poster="">
<source src="让我留在你身边%20初见版.mp4" type="video/mp4">
</video>
<br><br>