RSS
热门关键字:  计算机有关资料  33252  mkv  word  MKV_NT
当前位置 : 主页>建站指南>div+css>列表

html语法

来源: 作者: 时间:2006-11-30 点击:

  • 隐藏栏位:表单中有时有些东西因为某些因素,不想让使用者看到,但因程式需要却又不得不存在,此时,我们就可以利用TYPE=" HIDDEN "来产生一个隐藏的栏位。

    呈现结果
    隐藏栏位:
    原始码 <FORM>
    隐藏栏位:<INPUT TYPE="HIDDEN" NAME="NOSEE" VALUE="看不到">
    </FORM>

    其有下列可设定之属性:

    • NAME="名称",是设定此一栏位的名称。
    • VALUE="文字",是设定此一栏位的值、文字或意义。



      【大量文字输入元件】

      1. 有时候我们会希望让使用者输入比较大量的文字,此时,文字输入列就显得不敷使用,因此我们就可以利用<TEXTAREA></TEXTAREA>来产生一个可以输入大量文字的元件,夹在两个标签中的文字会出现在框框中,可作为预设文字。

        呈现结果
        请输入您的意见:

        原始码 <FORM>
        请输入您的意见:<BR>
        <TEXTAREA NAME="TALK" COLS="20" ROWS="3"></TEXTAREA>
        </FORM>

        其有下列可设定之属性:

        • NAME="名称",是设定此一栏位的名称。
        • WRAP="设定值",是设定此一栏位的换行模式。设定值有三种:OFF(输入文字不会自动换行)、VIRTUAL(输入文字在萤幕上会自动换行,不过若是使用者没有自行按下ENTER换行,送出资料时,也视为没有换行)、PHYSICAL(输入文字会自动换行,送出资料时,会将萤幕上的自动换行,视为换行效果送出)。
        • COLS="数值",是设定此一栏位的行数(横向字数)。
        • ROWS="数值",是设定此一栏位的列数(垂直字数)。



      【下拉式选单】

      1. 下拉式选单令整个网页看起来有很专业的感觉,我们只要利用<SELECT NAME="名称">便可以产生一个下拉式选单,另外,还需要配合<OPTION>标签来产生选项,这样才算完整喔!

        呈现结果
        您喜欢看书吗?:
        原始码 <FORM>
        您喜欢看书吗?:
        <SELECT NAME="LIKE">
        <OPTION VALUE="非常喜欢">非常喜欢
        <OPTION VALUE="还算喜欢">还算喜欢
        <OPTION VALUE="不太喜欢">不太喜欢
        <OPTION VALUE="非常讨厌">非常讨厌
        </SELECT>
        </FORM>

        其有下列可设定之属性:

        • SIZE="数值",是设定此一栏位的大小,预设值为1,若是您的选项有四个,然后您将SIZE设成4,那么,下拉式选单便会变成选项方块,将四个选项一起呈现在方块中。
        • MULTIPLE,是设定此一栏位为复选,可以一次选好几个选项。

      4.12 框架标签 <回细说索引>


      【框架的基本概念】

      1. 首先,各位先看看右手边这张图,我将利用这张图来作解说,这样子,讲起来可能会清楚一点。框架说明图 OK!我们可以看见,右边的这个视窗,一共分为 1 、 2 、 3 三个框架,每一个框架,各有其显示的内容分别是a.htm、b.htm、c.htm三个档案。然而左下角的那个 index.htm 是做什么用的呢?

      2. 原来,左下角的这个档案 index.htm,就是要告诉电脑,我们要将画面分割成这样,也就是说,所有Frame的标签,其实都只摆在 index.htm 这个档案里(当然,不是档名一定要叫做 index.htm 取其他档名也是可以的。)

      3. 这样明白了吗?总之,您要分割几个框框,就一定会有几个对应的html档案(假如您要分割100个框框,就要有100个html档就对了。),另外,还会多一个档案是来告诉电脑要如何分割的。(也就是例中的 index.htm 档啦!)


      【开始分割】

      1. 别急、别急,分割视窗可是一门学问,要分割也是要一步一步来的。看看刚刚那例子,想像画面是一个蛋糕,你要怎么割,才能割成那样呢?

        原始码 呈现结果
        <HTML>
        <HEAD>
        <TITLE>框窗实作</TITLE>
        </HEAD>
        </HTML>

      2. 各位会发现,奇怪,在上面的语法中,怎么都没见到<BODY></BODY>熟悉的身影?呵呵...没错,它已经被待会儿要加进去的<FRAMESET></FRAMESET>标签给取代了!也就是说,如果我们要分割画面,就要先用<FRAMESET>标签告诉电脑说:‘喂!我要开始分割了!’此时,<BODY>是派不上用场的,所以躲到一旁凉快去了!

      3. 现在开始动手割割看啰!我们先将画面分成左右两边(左边就是框窗 1 了,右边就暂定为 2 等一下还要分割呢!),如下图:

        原始码 呈现结果
        <HTML>
        <HEAD>
        <TITLE>框窗实作</TITLE>
        </HEAD>
        <FRAMESET COLS="120,*" >
         <FRAME SRC="a.htm" NAME="1">
         <FRAME SRC="b.htm" NAME="2">
        </FRAMESET>
        </HTML>

      4. 在<FRAMESET>中,我们要告诉电脑到底是要左右分(COLS)?还是上下分(ROWS)。一开始我们是左右分,所以我们写成<FRAMESET COLS="120,*" >。COLS="120,*" 就是说,左边那一栏强制定为 120点,右边则随视窗大小而变。除了直接写点数外,我们亦可用百分比来表示,例如COLS="20%,80%"也是可以的。

      5. 然后,再将右边的框窗再割成上下两个画面(也就是框窗 2 和 3 了)。如下图:

        原始码 呈现结果
        <HTML>
        <HEAD>
        <TITLE>框窗实作</TITLE>
        </HEAD>
        <FRAMESET COLS="120,*">
         <FRAME SRC="a.htm" NAME="1">
         <FRAMESET ROWS="100,*">
          <FRAME SRC="b.htm" NAME="2">
          <FRAME SRC="c.htm" NAME="3">
         </FRAMESET>
        </FRAMESET>
        </HTML>

      6. 看见了没?原本的<FRAME SRC="b.htm" NAME="2">(在第 3 点的语法中)被另一组<FRAMESET ROWS="100,*" >所取代了!所以要注意喔!第二组<FRAMESET ROWS="100,*" >是被第一组<FRAMESET COLS="120,*" >所包围起来的喔!(乱七八糟了对不对?)

      7. 呵呵...不知不觉就大功告成了,其实只要将最后完成的那些语法存成 index.htm,然后再准备三个档 a.htm 、b.htm 、c.htm那么就完工啰!当然,这是一个最阳春的分割法,我会再将一些进阶的标签在底下一一说明。



      【其他标签参数说明】

      <FRAMESET COLS="120,*" frameborder=0 framespacing=5>

      1. COLS="120,*"
        就是垂直切割画面啦!你可以一次切成左右两个画面,当然也可以切成三个,很简单只要写成 COLS="30,*,50" (数字随便您自己调整啦!),依此类推,四个以上当然就是四组数字啦!

      2. ROWS="120,*"
        就是横向切割画面,也就是将画面上下分开,切法同上。

      3. frameborder=0
        设定框架的边框,其值只有 0 和 1 , 0 就是不要边框, 1 就是要显示边框。边框是无法调整粗细的。

      4. framespacing=5
        表示框架与框架间的保留空白的距离,以免看起来太挤。

    1. 最新评论共有 0 位网友发表了评论
      发表评论
      评论内容:不能超过250字,需审核,请自觉遵守互联网相关政策法规。
      用户名: 密码:
      匿名?
      注册