表格布局

表格的使用

• 首先我们要使用就要知道表格的基本代码以及其中的一些属性，表格我们一般用来布局，结合属性我们可以把表格做的更加的美观！

 

• <table></table>定义一个表格
• <tr></tr>定义一行，一组tr就代表一行
• <td></td>定义一个单元格，一组td代表一个单元格
例如我们定义一个两行表格(1-1)：

1-1

1-1

 

• 如果我们想制作跨行和跨列的表格，那我们就要用到rowspan和colspan，是在<td>当中输入这两个属性！

  行合并的表格	行合并的表格
  	行合并的表格

  
  

  列合并的表格
  列合并的表格	列合并的表格

 

• 我们可以美化表格：cellspacing和cellpadding分别设置表格的单元格间距和边距。border和border-color分别设置表格的边框和边框的颜色。height和width设置表格的高度和宽度（这个也可以在td、tr当中输入）。都是在<table>当中输入这些属性值。

  2	2
  2	2

  
  我们也可以设置表格的对其方式：align="left/right/center"
  valign="botton/top/middle"
  

  2	2
  2	2

  结合我们上一章的内容，我们也可以在表格当中设置bgcolor属性！