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>