HTML --框架

通过使用框架,我们可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个文档,并且每个框架都独立于其他框架。

框架结构标签(<frameset>)

1.它定义如何分割窗口

2.每个frameset定义一系列行或者列

3.rows/columns的值规定了每行或每列占据屏幕的面积

框架标签(frame)

frame标签定义了放置在每个框架中的HTML文档。

备注:1.如果框架有可见边框,用户可以拖动边框来改变它的大小。如果不想用户改变边框大小,可以在<frame>标签中添加noresize="noresize"。

2.不能将<body>标签与<frameset>标签同时使用。

示例

1.垂直框架

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title> This is my HTML</title>
</head>
    <frameset cols="50%,50%">
        <frame src="http://www.baidu.com"></frame>
        <frame src="file:///C:/Documents%20and%20Settings/Administrator/桌面/lixianli.html"></frame>
    </frameset>
</html>

2.水平框架

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title> This is my HTML</title>
</head>
    <frameset rows="50%,50%">
        <frame src="http://www.baidu.com"></frame>
        <frame src="file:///C:/Documents%20and%20Settings/Administrator/桌面/lixianli.html"></frame>
    </frameset>
</html>

3.混合框架

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title> This is my HTML</title>
</head>
    <frameset rows="50%,50%">
        <frame src="file:///C:/Documents%20and%20Settings/Administrator/桌面/lixianli.html"></frame>
        <frameset cols="25%,75%">
            <!-- 设置这个html文件的边框不允许被改变-->
            <frame src="http://www.qq.com/" noresize="noresize"></frame>
            <frame src="http://www.baidu.com/"></frame>
        </frameset>
    </frameset>
</html>


你可能感兴趣的:(HTML --框架)