12-框架标签

1. 框架frameset标签
<frameset rows="x%,y%,*">
    <frame noresize/>
    <frameset cols="z%,*">
        <frame noresize/>
        <frame />
    </frameset>
    <frame />
</frameset>

    rows:横向划分
    cols:纵向划分
    noresize:将框架大小固定
    注意:frameset和body不可以一起使用    
2. 案例说明
<!DOCTYPE html>
<html>
<head>
    <title>frameset</title>
    <meta charset="utf-8">
</head>
<!-- 横向划分为三部分 -->
<frameset rows="20%,60%,*">
    <!-- 第一部分 -->
    <frame src="" noresize />
    <!-- 第二部分再划分 -->
    <frameset cols="40%,*">
        <frame src="" noresize />
        <frame src="" />
    </frameset>
    <!-- 第三部分 -->
    <frame src="" />
</frameset>
</html>

这里写图片描述

3. 框架iframe标签
<iframe src="" name="" frameborder=""></iframe>
    src:加载文件的路径
    name:名称    
    frameborder:边框
    注意:iframe可以和body共存    
4. 案例说明
<!DOCTYPE html>
<html>
<head>
    <title>frameset</title>
    <meta charset="utf-8">
</head>
<body>
    <ul desc="desc">
        <li>第一项</li>
        <li>第二项</li>
    </ul>
    <iframe src="http://www.baidu.com" name="百度" frameborder="5px"></iframe>
</body>
</html>

这里写图片描述

猜你喜欢

转载自blog.csdn.net/rulaixiong/article/details/80647106
今日推荐