一:结构:
1、<table>中的<tr>与<td>标签
<table>用来定义一个表格
<tr>定义这个表格中间一个行
<td>定义行中的一个列,用时需要嵌套在<tr></tr>中间
两行两列的表格结构如下
aa | bb |
---|---|
cc | dd |
对应的代码如下:
<table>
<tr>
<td>aa</td>
<td>bb</td>
</tr>
<tr>
<td>cc</td>
<td>dd</td>
</tr>
</table>
2、table中的th与td标签
<th>和<td>一样,需要嵌套在<tr>当中的,<tr>嵌套在<table>当中
3、table中的th与td标签
<tr>…</tr> 定义一行标签,一组行标签内可以建立多组由<td>或<th>标签所定义的单元格
<th>…</th> 定义表头单元格。表格中的文字将以粗体显示,<th>标签必须放在<tr>标签内
<td>…</td>定义单元格标签,一组<td>标签将建立一个单元格,<td>标签必须放在<tr>标签内
二:应用:
1、table的重要属性:
border 边框宽度
cellspacing 单元格之间的空白距离
cellpadding 边框与单元格内容之间的距离
bgcolor 背景颜色
bordercolor 边框颜色
width 宽度
align 对齐方式
2、tr重要属性:
align 对齐方式
bgcolor 背景颜色
3、th/td重要属性:
align 对齐方式
bgcolor 背景颜色
width 宽度
height 高度
colspan 可横跨的列数 column
rowspan 可竖跨的行数 row
4、<caption> 定义表格的标题
代码个数如下:
<table>
<caption align="left">table表格标题</caption>
</table>