表格


如上图的表格:tr 是行数,td 是单元格数,th 是标题性质的 td

确定 tr 和 td(th 同 td)的方法:

1、从上到下,最细分到几行便是几个 tr

2、如上是三种基本单元格形式。A 是基本单元格,其余的变种都是基本单元格合并而成。B 是合并上下单元格组合而成,

C 是合并左右单元格。合并后的 B 种单元格算到第二行第一个单元格中,C 种单元格算到第四行第一个单元格中(按上表

从上到下从左到右算),所以第一行 6 个 td,第二行 6 个 td,第三行 5 个 td,第四行 1 个,第五行 6 个 td,第六行 5 个 td。

合并后用 colspan 和 rowspan 来标示 B 和 C 变种单元格是横向还是纵向吃了几个单元格(算他自己)

3、第四种变种单元格是又横向又纵向合并,这个时候同时标示 rowspan 和 colspan(空格隔开)

合并后的单元格归属原则都是左上原则,即下归上,右归左,越往左上角越优先


HTML中的table可以大致分为三个部分:

  •  thead ---------表格的页眉
  •  tbody ---------表格的主体
  •  tfoot ---------定义表格的页脚

thead, tbody, tfoot 相当于三间房子,每间房子都可以用来放东西。

<tr> </tr> 这个标签就是放在三间房子里面的东西,每一个 <tr> </tr> 就是表格一行。

表格的每一行被分为一个个单元格。

每一个单元格就是用来存放数据的,这个数据分为两种:一,数据的名称;二,数据本身。

用 <th></th> 表示数据的名称(标题) ,

<td></td>

表示真正的数据内容。

一个简单实例:

出处:http://www.runoob.com/html/html-tables.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值