HTML表格<TABLE>标签

今天我们讲讲HTML中一个非常复杂的标签,那就是表格,即<TABLE>标签。因为这个标签非常复杂,所以洪哥会分几篇来讲解。首先是基本的TABLE,然后会有表头<TH>标签、表格的跨行跨列等。

一、定义

所谓表格,大家肯定都见过,EXCEL全是表格。表格的英文单词为“table”,所以HTML的表格标签为<TABLE>,作用是在网页中插入一个表格。

二、语法

<table>
<tr>
<td>行1,列1</td>
<td>行1,列2</td>
</tr>
<tr>
<td>行2,列1</td>
<td>行2,列2</td>
</tr>
</table>
说明,<table>不单独使用,它通常与tr和td一起使用。
<tr>标签表示开启表格的一行(Row)。
<td>标签表示表格的一个数据单元(Data)。
<tr>标签的数量可多可少,但一个表格至少要包含一个<tr>行。
每一行的<td>单元格的个数必须相同。(后面学了跨行跨列后,情况将会不同。)

三、属性

border,边框厚度,取值范围为数字,单位是像素,默认值为0。<table border="1">表示边框为1px。
align,表格本身的对齐方式,取值有left、right、center等。

四、注意

1、如果一个td中没有数据时,可以使用一个空白符&nbsp;放入到td中,否则浏览器可能无法显示出表格的边框来。