第八章 嵌入学习
一、
1、<img> 嵌入图片:
(1)、alt 当图片不加载时显示的备用内容;
(2)、width 定义图片的长度(单位是像素);
(3)、height 定义图片的高度(单位是像素);
(4)、ismap 创建服务器端分区响应图;
(5)、usemap 关联<map>元素;
例一、<a href="index.html"> //有ismap时添加;
<img src="link.jpg" alt="风景图片" width="339" height="229" ismap> //图片加载错误,可以显示后面的字体。
</a>
例二、<img src="link.jpg" alt="风景图片" width="339" height="229" usemap="#Map">
<map name="Map">
<area shape="rect" coords="51,55,138,136" href="http://www.baidu.com" target="_blank" alt="百度">
<area shape="circle" coords="234,80,36" href="http://www.haosou.com" target="_blank" alt="好搜">
</map>
//应为代码打坐标比较麻烦,所以在文档右击打开方式中点击“DW应用”,点击图片后左下角有正方形,圆形,三角形,可以
在图片中划区域后在下放的链接中输入链接的网站。
2、<map> 创建分区响应图:(上面解释)
3、<iframe> 嵌入另一个文档:
4、<embed> 嵌入插件内容:
5、<object>和<param> 元素:<object>和<embed>一样,只是object是html4的标准,embed是html5的标准,而object不但能嵌入flash,还可以嵌入图片等
其他内容。由于图片,音频,视频,插件都有相应的元素代替,这里不多做解释。
6、<progress> 显示进度:显示一个进度条。
7、<meter> 显示范围里的值:显示某个范围内的值。
其中包含min和max表示范围,low表示小于他的值过低,high表示大于他的值过高,optimum表示最佳值,但是效果没什么变化。(IE浏览器不支持)
<progress value="30" max="100">
<meter value="50" min="10" max="100" low="40" hight="80" optimum="60"></meter>
//value输入的值小于40或大于80,进度条变黄,在范围内为绿色,最佳值也为绿色,没什么变化。
//IE9及以下版本不支持6,7元素的运行。
火狐不支持图片加载失败后的备用内容的显示。