HTML中常用的标签(3)

清单

一、目录式清单

  ＜dir＞

  ＜li＞项目1 </li>

  ＜li＞项目2 </li>

  ＜li＞项目3 </li>

  ＜/dir＞

  P.S.目录式清单每一个项目不能超过20个字元（即10个中文字）

二、选项式清单

  ＜menu＞

     ＜li＞项目1 </li>

     ＜li＞项目2 </li>

     ＜li＞项目3 </li>

  ＜/menu＞

三、有序号的清单

  ＜ol＞

     ＜li＞项目1 ＜/li＞

     ＜li＞项目2 ＜/li＞

     ＜li＞项目3 ＜/li＞

  ＜/ol＞

【1】序号形式-- type

  ＜ol type=#＞或＜li type=#＞

  #号可为

  A：表以大写英文字母A?B?C?D...做为项目编号

  a：表以小写英文字母a?b?c?d...做为项目编号

  I：表以大写罗马数字做为项目编号

  i：表以小写罗马数字做为项目编号

  1：表以阿拉伯数字做为项目编号（预设值）

【2】起始数字-- start

  ＜ol start=欲开始计数的序数＞＜/ol＞

【3】指定编号-- value 

  ＜li value=欲指定的序数＞＜/li＞

四、无序号的清单

  ＜ul＞

     ＜li＞项目1＜/li＞

     ＜li＞项目2＜/li＞

     ＜li＞项目3＜/li＞

  ＜/ul＞

【1】项目符号形式--type 

  ＜ul type=#＞或＜li type=#＞

  #号可为

  disc：实心圆点（预设值）

  circle：空心圆点

  square：实心方块

【2】原始清单-- plain

  ＜ul plain＞＜/ul＞

【3】清单排列方式-- warp

  清单垂直排列＜ul warp = vert＞＜/ul＞

  清单水平排列＜ul warp = horiz＞＜/ul＞

五、定义式清单

  ＜dl＞

   ＜dt＞项目1＜/dt＞

   ＜dd＞项目1说明＜/dd＞

   ＜dt＞项目2 ＜/dt＞

   ＜dd＞项目2说明＜/dd＞

   ＜dt＞项目3 ＜/dt＞

   ＜dd＞项目3说明＜/dd＞

  ＜/dl＞

紧密排列-- compact

  ＜dl compact＞＜/dl＞

  P.S.如此可使＜dt＞的内容与＜dd＞的内容在同一行，仅以数格空白相隔而不换行，但若＜dt＞的文字超过一定的长度后，compact的作用就消失了！

表单

一、基本架构

  ＜form action="处理资料用的CGI程式之URL"或"mailto:电子信箱的URL"method="get或post"＞

    .......... .......... ..........

 ＜/form＞

二、输入文件型表单

  ＜form action="URL" method="post"＞

     ＜input＞＜input＞

     .......... ..........

  ＜/form＞

【1】栏位类型-- type 

  ＜input type=#＞

  #号可为

  text：文字输入

  password：密码

  checkbox：多选钮

  radio：单选钮

  submit：接受按钮

  reset：重设按钮

  image：图形钮

  hidden：隐藏栏位

【2】栏位名称-- name

   ＜input name="资料栏名"＞

   P.S.若type为submit?reset则name不必设定

【3】文件上的预设值-- value

  ＜input value="预设之字串"＞

【4】设定栏位的宽度-- size

   ＜input size=字元数＞

【5】限制最大输入字串的长度-- maxlength

   ＜input maxlength=字元数＞

【6】预设checkbox或radio的初值-- checked

   ＜input type=checkbox checked＞

   ＜input type=radio checked＞

【7】指定图形的URL -- src

   ＜input type=image src="图档名"＞

【8】图文对齐-- align

   ＜input type=image align="#"＞

   #号可为

   top：文字对齐图片之顶端

   middle：文字对齐图片之中间

  buttom：文字对齐图片之底部

三、选择式表单

  ＜form action="URL" method="post"＞

 ＜select＞

   ＜option＞

   ＜option＞

    .......... ..........

＜/select＞

  ＜/form＞

A、＜select＞的属性

【1】栏位名称-- name

   ＜select name="资料栏位名"＞

【2】设定显示的选项数-- size

  ＜select size=个数＞

【3】多重选项-- multiple

   ＜select multiple＞

B、＜option＞的属性

【1】定义选项的传回值-- value 

   ＜option value="传回值"＞

【2】预先选取的选项-- selected

  ＜option selected＞

四、多列输入文字区表单

  ＜form action="URL" method="post"＞

     ＜textarea＞.......... ..........＜/textarea＞

  ＜/form＞

【1】文字区的变数名称-- name

   ＜textarea name=变数名称＞

【2】设定文字输入区宽度-- cols

   ＜textarea cols=字元数＞

【3】设定文字输入区高度-- rows

   ＜textarea rows=列数＞

【4】输入区设定预设字串

   ＜textarea＞预设文字＜/textarea＞

【5】自动换行与否-- wrap

   ＜textarea wrap=#＞

   #号可为

   off：表输入的文字超过栏宽时，不会自动换行（预设值）

   virtual：表输入的文字在超过栏宽时会自动换行

初来乍到，请多多指教，大神勿喷。若有错误之处，欢迎指导