HTML表格标签

一般形式：<table>内容</table>

​
<table>
    <tr>
        <td>元素</td>
    </tr>
</table>

​

<tr>行

<td>列

注：再加一组相当于再加一行

属性 

 1.边框——border

<table border="取值">
    <tr>
        <td>元素</td>
    </tr>
</table>

取值>=0的正整数 默认值是0 没有边框

2. 宽——width；高——height

<table width="数值" height="数值">
    <tr>
        <td>元素</td>
    </tr>
</table>

 3.表格的对齐方式

align="取值"——center left right 默认的是left 居左

​
<table align="取值">
    <tr>
        <td>元素</td>
    </tr>
</table>

4.背景

bgcolor——背景颜色

background——背景图片

<table> bgcolor="颜色">
    <tr>
        <td>
            元素
        </td>
    </tr>
</table>

 5.表格的间距和边距

间距：单元格和单元格之间的距离 cellspacing 单位像素（px）

边距：单元格内元素距离单元格的距离 cellpading 单位像素（px）

<table cellpadding="10" cellspacing="10">
    <tr>
        <td>元素</td>
    </tr>
</table>

注：如果table和tr同时设置不同高度，tr的优先级高

       如果tr和td同时设置了不同的高度，哪个高取哪个

6.表格的合并

rowspan——列——垂直方向跨行

colspan——行——水平方向跨列

<table border="1">
<tr>
        <td rowspan="3">&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
</tr>
<tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
</tr>
<tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
</tr>
</table>

 意思是第一列第一格向下合并三格

7.<th> 

可以替换<td>

th 元素内部的文本通常会呈现为居中的粗体文本

而 td 元素内的文本通常是左对齐的普通文本

8.<caption>

表格的标题，跟着表格一起走，和表格居中对齐

其他

 1.表格可以嵌套表格

2.元素可加入图片<img>属性