登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

博纳德的信息驿站

中国公民网络问政第一站

 
 
 

日志

 
 
关于我

智圆行方、胆大心细、临事有长有短、与人不激不随。人不要互相蔑视,又互相奉承。不要总希望自己高于别人,又常常爬在别人面前

HTML语言教程之八:框架页面(Frames)  

2006-11-07 21:28:29|  分类: 博客知识 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

HTML语言教程之八:框架页面(Frames) - 博纳德 - 博纳德的信息驿站

HTML语言手册

    HTML是Hepertext Markup Language的缩写,翻译成中文是超文本标记语言。它是纯文本文件,因此用记事簿之类的文本编辑器就可以编写。HTML文件一般以htm 或 html位扩展名,这就是我们平时浏览的网页。浏览器能够解释HTML标记,并按设计要求显示出来。

    每个HTML标记都要用尖括号括起来。每一标记都必须指明开始和结束,在标记前加斜杠表示该标记的结束。因此,在标记的开始和结束之间的区域就是该标记的作用域。例如:

  <p>被显示的文本</p>

  下面分类逐一介绍各个标记的意义。

 

HTML语言教程之八:框架页面(Frames)

 

框架Frames的基本语法

<frameset> 
  <frame src="url">
  <noframes> ... </noframes>
</frameset>

例如:

      <FRAMESET>
         <FRAME SRC="url">
         <NOFRAMES> 
          <p>此网页使用了框架,但您的浏览器不支持框架。</p>
         </NOFRAMES>
      </FRAMESET>
<noframes> 标记后的文字用于不支持框架的浏览器中。

各窗口的尺寸设置 <frameset cols=#>

纵向排列多个窗口:

<frameset cols=30%,20%,50%>
<frame src="A.html">
<frame src="B.html">
<frame src="C.html">
</frameset>

图示:

A B C
 

横向排列多个窗口 <frameset rows=#>

<frameset rows=25%,25%,50%>
<frame src="A.html">
<frame src="B.html">
<frame src="C.html">
</frameset>

图示:

A
B
C


纵横排列多个窗口:

<frameset cols=20%,*>
<frame src="A.html">
     <frameset rows=40%,*>
     <frame src="B.html">
     <frame src="C.html">
     </frameset>
</frameset>

图示:

A B
C

不允许各窗口改变大小 <frame noresize>

缺省设置是允许各窗口改变大小的。

超链指向的目标框架(Frame Target)

框架命名 <frame <a href=url target=框架名>
例如:

<frameset cols=50%,50%>
<frame src="A.html" >
<frame src="B.html" >
</frameset>

图示:

A B

四种常用的目标框架
<a href=url target=_blank>  新窗口
<a href=url target=_self>   本窗口
<a href=url target=_parent> 父窗口
<a href=url target=_top>    整个浏览器窗口

边框的设置 <frame frameborder=#> #=yes, no / 1, 0

<frameset rows=30%,*>
<frame src="Acol.html" frameborder=1>
<frameset cols=30%,*>
     <frame src="Bcol.html" frameborder=0>
     <frame src="Ccol.html" frameborder=0>
</frameset>
</frameset>

(A 有边框,B、C 没有)

框架间空白区域的设置
<frameset framespacing=#> #=空白区域的大小
例如:

<frameset rows=30%,* framespacing=100>
<frame src="Acol.html">
<frameset cols=30%,*>
     <frame src="Bcol.html">
     <frame src="Ccol.html">
</frameset>
</frameset>

边框色彩 <frameset bordercolor=#>

页面空白 <frame marginwidth=# marginheight=#>

<frameset cols=50%,50%>
<frame src="A.html">
<frame src="A.html" 
    marginwidth=50 
    marginheight=50>
</frameset>

滚动条设置 <frame scrolling=#> 
#=yes, no, auto,缺省值是 auto。 

浮动窗口 <iframe src=# =##> ... </iframe>
src#=初始页面的URL,name##=(Frame Name) ... = 此处文字将只出现在不支持框架的浏览器中。例如:

<center>
<iframe src="A.html" >
   Here is a Floating Frame
</iframe>
<br><br>
<a href="A.html" target="window">Load A</A><BR>
<a href="B.html" target="window">Load B</A><BR>
<a href="Ccol.html" target="window">Load C</A><BR>
</center>
图示:点击 这里 去观看一个实际示例。

 A.html 

Load A
Load B
Load C

1、页面标记 2、字体标记 3、文本格式标记 4、图像标记  5、表单标记 6、表格标记 7、表格标记高级
8、框架标记 9、会移动的文字 10、多媒体页面

参考

 

 

参考

 

 

参考

 

 

参考资料
上一页
下一页
 
  评论这张
 
阅读(677)| 评论(1)

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018