2/2页12 跳转到查看:7732
发新话题 回复该主题

HTML入门

各窗口的尺寸设置


  我们将窗口分割为几块,横向分用ROWS属性,纵向分用COLS属性,每一块的大小可以由这两个属性的值来实现。


  <frameset cols=#>  例:<frameset cols="100,200,300">
  <frameset rows=#>  例:<frameset rows="10%,20%,70%">


  #的值为一对用引号括起来的字符串,字符串中的数字表示每个分窗口所占的尺寸,数字中间用逗号隔开,有几个数字就表示分出了几个窗口。当然,这其中的任何一个数字也可以由“*”来代替,这样表示由浏览器自动设置其大小。

  如:<frameset cols="100,200,*">
    <frameset cols="100,*,*">   将100像素以外的窗口平均分配
    <frameset cols="*,*,*">    将窗口分为三等份







纵向排列多个窗口:
********************************


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




横向排列多个窗口:
********************************


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




纵横排列多个窗口:
********************************


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









各窗口间相互操作

TOP

 

各窗口间相互操作(Frame Target)


  由Frames分出来的几个窗口的内容并不是静止不变的,往往一个窗口的内容随着另一个窗口的要求而不断变化,这就提高了Frames的利用价值。为了完成各窗口之间的相互操作,我们必须为每一个窗口起一个名字,这个名字用属性Name来定义。


  窗口标识(Frame Name)

  <frame src=url name=“窗口名”>  例如: <frame src="frame/a.html" name=“left”>

  定义了窗口名称,还应该有Target来配合使用,Target属性指定了所链接的文件出现在哪一窗口。Target的值可以是name定义的名称,也可以是以下四类值:


  <a href=url target=_blank>   显示一个新窗口
  <a href=url target=_self>    显示在同一个窗口
  <a href=url target=_parent>   显示在Frameset的前一份文件的窗口
  <a href=url target=_top>    显示在整个浏览器窗口




例:

<frameset cols=50%,50%>
  <frame src="frame/left.htm" name="left">
  <frame src="frame/right.htm" name="right">
</frameset>









Frame 的其它属性

TOP

 

Frame 的其它属性















<frame frameborder=#> #=yes, no各窗口边框的设置,yes表示有边框,no表示没有边框
<frame marginwidth=# marginheight=#>
 #的值为像素点
设置各窗口的上下左右边界宽度,如果不设置,由浏览器自动决定。
<frame scrolling=#> #=yes, no, auto滚动条设置,yes 表示有,no表示没有,auto表示由浏览器自动设置,#=缺省值是 auto
<frame noresize>noresize属性来设置不可变动的框边


各窗口边框的设置举例:


<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 cols=50%,50%>
<frame src="A.html">
<frame src="A.html"
    marginwidth=50
    marginheight=50>
</frameset>


示例

 总复习

TOP

 

总复习


  前面所讲的内容已经可以满足作网页的要求了,在最后的复习阶段,我们要举一个比较复杂的例子,它基本上涵盖了我们所学的重要内容,我们要通过它来进一步巩固一下已经掌握或者还没有完全掌握的知识。


  示例


  看到了一个图文并茂的页面,喜欢吗。请打开源文件,一句一句地去读,再对照页面上呈现出的效果,体会一下每一句具体的作用。读懂了吗,好极了,相信你已经合格了。


  在上例的<BODY>标签中,我们看到一个我们没有见过的属性BACKGROUND,它是为整个文本添置背景图案的。添加背景图案往往可以使一个并不很出色的页面蓬壁生辉,方法是:


        <BODY BACKGROUND="图片地址">


  当然我们也可以仅仅为文本选择一种颜色来作背景,与前面的文字相配得当,有时也会有很出彩的效果,方法是:


        <BODY BGCOLOR="#">


  其实在我们真正制作网页的过程中,我们常常会借助于“所见即所得”得网页编辑器来完成,例如Netscape Editor、FrontPage98等来完成,不过编辑器有些动作不知怎么总是不到位,这时,打开源文件修描却能使你如鱼得水。另外,格式页的大部分工作恐怕还需要在源文件中进行调整。







学习HTML的方法:


  根据我自己的学习体验,我总结了几点学习方法供大家参考:


  1.对于难记的属性不必强行记忆,在用到的时候翻一下语法手册,多用几次就会熟练掌握了。


  2.刚开始,可以先选择几个不错的网页形式加以模仿,照猫画虎的完成自己的Homepages.


  3.看到好的网页,可以在浏览器的“编辑”菜单中选择“源文件”,这时我们就可以看到源程序,
   学习别人制作网页的一些方法和技巧了,有时候通过这种办法可以学到书本上没有的东西,一些
   新出现的功能也可以率先出现在你的网页中了。




TOP

 

有些论坛不一定用得了吧?
我要你知道,这世界上有一个人,是永远等着你的,不管是在什么时候,不管在什么地方,反正你知道,总有这样一个......

TOP

 
2/2页12 跳转到
发表新主题 回复该主题