使用HTML <frameset>元素制作导航网页

最新推荐文章于 2024-06-06 15:17:50 发布

may_walkaway

最新推荐文章于 2024-06-06 15:17:50 发布

阅读量1.6k

点赞数 3

分类专栏： html 文章标签： html 导航

本文链接：https://blog.csdn.net/sinat_27535209/article/details/73188340

版权

html 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

1.需要的页面如下：

这里写图片描述

2.编写business.html:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<frameset rows="25%,75%">
    <frame src="top.html">
    <frameset cols="25%,75%">
        <frame src="guide.html">
        <frame src="content.html" name="content">
    </frameset>
</frameset>
</html>

3.编写top.html:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
    <h1 align="center" style="line-height: 120px; margin: 0 auto;">HTML开发商业网站</h1>
</body>
</html>

4.编写guide.html:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
    <a href="frame_a.html" target="content">frame_a</a>
    </br>
    <a href="frame_b.html" target="content">frame_b</a>
    </br>
    <a href="frame_c.html" target="content">frame_c</a>
</body>

</html>

5.编写content.html,frame_a.html,frame_b.html,frame_c.html,这几个页面，其中content.html是个空页面，其它三个页面代码类似如下：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
    <h2 align="center"
        style="line-height: 400px; margin: 0 auto; background-color: red;">这是frame_a页面</h2>
</body>
</html>