关于html的frameset问题(框架使用示例)
时间:2009-05-21 来源:sss0213
一个很简单而且经常使用的东西,frameset框架。昨天,一个朋友让我给他写这个东西,于是,就做了一个简单的示例,和大家分享。
先介绍一下有关HTML <frameset> 标签的有关知识。
frameset标签 -- 代表HTML框架
frameset标签是成对出现的,以<frameset>开始,</frameset>结束
当使用框架时页面中不应该有body标签
使用框架时应该声明支持框架的文档类型<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
属性:
cols -- 定义了水平框架,取值为象素px或者百分比%
rows -- 定义了垂直框架,取值为象素px或者百分比%
这个示例有四个html页面,显示页:index.html ,顶部页面:top.html ,左边栏:left.html ,主页:main.html ,效果如下:
页面代码如下:
index.html
<html>
<head>
<title>Frameset主页</title>
<meta http-equiv="content-type" content="text/html; charset=gb2312">
</head>
<frameset rows="15%,85%" bordercolor="#008000">
<frame src="Top.html" >
<frameset cols="15%, 85%">
<frame src="Left.html" >
<frame name="main" src="Login.html">
</frameset>
</frameset>
</html> top.html <html>
<head>
<title>Top.html</title>
</head>
<body>
<center><h1>Html Frameset 示例</h1></center>
</body>
</html> left.html <html>
<head>
<title>Left.html</title>
</head>
<body>
<P><A href="Login.html" target="main">田园风光</A><P>
<A href="Login.html" target="main">登录</A><P>
<A href="image/3.html" target="main">渔哥唱晚</A><P>
<A href="image/4.gif" target="main">夕阳无限</A><P>
</body>
</html> main.html <html>
<head>
<title>main.html</title>
</head>
<body>
<h1>main页面</h1>
</body>
</html>
先介绍一下有关HTML <frameset> 标签的有关知识。
frameset标签 -- 代表HTML框架
frameset标签是成对出现的,以<frameset>开始,</frameset>结束
当使用框架时页面中不应该有body标签
使用框架时应该声明支持框架的文档类型<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
属性:
cols -- 定义了水平框架,取值为象素px或者百分比%
rows -- 定义了垂直框架,取值为象素px或者百分比%
这个示例有四个html页面,显示页:index.html ,顶部页面:top.html ,左边栏:left.html ,主页:main.html ,效果如下:

<head>
<title>Frameset主页</title>
<meta http-equiv="content-type" content="text/html; charset=gb2312">
</head>
<frameset rows="15%,85%" bordercolor="#008000">
<frame src="Top.html" >
<frameset cols="15%, 85%">
<frame src="Left.html" >
<frame name="main" src="Login.html">
</frameset>
</frameset>
</html> top.html <html>
<head>
<title>Top.html</title>
</head>
<body>
<center><h1>Html Frameset 示例</h1></center>
</body>
</html> left.html <html>
<head>
<title>Left.html</title>
</head>
<body>
<P><A href="Login.html" target="main">田园风光</A><P>
<A href="Login.html" target="main">登录</A><P>
<A href="image/3.html" target="main">渔哥唱晚</A><P>
<A href="image/4.gif" target="main">夕阳无限</A><P>
</body>
</html> main.html <html>
<head>
<title>main.html</title>
</head>
<body>
<h1>main页面</h1>
</body>
</html>
相关阅读 更多 +