HTML表格

表格:简单样式

    <table border="1" width="300">
    <th colspan="3">这里是表头</th>
        <tr>
            <td rowspan="2" bgcolor="red">123</td>
            <td>223</td>
            <td>323</td>
        </tr>
        <tr>
            <td>666</td>
            <td>777</td>
        </tr>
    </table>

输出样式

标签介绍:

  <table></table>声明表格

      属性:1. border=""填数字,0位虚表(无边框,多用于网站布局),其他值为实表(有边框)。

         2.cellpadding=""填数字,边距,文字到单元格的距离。

         3.cellspacing=""填数字,间距,单元格到单元格的距离。

         4.bgcolor=""背景颜色。

         5.background=""背景图像。

         6.bordercolor=""边框线颜色。

  <tr></tr>代表表格中的一行

  <td></td>:代表一行的单元格,数据、文本必须写在单元格中

      属性:1.align:设置单元格文本的水平方向的位置(填center、left、right)

         2.valign:设置单元格文本的垂直方向的位置(填middle、top、bottom)

         3.rowspan:设置单元格所跨的行数,要删除后面行中被合并的单元格

         4.colspan:设置单元格所跨的列数,要删除后面列中被合并的单元格

  <caption></caption>:设置表格的标题,必须紧跟table之后,放在th/tr之前

  <th></th>:代表表格的表头,与tr同级

 

posted @ 2017-05-08 22:14  辰小七  阅读(177)  评论(0编辑  收藏  举报