HTML——框架标记

最新推荐文章于 2022-04-21 23:49:02 发布

panpan_1994

最新推荐文章于 2022-04-21 23:49:02 发布

阅读量1k

点赞数

分类专栏： WEB开发文章标签： html 框架 frameset

本文链接：https://blog.csdn.net/panpan_1994/article/details/52017024

版权

WEB开发专栏收录该内容

44 篇文章 0 订阅

订阅专栏

<frameset rows="30%,70%" >
        <frame src="b.html"/>
        <frameset cols="30%,70%" >
            <frame src="c.html"/>
            <frame src="d.html" name="_dd"/>
        </frameset>
    </frameset>

这里首先rows是行，把整个页面分为30%和70%，在70%的部分又分为左右两部分，又是30%和70％两部分；
举例：
a.html

<html>
<head>
    <title>框架标记</title>
    <meta http-equiv="Content-Type" content ="text/html; charset=utf-8">
</head>
    <frameset rows="30%,70%" >
        <frame src="b.html"/>
        <frameset cols="30%,70%" >
            <frame src="c.html"/>
            <frame src="d.html" name="_dd"/>
        </frameset>
    </frameset>

</html>

b.html

<html>
<head>
    <title>框架标记</title>
    <meta http-equiv="Content-Type" content ="text/html; charset=utf-8">
</head>
<body>
    <a href = "http://www.baidu.com">百度</a>
</body>
</html>

c.html

<html>
<head>
    <title>框架标记</title>
    <meta http-equiv="Content-Type" content ="text/html; charset=utf-8">
</head>
<body>
    <h1>我是中国人</h1>
    <a href="../03-字体标记.html" target="_dd">字体标记</a>
</body>
</html>

d.html

<html>
<head>
    <title>框架标记</title>
    <meta http-equiv="Content-Type" content ="text/html; charset=utf-8">
</head>
<body>
    <table border="1" width="500">
        <tr>
            <td align="center"><b>姓名</b></td>
            <td align="center"><b>年龄</b></td>
        </tr>


        <tr>
            <td align="center"><b>张三</b></td>
            <td align="center"><b>18</b></td>
        </tr>

    </table>

</body>
</html>