07表格

<!--
table标签的属性：
1）border:设置边框（table的边框，单元格的边框）
2) cellspacing:设置单元格间距
3) cellpadding:设置单元格内边框
4) width:表格的整体宽度，值可以使用整数（像素）或者百分数
5) align:设置表格整体页面水平方向上的位置，值：left,right,center
table标签的子元素：
1）tr:一行
   tr的子元素
       [1] td:行中的一格（单元格）
       [2] th:标题单元格
       td的属性：
       i.rowspan:跨行显示，默认值1
      ii.colspan:跨列显示，默认值1
   tr和td的通用属性
       [1]algth:单元格内容的水平显示位置，值：left,right,center
       [2]bgcolor:设置单元格的背景色
           颜色的设置方式：
                 i.颜色的单词
                 ii.直接使用色号：合适列：#000000，#ffffff
                    使用rgb体系。r-红色，g-绿，b-蓝
       [3]valgin:设置单元格的内容的垂直方向上的显示位置，值：top,bottom,middle
2)caption:表格标题
3)thead
4)tbody
5)tfoot
-->

    <table border="1" cellspacing="0" cellpadding="7" width="50%" align="center">

        <caption>用户信息列表</caption>
        <tr bgcolor="purple">
            <th>用户名</th>
            <th>性别</th>
            <th>爱好</th>
            <th>年龄</th>
        </tr>
        <tr align="center">
            <td>1</td>
            <td>2</td>
            <td bgcolor="purple">3</td>
            <td>4</td>
        </tr>
        <tr>
            <td align="center">d</td>
            <td bgcolor="#d8685d">f</td>
            <td>g</td>
            <td>t</td>
        </tr>
    </table>

    <div><hr></div>

    <table align="center" width="50%" cellspacing="0" bgcolor="#faebd7" border="0" cellpadding="10">
        <tr align="center">
            <td><input type="button" value="12:30" width=""></td>
            <td><input type="button" value="12:30" width=""></td>
            <td><input type="button" value="12:30" width=""></td>
            <td><input type="button" value="12:30" width=""></td>

        </tr>


    <tr align="center">
        <td><input type="button" value="12:30" width=""></td>
        <td><input type="button" value="12:30" width=""></td>
        <td><input type="button" value="12:30" width=""></td>
        <td><input type="button" value="12:30" width=""></td>

    </tr>


    <tr align="center">
        <td rowspan="2"><input type="button" value="12:30" width=""></td>
        <td><input type="button" value="12:30" width=""></td>
        <td><input type="button" value="12:30" width=""></td>
        <td><input type="button" value="12:30" width=""></td>

    </tr>


    <tr align="center" valign="bottom">
        <td valign="top" colspan="2"><input type="button" value="12:30" width="100"></td>
        <td><input type="button" value="12:30" width=""></td>
        <td><input type="button" value="12:30" width=""></td>
        <td><input type="button" value="12:30" width=""></td>

    </tr>
</table>