html中table表格的属性的使用

html-css010

html中table表格的属性的使用,第1张

html中table表格的属性是怎么使用的?其实很简单,下面我们以几个典型的属性来说明一下。

01

首先是colspan属性,这是合并单元格的,一般一个表格的每一行的单元格数目都是一致的,但可以使用这个属性来为任意一行合并某些单元格,下方的代码就是为第一行合并3个单元格,从而让这一行只有一个单元格的。

02

另一个是bgcolor属性,这是设置每一行或,每一个单元格的背景颜色的,如果要设置漂亮的表格,我们可以使用这个背景属性来让表格更有色彩。

03

align属性可以让我们的单元格内容进行对齐,有左对齐,居中对齐和右对齐。这个可以让文本显示更加有条理。

04

看下应用的效果,可以看到现在的表格显示有条有理了,灵活应用这些表格属性,可以让我们做出各式各样的表格来。

这是html表格标记<table>的属性, border="1" 是让表格边框线的粗细为1像素,cellpadding="0" 是让单元格边框线与单元格中的内容之间的距离为0像素,即单元格中内容紧挨着单元格的边线, cellspacing="0" 是让各单元格之间的缝隙为0象素。 如<table width="200" border="1" cellpadding="0" cellspacing="0">表示这个表格宽度为200象素,边框粗细为1象素,单元格和格中的内容距离为0象素,单元格之间的距离为0象素,画出的表格看起来是一个单线的表格。

<tr是表中的行,<td是表中的单元格,还有一个是<th是表格的表头例如:<table width=778 border=0<tr<td</td<td</td

colspan是列合并

rowspan是行合并

后面是是合并的数量