首页 > 代码库 > HTML框架

HTML框架

2024-09-20 17:22:37   215人阅读

<!DOCTYPE html>
<html lang="en"> 
<head>    
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<frameset rows="20%,80%">
    <frame src="头部.html" />
    <frameset cols="30%,70%">
        <frame src="左边.html" />
        <frame src="左边.html" name="abc" />
    </frameset>
    <noframes><body>您的浏览器不支持框架</body></noframes>
</frameset>
</html>

自己视情况补齐  头部.html  和  左边.html 

输出样式为：

技术分享

 

(1)<frameset></frameset>：定义一个框架，用来组织多个页面，每一个页面都是一个独立的个体。【将不同的页面整合到一起】

　　a)rows：定义框架的行的数目及尺寸(比例)

　　b)Cols：定义框架的列的数目及尺寸(比例)

　　c)Border：设置框架边框的宽度,单位是像素

　　d)Bordercolor：设置框架边框的颜色

(2)<frame/>：定义frameset当中的一个页面。

　　a)src：指定页面的地址

　　b)Noresize：规定无法调节边框的大小

　　c)Scrolling：设置是否出现滚动条（auto,yes,no）

(3)<noframes></noframes>：设置浏览器不支持框架时的提示语，一般写在<frameset></frameset>中，若要在<noframes></noframes>中写提示语，必须用body标签包裹。

 

内联框架

技术分享

(1)<iframe></iframe>：定义一个内联框架

　　a)name：定义框架的名字(target用到)

　　b)Frameborder ：设置边框宽度

　　c)Scrolling：设置滚动条是否出现(auto、yes、no)

 

 

HTML框架


联系
我们