表格

243 阅读1分钟

THML下

表格

表格的作用:用于显示 展示数据
1.表格的基本语法:
<table>
  <tr>
    <td>单元格内的文字</td>
  </tr>
</table>

<table></table>用于定义单元格的标签
<tr></tr>用于定义表格中的行
<td></td>用于定义表格中的单元格
2.表头单元格标签:<th></th>
特点:表头单元格内的文字会居中加粗显示
3.表格属性

属性名 描述
align left(左) center(中) right(右)
border 边框的粗细
cellpadding 单元格内文字与边框的距离
cellspacing 单元格间距
width height 表格的宽 高

4.表格结构标签

<thead></thead>:表格头部区域
<tbody></tbody>:表格主体区域
5.合并单元格
跨行合并:rowspan="合并的个数" 上侧单元格写合并代码
跨列合并:colspan="合并单元格的个数" 左侧单元格写合并代码
注意:合并单元格后需删掉多余的单元格