码迷,mamicode.com
首页 > Web开发 > 详细

HTML表格

时间:2017-05-08 23:31:23      阅读:408      评论:0      收藏:0      [点我收藏+]

标签:水平   htm   介绍   span   order   删除   enter   图像   技术分享   

表格:简单样式

    <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同级

 

HTML表格

标签:水平   htm   介绍   span   order   删除   enter   图像   技术分享   

原文地址:http://www.cnblogs.com/zc666/p/6828168.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!