表格代码大全

  • 格式:docx
  • 大小:24.31 KB
  • 文档页数:43

表格代码大全

表格代码大全

表格代码

1:表格的基本表现形式

内容

注解:

表格的主体元素(必须)

表格的行元素 (必须)

表格的单元格元素(必须)

2:表格的附属属性,以及属性值

align 表格的水平排列属性,可选属性值有 left(居左) center(居中) right(居右)

bgcolor 表格的背景色属性,属性值为十六进制的颜色代码或是英文的颜色单词 background 表格的背景图片属性,属性值为图片的网络绝对地址,也可以是相对地址

width 表格的宽度属性,属性值为像素值,也可以是百分比的。如果是百分比的有两种情况,1不是嵌套表格的,那么百分比是相对浏览器的。2如果是嵌套表格,那么它对应的四嵌套表格所在的单元格。

height 表格的高度属性,属性值和宽度属性是一样的。

border 表格的边框属性,属性值为像素值。

bordercolor 表格的边框颜色属性,属性值为颜色代码

bordercolorlight 表格的亮边框属性,属性值为颜色代码

bordercolordark 表格的暗边框属性,属性值为颜色代码

cellSpacing 表格的单元格间距属性,属性值为像素

cellpadding 表格的单元格边距属性,属性值为像素

frame 表格的边框样式属性,

属性值可选

above 显示上边框

below 显示下边框

border 显示上下左右边框

box 显示上下左右边框

hsides 显示上下边框

lhs 显示左做边框

rhs 显示右边框

void 不显示边框

vsides 显示左右边框

rules 表格的内部边框属性 属性值可选

all 显示所有的内部边框

cole 仅显示行边框

groups 显示介于行列间的边框

none 不显示内部边框

rows 仅显示列边框

valign 表格内内容的对齐方式(垂直)属性,属性值为 top(顶部), middle(中部), bottom(底部)。

3:综合练习

范例3-1:建立基本实用的表格(包含有水平排列属性,背景色属性,宽度,高度,边框)

border=1>

align 表格的水平排列属性

bgcolor 表格的背景色属性

width 表格的宽度属性

height 表格的高度属性

border 表格的边框属性

范例3-2-1:添加单元格间距属性

border=1 cellSpacing=10>

cellSpacing 表格的单元格间距属性,属性值为像素

3-2-2:添加边距属性

border=1 cellpadding=10>

cellpadding 表格的单元格边距属性,属性值为像素

3-2-3:设定边框颜色和调整边框大小

border=5 bordercolor=#0000ff>

bordercolor=#0000ff

border=5

3-2-4:添加亮边框和暗边框属性

border=5 cellSpacing=10 cellpadding=10 bordercolor=#0000ff

bordercolorlight=red bordercolordark=green>

bordercolorlight=red

bordercolordark=green

注意:添加了亮,暗边框属性后,bordercolor=#0000ff ,通常的边框颜色属性bordercolor就会自动失效

3-2-5:制作多行表格

border=5>

第一行

第二行

3-2-6:建立多列表格

border=5>

第一列

第二列

第三列

3-2-7:建立多行多列表格

border=5>

第一行第一列第一行第二列第一行第三列

第二行第一列第二行第二列第二行第三列

第三行第一列第三行第二列第三行第三列

3-2-8:设定边框的样式

border=5 bordercolor=red cellSpacing=10 cellpadding=10 frame=hsides>

第一行第一列第一行第二列第一行第三列

第二行第一列第二行第二列第二行第三列

第三行第一列第三行第二列第三行第三列

3-2-9:设定内部边框的样式

border=5 bordercolor=red cellSpacing=10 cellpadding=10 rules=rows>

第一行第一列第一行第二列第一行第三列

第二行第一列第二行第二列第二行第三列

第三行第一列第三行第二列第三行第三列

3-2-10:建立多层表格

bordercolor=red cellSpacing=10 cellpadding=10>

bordercolor=red cellSpacing=10 cellpadding=10>

border=5 bordercolor=red cellSpacing=10 cellpadding=10>