首页 > 代码库 > HTML框架

HTML框架

<!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框架