HTML课堂讲义（6）

最新推荐文章于 2023-09-12 18:11:19 发布

不惧神风

最新推荐文章于 2023-09-12 18:11:19 发布

阅读量396

点赞数

分类专栏：作业文章标签： html

本文链接：https://blog.csdn.net/w8692736/article/details/76098412

版权

作业专栏收录该内容

15 篇文章 0 订阅

订阅专栏

一、图像热点（图像地图）

图像热点：给一张图片添加多个链接，默认情况下，一张图片只能添加一个链接。

标记结构：

<img src="image/01.jpg" usemap="#Map">
<map id="Map" name="Map">
    <area shap="热区形状" coords="热区坐标" href="链接地址" />
    <area shap="热区形状" coords="热区坐标" href="链接地址" />
    <area shap="热区形状" coords="热区坐标" href="链接地址" />
</map>

Example:

<!DOCTYPE html>
<html lang="en">
<head><title>test</title></head>
<body>
    <meta charset="UTF-8">
    <img src="picture.png" usemap="#Map">
    <map id="Map" name="Map">
        <area shape="rect" coords="0,0,200,200" href="http://www.baidu.com" target="blank" />
        <area shape="rect" coords="200,200,400,400" href="http://www.baidu.com" target="blank" />
        <area shape="rect" coords="400,400,600,600" href="http://www.baidu.com" target="blank" />
        <!-- shape:表示热区的形状，取值：rect，circle，polygon -->
        <!-- coords:表示热区的坐标。当shape为rect时，coords=“x1,y1,x2,y2”;当shape为circle时，coords=“x,y,r” -->
    </map>
</body>
</html>

二、框架

框架技术：将一个浏览器的窗口划分成若干个小窗口，每个小窗口显示一个独立的网页
框架集<frameset>：主要用来划分窗口
框架页<frame>：主要用来指定窗口默认显示的网页地址

框架其实和窗户很像，一个窗户由窗格（框架集）和玻璃（框架页）组成，先规划窗格，再确定每个窗格中放的玻璃。（先有结构，后又内容）
例子（普通框架）：

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<frameset cols="50%,50%" frameborder="1" border="5" bordercolor="black">
    <frame src="http://www.baidu.com" noresize="noresize"></frame>
    <!-- noresize表示不能调整框架的大小 -->
    <frame src="index.html" name="index"></frame>
</frameset>
    <!-- cols和rows分别表示划分左右型框架和上下型框架 -->
    <!-- cols="200,*"表示左框架的宽度为200px，剩下的全是右框架的 -->
    <!-- cols="180,*,180"表示左右框架的宽分别为180px，剩下的全是中间框架的 -->
    <!-- cols="25%,*"，划分框架的时候也可以用百分比来表示 -->
<noframes>你的浏览器不支持框架</noframes>
<!-- noframe:当用户的浏览器不支持框架的时候显示的信息。一般情况下IE6是不支持的，高版本基本都支持 -->
</html>