html语言table怎么用,html/xhtml中表格<table>的应用

1添加表格table、tr、td

在表格中一般通过3个标记来创建。分别是表格标记、行标记和单元格标记。其中表格标记是

.表格中的各种属性都要在表格的开始标记之间才有效。

语法：

单元格内的文字	单元格内的文字
单元格内的文字	单元格内的文字

2设置表格的标题caption

表格中除了

和可用来设置表格的单元格外，还可以通过caption来设置特殊的单元格-标题单元格。表格的标题一般位于整个表格的第一行。

语法：

表格的标题

3表格的表头th

在表格中还有一个特殊的单元格成为表头。表格的表头一般位于第一行和第一列，用来表明这一行的内容类别。用

和标记表示。表格的表头与标记使用方法相同，但是表头的内容是加粗显示的。

语法：

表格的表头	表格的表头

4设置表格的基本属性

设置表格的宽度width

语法：

表格宽度可以是具体的像素数。

设置表格高度height

语法：

height=表格高度>

表格的对齐方式align

表格的对齐方式用于设置整个表格在网页中的位置。

语法：

align="表格的对齐方式">,left、center、right

设置表格边框宽度border

语法：

border=边框宽度>

设置边框颜色bordercolor

语法：

在该语法中，边框颜色不能为0，颜色代码为16位颜色代码

表格内文字与边框距离cellpadding

默认情况下，表格内的文字会紧贴着表格的边框，这样看上去非常拥挤，可以使用cellpadding来调整。

语法：

cellpadding=文字与边框的距离值>

设置表格的背景色

bgcolor="颜色代码">

设置表格的背景图像

backgound="背景图片的地址">

边框颜色

bordercolor="颜色代码">

行背景bgcolor，background

bgcolor="颜色代码">

行文字的水平对齐方式valign

语法：

垂直对齐方式：top、middle、bottom

设置表个标题的垂直对齐方式valign

垂直对齐值标题位于表格的上方或下方。取值为top或bottom。

valign="垂直对齐方式">表格标题

5调整单元格的属性

单元格大小width、height

语法：

height=单元格高度>

水平跨度colspan

语法：

单元格跨度是指在复杂表格结构总，有些单元格时跨多个列的。

垂直跨度rowspan

语法：

rowspan=单元格跨的行数>

对齐方式align、valign

语法：

valign="垂直对齐方式">

设置单元格的背景色

语法：

bgcolor="颜色代码">

单元格边框的颜色bordercolor

语法：

bordercolor="颜色代码">

设置单元格的背景图像background

语法：

background="背景片的地址">

文字内容不换行nowrap

当表格没有设定宽度时，整个表的宽度会根据表格内容进行调整，但表格宽度不会超过浏览器的宽度。当单元格的内容过长时会自动换行。

如果不希望表格中的某个单元格内容换行，可通过nowrap参数设置：

语法：

6可以在单元格中嵌入一个表格

border="1">

页面导航