CH推荐HTML入门教程

<tr>和<td>有什么区别？

上例可能是到目前为止你见过的最复杂的HTML例子，现在让我们来逐一解释其中的各个标签的含义：

用于创建表格的3个基本元素是：

• 首标签<table>和尾标签</table>分别表示一个表格的开始与结束。这是不难理解的。
• tr是“table row（表格行）”的缩写，用于表示一行的开始和结束。这也容易理解。
• td是“table data（表格数据）”的缩写，用于表示行中各个单元格（cell）的开始和结束。这些都是容易理解的。

下面是对例1的详细解释。表格以<table>开始，其后的<tr>表明一个新行的开始，这一行中有两个单元格：<td>单元格1</td>和<td>单元格2</td>。该行以</tr>结束，然后紧接着以<tr>另起一行。该行也包含两个单元格，最后整个表格以</table>结束。

直观地讲：行是横向的单元格，列是从纵向的单元格：

在该表格中，单元格1和单元格2构成一行，单元格1和单元格3构成一列。

虽然上例中的表格只有两行和两列，但实际上，一个表格的行列数是没有限制的。

例2：

<table>

<tr>

<td>单元格1</td>

<td>单元格2</td>

<td>单元格3</td>

<td>单元格4</td>

</tr>

<tr>

<td>单元格5</td>

<td>单元格6</td>

<td>单元格7</td>

<td>单元格8</td>

</tr>

<tr>

<td>单元格9</td>

<td>单元格10</td>

<td>单元格11</td>

<td>单元格12</td>

</tr>

</table>

该例在浏览器中将显示如下：

表格有可用的属性吗？

表格当然有属性。比如属性border用于指定表格四周边框的厚度：

例3：

<table border="1">

<tr>

<td>单元格1</td>

<td>单元格2</td>

</tr>

<tr>

<td>单元格3</td>

<td>单元格4</td>

</tr>

</table>




 

 
共36页: 上一页 [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11] [12] [13] [14] [15] [16] [17] [18] [19] [20] [21] [22] [23] [24] [25] [26] [27] [28] 29 [30] [31] [32] [33] [34] [35] [36] 下一页