html表格

1、表格基本结构

<table>

    <tr>行

        <td></td>单元格

        <td></td>

    </tr>

</table>

<!--

    table 为表格

    tr 行

    td 列（每一个单元格）

-->

HTML语言中th和td的区别：

一、字体不同。

th 元素内部的文本通常会呈现为居中的粗体文本，而 td 元素内的文本通常是左对齐的普通文本。

二、定义的不同

<th> ：定义表格的表头，<td> ：定义表格单元。

三、用法上的不同：

<table>是<tr>的上层标签，<tr>必须在一个<table></table>里面,它不能单独使用,相当于<table>的属性标签。<table>标示一个表格,<tr>标示这个表格中间的一个行。

四、包含的关系不同

一组<td>标签将建立一个单元格，<td>标签必须放在<tr>标签内，<td>标示行中的一个列,需要嵌套在<tr></tr>中间。

2、表格的html属性

1）width="表格的宽度"

2）height="表格的高度"                                 

3）border="表格的边框"

4）bordercolor="边框色"

5）cellspacing="单元格与单元格之间的间距"

6）cellpadding=“单元格与内容之间的距离"

7）align="表格水平对齐方式"

   取值：left、right、center

   valign=“垂直对齐” top、bottom、middle

8）合并单元格属性：(td)

  合并列： colspan=“所要合并的单元格的列数"

  合并行： rowspan=“所要合并单元格的行数”