HTML基础知识——表格标签

table表格

table表示一个表格区域
caption表示表格的标题
tr表示一行
th表示表格的列名（即通常的表格第一行用th，尽量少用）
td表示表格内一个单元格内的内容
示例：

<table bgcolor="red" align="center" border="1">
        <caption>培训人员名单</caption>
        <tr>
            <th>名字</th>
            <th>专业</th>
            <th>年龄</th>
            <th>状态</th>
        </tr><br>
        <tr>
            <td>张三</td>
            <td>JAVA</td>
            <td>22</td>
            <td>在学</td>
        </tr><br>
        <tr>
            <td>李四</td>
            <td>web</td>
            <td>28</td>
            <td>休学</td>
        </tr>
    </table>

效果为

在每一个table中，可以存在子table
tr、td中不可以嵌套子tr、td

table中常用属性：
border=边框的厚度（0表示没有边框，数字表示边框厚度像素）
bordercolor=边框颜色
bgcolor=表格背景颜色
cellspacing=指定了单元格的间距 （0则为无间隔边框）
width:表格总宽度（占网页的百分比或使用像素，加单位px）
hight:表格总高度（占网页的百分比或使用像素，加单位px）
background：表格的背景图
【注释：dp表示字体单位，px是像素单位、行列、像素都容易出现错位问题】
tr常用属性：
height = 高度值
bgcolor=行背景颜色
bordercolor=行边框颜色
align=(left right center)
valign=(top middle bottom baseline)
rowspan=‘2’(这个单元格占两行)
colspan=‘2’(这个单元格占2列)

运用属性的示例：

<table align="center" border="1" bordercolor="red" width="100%" cellspacing="0" cellpadding="10" background="./test2.png">
        <caption>培训人员名单</caption>
        <tr bgcolor="#0F2347">
            <th>名字</th>
            <th>专业</th>
            <th>年龄</th>
            <th>状态</th>
        </tr><br>
        <tr align="center" >
            <td align="center">张三</td>
            <td>JAVA</td>
            <td>22</td>
            <td>在学</td>
        </tr><br>
        <tr>
            <td>李四</td>
            <td>web</td>
            <td>28</td>
            <td>休学</td>
        </tr>
    </table>

效果：