HTML 之表格

HTML 之表格

表格的基本结构

在 HTML 中加入加入表格，有下列三个步骤
设置表格 -> 设置行数目 -> 设置列数目
设置表格的标记为 table ，设置行的标记为 tr ，设置列的标记为 td 。table 标记的 border=”1” 属性用来设置是否显示表格边框线。举例如下：

<table border="1">
<tr>
    <td>第 1 行，第 1 栏</td>
    <td>第 1 行，第 2 栏</td>
</tr>
<table>

设置表格标题

• 设置表格标题
  <caption> ... </caption>

• 设置列标题
  <th> ... </th>
  举例如下：

<table border"1">
<tr>
    <th>季别</th>
    <th>产品名称</th>
    <th>价格</th>
    <th>销售量</th>
</tr>
<tr>
    <td>第一季</td>
    <td>电视</td>
    <td>18000</td>
    <td>10台</td>
</tr>
<tr>
    <td>第二季</td>
    <td>电冰箱</td>
    <td>36000</td>
    <td>10台</td>
</tr>
</table>

让单元格文字不换行

通常当单元格的文字太长时，会自动被换到下一行，而 nowrap 属性的功能就是强制单元格内的文字不换行，使用方法如下：
<td nowrap> ... </td>

合并单元格

• 合并左右列
  <td colspan="2"> ... </td>

• 合并上下行
  <td rowspan="3"> ... </td>