嵌入元素

嵌入元素主要功能是把外部的一些资源插入到HTML中。

<img>嵌入图像

<img src="img.png">

<img ismap src="img.png" alt="风景图" width="339" height="229">

解释：<img>元素主要是插入一张外部的图片，那么图片的路径问题和超链接一致。

alt当图片不加载时显示的备用内容

创建分区响应图

<img src="img.png" alt="风景图" width="339" height="229" usemap="#Map">         

//此代码是通过工具生成，在此图片不同的区域有不同的连接

<map name="Map">

  <area shape="rect" coords="47,33,132,102" href="http://www.baidu.com" target="_blank" alt="百度">

  <area shape="circle" coords="232,115,40" href="http://www.soso.com" target="_blank" alt="搜搜">

  <area shape="poly" coords="56,151,177,182,50,217" href="http://www.haosou.com" target="_blank" alt="好搜">

</map>

解释：ismap创建服务器端分区响应图usemap关联<map>元素

<iframe>嵌入另一个文档

<a href="http://www.baidu.com" target="in">百度</a> | <a href="http://www.haosou.com" target="in">好搜</a>

<br>

<iframe src="http://www.soso.com" width="800" height="600" name="in"></iframe>

初始化时页面

点百度时页面

点好搜时页面

解释：<iframe>表示内嵌一个HTML文档。其下的src属性表示初始化时显示的页面，width和height表示内嵌文档的长度和高度，name表示用于target的名称。