web基础:表格

表格:

table 是表格标签,里面包含行tr,tr包含td单元格。

注意:table里只能包含tr,tr里面也只能包含td,td里面可以包含其他标签

表格的基本结构:

1.表格的基本结构

web基础:表格_第1张图片

2.caption设置表格的标题

 

3.th是表格的表头

 

表格的基本属性:

web基础:表格_第2张图片 

1.宽度,高度

 2.表格对齐

3.border表格边框宽度

 

4.bordercolor表格边框颜色

 

5.cellspacing表格内框宽度

 

6.cellpadding表格内文字与边框间距

 

7.bgcolor表格背景颜色 

8.background表格背景图像

 

表格的行属性:

1.height行高度

web基础:表格_第3张图片

2.bordercolor边框颜色

 

3.bgcolor,background行背景

 

4.align行文字的水平对齐方式

 

5.valign行文字的垂直对齐方式

 

6.表格标题的垂直对齐方式

 

表格的单元格属性: 

1.width,height单元格大小

2.colspan水平跨度

 

3.rowspan垂直跨度

 

4.align,valign对齐方式

 

5.bgcolor,background背景 

6.bordercolor边框颜色

 

7.bordercolorlight亮边框

 

8.bordercolordark暗边框

 

表格的结构: 

1.thead表首

web基础:表格_第4张图片

2.tbody表主体

web基础:表格_第5张图片 

3.tfoot表尾

web基础:表格_第6张图片 

 

你可能感兴趣的:(html,前端,servlet,javascript)