韩顺平PHP学习视频笔记整理008多媒体页面标签汇总① 地图映射-优快云博客

本文介绍了HTML中的多媒体元素使用方法，包括动态图像的插入及属性设置，并详细讲解了图像映射的概念及其JavaScript交互实现。

第八讲多媒体页面标签汇总① 地图映射

1、照着html文档，对html巩固一下

2、做图形映射的时候，有一个必要的知识点：坐标体系

插入多媒体：

<html>
<head>
<title>我的电影网站</title>
</head>
<body>
<!--
<embed src="our.mp4">-->
<!--dynsrc用来插入各种多媒体，loop表示循环次数，start表示什么时候开始播放-->
<img src="动态.gif" dynsrc="clock.avi" loop="2" start="mouseover"/>
</body>
</html>

总的复习：

<html>
<head>
<!--在国内我们的编码一般是gbk或者gb2312 俗称国标码
为了让网页有更好的兼容性出现了utf-8
该元素可以明确的告诉浏览器应当使用utf-8码来显示该页面
ansi 是美国国家标准协会 制定的一套码 比如 中国 ansi->gbk
日本 ansi 日本->rbr
规定：我们的网页本身的编码应当和 content-type 指令的编码要一致
-->
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
</head>
<body text="red" link="black" background=="1.jpg">
hello,中<font color="blue">国</font>人！<br/><hr size="6px" align="left" width="100px" noshade/>
<a href="#">连接到网页</a><br/>
<b><i><s>hello,中国人！</s></i></b><br/>
<!--打开C盘->windows->fonts文件夹里面有的字体才会显现，否则无法显现-->
<font style="font-size:40px" face="微软雅黑">计算机</font>
<div style="width:400px;height:200;border:1px solid red;color:black;position:absolute;">
<table border="1px">
hello!
</table>
</div><br/>
<!--不同浏览器对标签的识别不一样，可以用火狐来显示-->
<blink>星星闪闪</bilnk>
</body>
</html>

图象映射：

<html>
<head>
<script language="javascript">
<!--
	function show(){
		window.alert('你点击了矩形区域')
	}
-->
</script>
<body>
<img src="5.jpg" usemap="#abc"/>
<!--映射区域-->
<map name="abc">
<!--矩形,区域可以用标尺量-->
<area shape="rect" onclick="show();" href="#" coords="240,30,480,105">
</map>
</body>
</head>
</html>

所用图片：

最后页面效果：