hq金水

愿你是阳光，明媚不忧伤～
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

图片热点、网页划分与拼接

Posted on 2016-05-04 23:05  hq金水  阅读(196)  评论(0)  编辑  收藏  举报

1、图片热点

就是对图片上某个区域进行超链接

首先引用一张图片，其次用<map>标签，map里面有area，最后再在图片里调用<map>。

<img src=""  usemap="123">

<map name="123" >

<area shape="rect" coords=""338,161,528,330""/>---矩形对角线的两点坐标

<area shape="circle" coords=""338,161,58""/>------圆心坐标和半径

</map>

2、内嵌网页

<iframe></iframe>标签

实例

<body>

<iframe src="Untitled-1.html" width="400" height="300" frameborder="1">
</iframe>
<br />
<iframe src="http://www.baidu.com/" width="400" height="300" frameborder="1">
</iframe>

</body>

效果：

3、网页的拼接

　　在一个网络页面内，规划出多个页面窗口，以表格拼接的形式展示出来。