03.html 的表格

html表格

1、<table>标签：声明一个表格，它的常用属性如下：

• border属性 定义表格的边框，设置值是数值
• cellpadding属性 定义单元格内容与边框的距离，设置值是数值
• cellspacing属性 定义单元格与单元格之间的距离，设置值是数值
• align属性 设置整体表格相对于浏览器窗口的水平对齐方式,设置值有：left | center | right

2、<tr>标签：定义表格中的一行

3、<td>和<th>标签：定义一行中的一个单元格，td代表普通单元格，th表示表头单元格，它们的常用属性如下：

• align 设置单元格中内容的水平对齐方式,设置值有：left | center | right
• valign 设置单元格中内容的垂直对齐方式 top | middle | bottom
• colspan 设置单元格水平合并，设置值是数值
• rowspan 设置单元格垂直合并，设置值是数值
• >>>>>>>>tr 中添加图片权重占比最大，需要添加 最多的一行添加 宽度比重

 

<h1>表格</h1>
<table border="1" width="400" height="200" align="center" cellpadding="10" cellspacing="5">
    <tr>
        <th>1</th>
        <th>2</th>
        <th>3</th>
        <th>4</th>   <!-- th默认样式内容居中 字体加粗-->
    </tr>
    <tr align="center" valign="top">
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
    </tr>
    <tr align="left" valign="middle">
        <td>11</td>
        <td>22</td>
        <td>33</td>
        <td>44</td>
    </tr>
    <tr align="right" valign="bottom">
        <td>111</td>
        <td>222</td>
        <td>333</td>
        <td>444</td>
    </tr>
    <tr >
        <td colspan="2">1111</td>
        <td colspan="2">2222</td>
        
    </tr>
    <tr>
        <td rowspan="4">9</td>
        <td>9</td>
        <td>9</td>
        <td>9</td>
    </tr>
    <tr>
        <td rowspan="4">9</td>
        <td>9</td>
        <td>9</td>

    </tr>
    <tr>
        <td rowspan="4">9</td>
        <td>9</td>

    </tr>
    <tr>
        <td rowspan="4">9</td>

    </tr>
</table>