html 之 table 标签

废话不多说，直接进入主题

Table 双标签

         属性有：width  宽；height 高  border 边框   bgcolor    背景颜色   bordercolor  边框颜色  cellspacing 边框间距

        table  标签下面有 <caption></caption> 表头   <tr></tr>  <th></th>  <td></td>

        tr  行  我们可以设置  align 属性：left；center ；right   这是水平的。竖直的有：valign  属性：top middle；bottom

       单元格我们可以设置  合并行 和  合并列

       合并行（上下合并） rowspan 

       合并列 （左右合并） colspan

      例子：

          <table width="800" height="500" border="1" bordercolor="red" bgcolor="#ccc">
            <caption><h1>我是表头</h1></caption>
            <tr align="right">
                <th width="200" height="200">我</th>
                <th>你</th>
                <th>它</th>
                <th>他</th>
                <th>她</th>
            </tr>
            <tr>
                <td rowspan="2">111</td>
                <td colspan="2">2222</td>
                <td>333</td>
                <td>4444</td>
            </tr>
            <tr valign="top">
                <td>2</td>
                <td>333</td>
                <td>4444</td>
                <td>555</td>
            </tr>
            <tr valign="bottom">
                <td>111</td>
                <td>2222</td>
                <td>333</td>
                <td>4444</td>
                <td>555</td>
            </tr>
            <tr valign="middle">
                <td>11133</td>
                <td>2222</td>
                <td>333</td>
                <td>4444</td>
                <td>555</td>
            </tr>
            <tr>
                <td>111</td>
                <td>2222</td>
                <td>333</td>
                <td>4444</td>
                <td>555</td>
            </tr>
        </table>

效果图：