frameset窗框

<frameset></frameset>标签
rows:
主要用于设置该标签的帧行数,行设置高度值之间用逗号隔开,用*表示剩余
cols:
主要用于设置改标签的帧行数,行设置高度值之间用逗号隔开,用*表示剩余
前两个属性直接影响到<frameset></frameset>标签直接嵌入的<frameset></frameset>标签和<frame>标签的个数。若嵌入过量,浏览器会将其忽略。
border
主要用于设置每帧的边框宽度
frameborder
用于设置是否显示边框,有四个设置值:0,1,yes,no
<frame>
用于新建一帧
src
用于设置该帧默认显示的htm文件
name
用于设置该帧的名字,以让其他链接也可指定该帧所显示的内容。
scrolling
用于设置该帧是否显示滚动条,默认为空间不够时候显示
noresize
不用设置任何值,其本身就是一个值,表示不可移动边框。
---------
<a href=""> 的target属性
_blank
表示跳出新的一页
_parent
表示显示到当前页的母窗口中去,注意,要使其显示不覆盖TOP帧网页窗口,就必须另建一个包含有<frameset></frameset>标签的网页,并在TOP帧源文件中设置SRC属性指向此源文件。
_self
为默认设置,表示在当前帧显示。
_top
表示将显示覆盖TOP帧网页窗口。
------------
<noframes>
表示当浏览器不支持<frameset></frameset>标签的时候显示此标签中的内容。例如:
      <frameset>
      <noframes><body><h1>sorry! your brower doesn't supply frameset tag!</h1></body></noframes>
      </frameset>
*****
 
<iframe>
用于实现画中画的效果,在帧中可以再建帧,实现嵌入。既可嵌入网页,也可嵌入文本或图片。利用它可实现相册效果。
-----------
每个帧都应该有自己的name属性,这样其他链接可以指定显示在该帧的内容。每个帧的内容都使可以动态改变的。帧<frameset></frameset>标签之间可以自由嵌入。
看下面的源文件:
//index.htm//
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
" http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<frameset rows="20%,*" framespacing="9">
<frame src="top.htm" name="top" scrolling="no" noresize>
<frameset cols="40%,20%,*">
<frame src="left.htm" name="left" scrolling="no" noresize>
<frame src="right1.htm" name="right" scrolling="no" noresize>
<frame src="sss.htm" name="right3" scrolling="no" noresize>
</frameset>
</frameset><noframes></noframes>
<body>
</body>
</html>
-----------
//left.htm//
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
" http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<body>
<a href="right1.htm" target="_self">这是右边的第一个网页</a><br>
<a href="right2.htm" target="right3">这是右边的第二个网页</a>
</body>
</html>
----
//right1.htm//
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
" http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<form>
机器<input type="checkbox" name="aa" value="aa" checked>
不是<input type="checkbox" name="aa" value="bb">
运道<input type="radio" value="cc">
<input type="file">
<textarea name="Text" cols="5" rows="10">nput type=""</textarea>
<input type="text" name="dd">
<input type="submit" name="提交">
</form>
<iframe scrolling="no" src=" http://www.hao123.com/" frameborder="0" ></iframe>
<body>
</body>
</html>
----------
//right2.htm//
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
" http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<body>
<table>
<th>aaaaaaaaaaaaaaa</th>
<tr><td>dddddddddddddd</td><td>dddddddddddddddddd</td></tr>
<tr><td>eeeeeeeeeeeeeeeeeee</td><td>eeeeeeeeeeeeeeeeeee</td></tr>
</table>
</body>
</html>
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值