HTML学习之路07-frameset标签

最新推荐文章于 2025-12-15 13:00:22 发布

原创最新推荐文章于 2025-12-15 13:00:22 发布 · 830 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html

html 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一个使用HTML的frameset标签实现的网页布局案例。通过定义不同的框架区域，并为每个区域指定源页面，实现了多窗口的内容展示。案例中包含了左上角导航到左侧下方链接跳转至右侧内容区的完整流程。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>frameset框架</title>
    </head>
    <frameset cols="30%,*">
        <frameset rows="30%,*">
            <frame src="Left_up.html" name="f1">
            <frame src="https://www.jd.com/" name="f2">
        </frameset>
        <frame src="https://www.duba.com/?f=liebaosc" name="f3"></frame>
    </frameset>
</html>

Left_up.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Left_up</title>
    </head>
    <body>
        <a href="Left_down.html" target="f2">String</a>
    </body>
</html>

Left_down.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Left_down</title>
    </head>
    <body>
        <a href="Right.html" target="f3">String-1</a>
    </body>
</html>

Right.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Right</title>
    </head>
    <body>
        <pre>
            for(int i=0;i &lt; 5;i++)
            {
                System.out.println(i);
            }
        </pre>
    </body>
</html>