HTML语法 03

HTMl语法

【网页中的表格标签】

最简单的表格

（告诉电脑这是一个表格）

  

（横标签）

     

 

（列标签）       表格

显示结果：

表格

【合并表格栏位】

合并的方向：上下（横列间的合并）（属性rowspan）、左右(直栏间的合并)（属性colspan）。

 【表格栏位大小、对齐位置设定】

例如：宽度是100，高度是60.

   

         

    

表格

显示结果“表格”是靠左边的；若,表格就会居中；

标签是表格中文字在垂直方向上的变动，有三个属性值，top(靠上方对齐)、middle（垂直居中）（预设值）、bottom(靠下方)。

【表格背景、底色设定】

对整个表格添加底色：

    

   

1	2
3	4

将BGCOLOR="颜色码"加在中，可以指定“一行”的背景颜色；

将BGCOLOR="颜色码"加在中，可以指定“一栏”的背景颜色；

对表格添加背景：background="图片名称"

注意：给那个单元格中添加背景，就在那个标签中加入background="图片名称"。

【表格的框线设定】

表格边框的粗细：border="粗细值"

表格边框的颜色：bordercolor="颜色码"

表格边框的阴影、亮丽颜色：bordercolorlight=“颜色码”（两面设定）；

                         bordercolordark=“颜色码”（暗面设定）；

 

【表格栏距设定】

属性自由设定表格内文字距离格线的距离，这个属性很好用，保持适当的距离，看起来比较舒服。一般而言内定值为2，不过我建议设定为4比较漂亮。

属性设定表格栏位格线之间的距离。一般而言内定值为2，不过我通常习惯设为 0 。

【序列标签】

序列标签基本上可分为两种，一种是“无序条列”，一种是“有序条列”。所谓“无序条列”当然就是意指各条列间并无顺序关系，纯粹只是利用条列式方法来呈现资料而已，此种无序标签，在各条列前面均有一符号以示区隔。至于“有序条列”就是指各条列之间是有顺序的，从1、2、3…一直延伸下去。

【无序标签】

标签即为“无序列表标签”，每增加一列内容，就必须加一个
• 。

  如： 

  
  
  • 姓名：杰克升
    
  • 生日：1974/11/21
    
  • 星座：天蝎座
    

  显示结果：

  • 姓名：杰克升
  • 生日：1974/11/21
  • 星座：天蝎座

    注意：前面的圆点可以进行改变，只需加入属性type，它有三个属性值，disk(实心圆),square（方形）,circle（空心圆）。

    【有序标签】

   

  标签即为“有序列表标签”，每增加一列内容，就必须加一个
  1. 。

     注意：同无序标签一样，前边的符号可以更改，属性type，有五个属性值，1(数字)、A（大写英文字母）、a（小写英文字母）、I（大写罗马字母）、i（小写罗马字母）

     我们也可以指定序列起始的数目，属性start=“值”.

      

      【定义列表标签】

      

     原始码	呈现结果
     小标题 标题的内容说明	小标题 标题的内容说明