中科爱心救助 https://disease.39.net/yldt/bjzkbdfyy/6173182.html1、表格的基本结构
(1)table标记
A、基本格式:table属性1=”属性值1”属性2=”属性值2”……表格内容/table。
B、table标记的属性
(A)width属性,表示表格的宽度,他的值可以是像素(px),也可以是父级元素的百分比(%)。
(B)height属性,表示表格的高度,他的值可以是像素(px),也可以是父级元素的百分比(%)。
(C)border属性,表示表格外边框的宽度。
(D)align属性,表格的显示位置,属性值:
a、left:居左显示(默认值)。
b、center:居中显示。
c、right:居右显示。
(E)cellspacing属性:单元格之间的间距,默认是2px,单位像素。
(F)cellpadding属性:单元格内容与单元格边框的显示距离,单位像素(默认2)。
(G)frame属性:控制表格边框最外层的四条线框,属性值:
a、void(默认值):表示无边框。
b、above:表示仅顶部有边框。
c、below:表示仅底部有边框。
d、hsides:表示仅有顶部边框和底部边框。
e、lhs:表示仅有左侧边框。
f、rhs:表示仅有右侧边框。
g、vsides:表示仅有左右侧边框。
h、box:包含全部4个边框。
i、border:包含全部4个边框。
(H)rules属性:控制是否显示以及如何显示单元格之间的分割线,属性值:
a、none(默认值):表示无分割线。
b、all:表示包括所有分割线。
c、rows:表示仅有行分割线。
d、clos:表示仅有列分割线。
e、groups:表示仅在行组和列组之间有分割线。
(2)caption标记。
A、什么时候使用:如果表格需要使用标题,那么就可以使用caption标记。
B、caption属性的插入位置直接位于table属性之后,tr表格行之前。
C、align属性,属性值:
(A)top:标题放在表格的上部。
(B)bottom:标题放在表格的下部。
(C)left:标题放在表格的左部。
(D)right:标题放在表格的右部。
(3)tr标记:定义表格的一行,对于每一个表格行,都是由一对tr……/tr标记表示,每一行tr标记内可以嵌套多个td或者th标记,可选属性:
A、bgcolor属性:设置背景颜色。Bgcolor=”颜色值”。
B、align属性:设置垂直方式、对齐方式。Align=”值”,值:
(A)bttom:靠顶端对齐。
(B)top:靠底部对齐。
(C)middle:居中对齐。
C、valign属性:设置水平对齐方式。valign=”值”,值:
(A)left:靠左对齐。
(B)right:靠右对齐。
(C)center:居中对齐。
(4)td和th:td和th都是单元格的标记,其必须嵌套在tr标签内,是成对出现。
A、th是表头标记,通常位于首先行或者首列,th中的文字默认会被加粗,而td不会。
td是数据标记,表示该单元格的具体数据,
B、两者的标记属性都是一样的。
C、属性:
(A)bgcolor:设置单元格背景。
(B)align:设置单元格对齐方式。
(C)valign:设置单元格垂直对齐方式。
(D)width:设置单元格高度。
(E)height:设置单元格宽度。
(F)rowspan:设置单元格所占行数。
(G)colspan:设置单元格所占列数。