网站表格行与列定义方法 html中tr与td标签标准
作者:佚名 时间:2014-04-18
th和td标签
tr标签内的th和td标签会在一行中创建单元格及其内容。这两个标签类似,惟一的区别是浏览器会生成一个用粗体样式标记的文本表头,另外内容的默认的对齐方式也可能和数据的对齐方式不同。数据通常会默认左对齐,可是文本表头会在中间对齐。
和表格行标签tr中的其他标签一样,单元格标签支持很丰富的样式和内容对齐属性,这样你可以将它们用于单个数据或是表头单元格。这些属性会覆盖掉原来的当前行的默认值。还有一些特殊的属性,可以控制单元格在表格中跨越的行或列的数目。<th>和<td>标签也支持节中所述的那些通常的表格属性。
tr和td标签中的内容可以是你可以放置到文档主体中的任何东西,包括文字、图像、表单,等等,甚至可以是另一个表格。如前面所说的那样,浏览器会自动创建一个在垂直方向和水平方向上足够大的表格,用来显示所有单元格的内容。
如果有一行的表头或是数据条目比其他行的少,浏览器会在该行尾部添加一些空的单元格来填满一行。如果需要在一行的尾部之前添加空白单元格,例如,需要指明一个空白数据时,可以创建一个没有内容的表头或数据单元格。
如果表格有边框的话,空白单元格会和其他包括数据或表头的单元格看上去不一样,空白单元格不会在窗口上有浮雕效果,它只是空白的一片。如果你想创建一个具有和其他表格单元格一样雕刻效果的单元格,那就在单元格中放上最少的内容吧,例如一个简单的<br>标签就可以了。
对齐方式
align和valign属性的用法和表格行标签(<tr>,中的align和valign属性几乎一样,除下面这一点外:当用在<th>或<td>标签中的时候,这两个属性控制的只是当前单元格中内容的水平和垂直对齐方式。它们的值会覆盖<tr>标签中的align和valign属性所设置的对齐方式,但是它不会影响后面的单元格的对齐方式。
可以将align属性值设为left, nigh。或是center,相应地,浏览器会将单元格内容分别靠左边缘对齐,靠右边缘对齐,或是放在表格的中间。valign属性的值可以是top(默认值)、bottom, middle或者baseline,它们会告诉浏览器将单元格内容靠上边框、下边框,在单元格的中间,还是对准行中其他单元格的第一行的基线