html-表格

表格

基本布局

<table border="">
 <!--border用来设置边框的宽度，px是像素单位,也可以写成%的形式-->
 <!--width用来设置表格的宽度>
 <!--height用来设值表格的高度>
 <!--align用来设置对齐方式>
 <!--tr代表行-->
 <tr>
  <!--td代表列-->
  <td></td>
 </tr>
</table>
 

单元格的合并

<table border="">
 <tr>
  <!--td代表列-->
  <td></td>
  <!-- colspan表示列合并，合并几个就等于几-->
  <td colspan=""></td>
  <!-- rowspan表示行合并，合并几个就等于几-->
  <td rowspan=""></td>
 </tr>
 <tr>
 </tr>
</table>

th标签

<table border="">
 <tr>
  <!--th可以代替td做单元格，th中的内容会自动加粗，会自动居中。-->
  <th></th>
 </tr>
 <tr>
  <td></td>
 </tr>
</table>

thead , tbody ,tfoot标签

一个table可以被thead,tbody,tfoot分割为三部分。（js中会使用到）