HTML表格&表格标签的属性

一、表格标签<table>&行标签<tr>&单元格标签<td>

HTML的 table 元素表示表格数据

标签省略	不允许，开始标签和结束标签都不能省略

HTML <tr> 元素定义表格中的行。

标签省略	不允许，开始标签和结束标签都不能省略

HTML <td> 元素定义表格中的列

标签省略	不允许，起始标签是必需的，结束标签有时可以省略但不提倡

<table>
    <tr>
        <td>Name</td>
        <td>City</td>
        <td>Age</td>
    </tr>
    <tr>
        <td>Tom</td>
        <td>上海</td>
        <td>1</td>
    </tr>
    <tr>
        <td>Jack</td>
        <td>北京</td>
        <td>2</td>
    </tr>
    <tr>
        <td>Rose</td>
        <td>深圳</td>
        <td>3</td>
    </tr>
</table>

table-border ：
这个整型元素使用像素，定义了表格边框的大小。如果设置为1，表示表格具有1px大小的边框。
table-width ：
该属性定义了表格的宽度。

二、表头单元格标签<th>

HTML <th> 元素定义表格内的表头单元格.有文本加粗居中的作用

标签省略	不允许，起始标签是必需的，结束标签有时可以省略但不提倡

三、 表格标题标签<caption>

HTML <caption> 元素展示一个表格的标题， 它常常作为 <table> 的第一个子元素出现，同时显示在表格内容的最前面

标签省略	不允许，开始标签和结束标签都不能省略

四、结构标签<thead>&结构标签<tbody>&结构标签<tfoot>

HTML的<thead>元素定义了一组定义表格的列头的行。
HTML 元素<tbody> 元素在一个 <table> 元素中可以出现一个或者更多.代表表格的主体内容
HTML 元素<tfoot> 定义了一组计算表格中各列总和的行

五、HTML表格标签的属性

table-border ：这个整型元素使用像素，定义了表格边框的大小。如果设置为1，表示表格具有1px大小的边框。
table-width ：该属性定义了表格的宽度。
table-bgcolor ：这个属性定义了表格的背景颜色
table-align ：这个属性指定了包含在文档中的表格必须如何对齐。有如下值:
            left，表格将在文档左侧显示；
            center， 表格将在文档中央显示；
            right， 表格将在文档右侧显示；
table-cellpadding ：这个属性定义了表格单元的内容和边框之间的空间。
table-cellspacing ：这个属性定义了两个单元格之间空间的大小
table-frame
    viod：不显示外边框

    box
    border：四周都显示

    above：显示上部的外边框
    below：显示下部的外边框
    hsides：显示上下的外边框

    lhs：显示左部的外边框
    rhs：显示右部的外边框
    vsides：显示左右的外边框
table-rules
        none, 内边框将不被显示；这是默认的值；
        rows, 内边框将在行之间显示；
        cols, 内边框在列之间显示；
        all, 内边框将被显示

thead/tbody/tfoot/tr/td -align：这个属性指定了包含在文档中的表格内容必须如何对齐。有如下值:
        left
        center
        right
thead/tbody/tfoot/tr/td -valign ：
                    bottom
                    middle
                    top
thead/tbody/tfoot/tr/td -bgcolor ：这个属性定义了表格行的背景颜色

td-colspan：跨列属性
td-rowspan：跨行属性
td-height：
td-height：