8.HTML嵌入元素

                                                          第八章  嵌入学习

一、

   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元素的运行。

     火狐不支持图片加载失败后的备用内容的显示。

 

转载于:https://www.cnblogs.com/keshuai752100461/p/8485050.html