表格

表格

Table用来展示列表数据。
<tr> 表示一行，<td>表示一个单元格

<table>
        <tr>
            <td>数据一</td>
            <td> 数据二</td>
        </tr>
</table>

border属性
<table border=“5">

th与td标签
<td>：table data 表示一个单元格
<th>：table head 表示一个单元格，这个单元格是表头，浏览器一般渲染为黑体（可以是第一行横排或者是第一列纵排）   ***************

cellpadding属性                         ************************
单元格的内边距。
<table border="1" cellpadding="20">(即单元格内的文字与左边边框的距离)

cellspacing属性                          ************************
单元格边框的宽度。
<table border="1" cellspacing="20">(即整个表格的外边框与单元格边框的距离)（注：将cellspacing="0" 则可实现外边框与内边框合并的效果，即只看到一个边框）                     ************************

空单元格
如果table设置了border，那个空单元格的border会不显示，可以通过在空单元格中添加 &nbsp; 来解决。

对齐方式
居左、右、中对齐
        <th align="right">标题一</th>
        <th align="right">标题二</th>
注意：需要在table中设置宽width和高height,如果只是设置cellpadding,是不会显示上下左右的排列         **************************

表格中数据的排列方式有两种，分别是左右排列和上下排列。左右排列是以ALIGN属性来设置，而上下排列则由VALIGN属性来设置。其中左右排列的位置可分为三种：居左（left)、居右(right)和居中(center)；而上下排列基本上比较常用的有四种：上齐(top)、居中(middle)、下齐(bottom)和基线(baseline)。 　                  **************************

rowspan属性
跨行单元格，rowspan=”2” 表示当前单元格跨两行。(即上下单元格合并)
<td rowspan="2">

colspan属性
跨列单元格，colspan=”2” 表示当前单元格跨两列。(即左右单元格合并)
<td colspan="2">