快速学会制作表格

表格的基本格式：<table>

                               <tr>

                                   <td>表格里的文字</td>

                                   <td>表格里的文字</td>

                               </tr>

                               </table>               

table标签的属性：1、border：给表格添加边框，当border属性增大时，只有外围边框线增大，单元格的边框始终不变。

                                  2、bordercolor：给边框添加颜色，内围和外围的边框都随bordercolor的属性值变化

                                  3、width、height：表格的宽高

                                  4、cellspacing：单元格与单元格之间的间隙距离。cellspacing="0"，只会使单元格间隙为0，不会合并边框线。

                                                                  表格边框合并：style="border-collapse：collapse;"（推荐使用）

                                  5、cellpadding:每个单元格中的内容与边框线的距离

                                  6、align：表格在屏幕的位置显示，left、center、right

                                                      注意：给表格加上align属性，相当于让表格浮动，会直接打破表格后面元素原有的排列方式

                                   7、bgcolor：整个表格的背景色，等同于style="background-color："

                                   8、background：等同于 style="background-image=1.jpg;"，且背景图片会覆盖背景颜色

tr、td相关的属性：1、width、height：宽高

                                  2、bgcolor=""：单元格背景色

                                  3、align：单元格中文字的  水平对齐方式，left、center、right

                                  4、valign：单元格文字的  垂直对齐方式，top、center、bottom

                                  5、nowrap="nowrap"，单元格中文字不换行

                                  6、colspan：跨列

                                  7、rowspan：跨行

注意：当表格属性与行列属性冲突时，以行列属性为准。

caption：表格标题

th：表头

<table>
    <caption>成绩</caption>
    <tr>
        <th>学号</th>
        <th>姓名</th>
        <th>数学成绩</th>
        <th>语文成绩</th>
        <th>英语成绩</th>
    </tr>
    <tr>
        <td>1001</td>
        <td>张三</td>
        <td>100</td>
        <td>120</td>
        <td>120</td>
    </tr>
    <tr>
        <td>1002</td>
        <td>李四</td>
        <td>120</td>
        <td>130</td>
        <td>90</td>
    </tr>
    <tr>
            <td>1003</td>
            <td>王五</td>
            <td>110</td>
            <td>100</td>
            <td>123</td>
    </tr>
</table>