.六竹苑www.liuzhu.com创建于2001年8月8日.
您现在的位置:首页 >> 电脑苑 >> 网页制作 >> 内容

HTML语言教程(二)

时间:2003/1/12 22:20:39 点击:

  核心提示:...
HTML语言教程(二)

三、 表格
 

  表格是HTML的一项非常重要功能,利用其多种属性能够设计出多样化的表格。使用表格可以使你的页面有很多意想不到的效果,使页面更加整齐美观。

  常用表格标记

<TABLE>...</TABLE> 表格指令

相关属性 :
·ALIGN 调整
·BGCOLOR 背景颜色
·BORDER 边框
·HEIGHT 高度
·WIDTH 宽度

 

<CAPTION>...</CAPTION> 表格标题

相关属性 :
·ALIGN 调整

 

<TR>...</TR> 表格列 ( </TR>可省略 ) 。

相关属性 :
·ALIGN 调整

 

<TH>...</TH> 表格栏标题 ( 表头 ) 粗体字 ( </TH>可省略 ) 。

相关属性 :
·ALIGN 调整
·COLSPAN 栏宽
·ROWSPAN 栏高

 

<TD>...</TD> 表格栏资料 ( 储存格 ) ( </TD>可省略 ) 。

相关属性 :
·ALIGN 调整
·BGCOLOR 背景颜色
·HEIGHT 高度
·WIDTH 宽度
·COLSPAN 栏宽
·ROWSPAN 栏高

 

  举例

如 : ( 基础型 )
<TABLE BORDER=1 ALIGN=CENTER>
<TR><TD>太平洋网络学院<TD>太平洋网络学院
<TR><TD>太平洋网络学院<TD>太平洋网络学院
</TABLE>
太平洋网络学院 太平洋网络学院
太平洋网络学院 太平洋网络学院

 

如 : ( 加强型 ) 增加背景颜色、表格标题、栏标题、跨栏宽、跨栏高。

<TABLE BORDER=1 ALIGN=CENTER BGCOLOR=#CCCCFF>
<CAPTION>表格标题</CAPTION>
<TR><TD><TH COLSPAN=2>行标题 1 <TH COLSPAN=2>行标题 2
<TR><TH ROWSPAN=2>列标题 1 <TD>A <TD>A <TD>A <TD>A
<TR><TD>B <TD>B <TD>B <TD>B
<TR><TH ROWSPAN=2>列标题 2 <TD>C <TD>C <TD>C <TD>C
<TR><TD>D <TD>D <TD>D <TD>D
</TABLE>

 

表格标题
  行标题 1 行标题 2
列标题 1 A A A A
B B B B
列标题 2 C C C C
D D D D

  看了以上的例子,应该了解表格的基本写法吧!

四、 标示
 

  HTML提供许多种类的标示标记,作项目标示,而且可以作巢状式标示!

  常用标示标记

<LI> 标示项目

如 :
<OL>
<LI>第一项
<LI>第二项
</OL>

  1. 第一项
  2. 第二项

 

<OL>...</OL> 编号标示,可标示数字或英文、罗马字母。

如 :
<OL TYPE=I>
<LI>第一项
<LI>第二项
</OL>

  1. 第一项
  2. 第二项

 

<UL>...</UL> 符号标示,可标示数字或英文、罗马字母。

如 :
<UL>
<LI>第一项
<LI>第二项
</UL>

  • 第一项
  • 第二项

 

<DT> 定义项目

 

<DD> 定义资料

 

<DL>...</DL> 定义标示

如 :
<DL>
<DT>十进制 :<DD>0、1、2、3、4、5、6、7、8、9
<DT>十六进制 :<DD>0、1、2、3、4、5、6、7、8、9、A、B、C、D、E、F
</DL>

十进制 :
0、1、2、3、4、5、6、7、8、9
十六进制 :
0、1、2、3、4、5、6、7、8、9、A、B、C、D、E、F

 

  巢状式标示

如 :
<OL>
<LI>第一章
        <OL TYPE=i>
        <LI>第一节
                <UL>
                <LI>第一段
                <LI>第二段
                </UL>
       <LI>第二节
       </OL>
<LI>第二章
<LI>第三章
</OL>
  1. 第一章
    1. 第一节
      • 第一段
      • 第二段
    2. 第二节
  2. 第二章
  3. 第三章

  其他标示标记

<DIR>...</DIR> 目录式标示 ( 自动加圆点 )。

如 :
网络学院 :
<DIR>
<LI>新手上路
<LI>软件教室
<LI>设计教室
<LI>开发教室
</DIR>

网络学院 :

  • 新手上路
  • 软件教室
  • 设计教室
  • 开发教室
  •  

      注意事项

      标示项目符号也可以用<FONT>...</FONT> 标记,以符号字元 ( ○、◆、◎、★、■...等 ) 标示。

      如 :<FONT COLOR =#FF0000> ● </FONT>

      特殊符号 :

      在HTML文件中,有些符号是代表特定的意义的。所以当我们要使用这些特殊符号时,便要用替代指令。

     

    符号 替代指令
    " &#34 或 &quot
    & &#38 或 &amp
    < &#60 或 &lt
    > &#62 或 &gt
    不可分空格 &nbsp


    本苑收录:2002年2月14日

    作者: 来源:
    相关评论
    发表我的评论
    • 大名:
    • 内容:
  • 六竹苑(www.liuzhu.com) © 2024 版权所有 All Rights Reserved.
  • Email:20003945@qq.com 站长QQ:20003945
  • Powered by laoy! V4.0.6