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>