1、表格由<table>
标签来定义。每个表格均有若干行(由<tr>
标签定义),每行被分割为若干单元格(由<td>
标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。
HTML 表格的基本结构:
<table>…</table>
:定义表格
<th>…</th>
:定义表格的标题栏(文字加粗)
<tr>…</tr>
:定义表格的行
<td>…</td>
:定义表格的列
2、如果不定义边框属性,表格将不显示边框。有时这很有用,但是大多数时候,我们希望显示边框。使用边框属性border
来显示一个带有边框的表格。
3、在<table>
标签中我们可以使用<caption> ... </ caption>
标签作为标题,并在表的顶部显示出来。
4、在<table>
标签中您可以使用width
(宽)和height
(高)属性设置表格宽度和高度。您可以按像素或可用屏幕区域的百分比来指定表格宽度或高度。
5、以下两个属性,用于调整 HTML 表格中单元格的空间:cellspacing
属性-定义表格单元格之间的空间 。cellpadding
属性-表示单元格边框与单元格内容之间的距离
6、如果要将两个或多个列合并为一个列,将使用colspan
属性 。如果要合并两行或更多行,则将使用rowspan
属性。