v3_表格

建表格

<table>  <!--建表-->
        <tr>  <!--行-->
            <td>1</td>    <!--列-->
            <td>2</td>
        </tr>
    </table>      

表格table属性

• 宽度 width 高度 height
• 边框 border 边框颜色 bordercolor
• 背景颜色 bgcolor
• 水平对齐 align="left/right/center"
• cellspacing="单元格与单元格之间的间距"
• cellpadding="单元格与内容之间的空隙"

<!--width height 也支持百分比 相对于父元素的宽度百分比-->
    <table border="1" width="50%" height="100"
           align="left" bordercolor="red" bgcolor="gray" 
           cellspacing="0" cellpadding="10">      

行 tr 属性

• 高度 height
• 背景颜色 bgcolor
• 文字水平对齐align="left/right/center"
• 文字垂直对齐 valign="top/middle/bottom"

<tr height="50" bgcolor="green" align="center" valign="top"  >      

列 td 属性：与行相似，有宽度width属性

修改一个的单元格，会联动修改整列的宽度、整行的高度，不是某个单元格的变动
<td height="40"  width="150"   bgcolor="gray"  
    align="center" valign="bottom">      

表格的合并列 

• Colspan="所要合并的单元格的列数"
• Rowspan="所要合并的单元格的行数" ---合并几个跨度的行

<td colspan="2" >red</td>
<td rowspan="2">green</td>