html基础学习第十节-表格定义深入讲解第二讲

大家这里可以看一下,分别这样去定义一个表格,首先,table定义一个表格框架,thead和tbody还有tfoot定义了这个表格的三个部分,比如人的头部,身体和脚,这里是标头,主体,脚注三个部分,所以写成如下

<table border="1" height="100" align="center">
<thead>
<tr>
<td>AA</td><td>AB</td>
</tr>
</thead>
<tbody>
<tr>
<td>BA</td><td>BB</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>CA</td><td>CB</td>
</tr>
</tfoot>
</table>

这里,大家可以看到如下图所示

AA AB
BA BB
CA CB

这里大家可以看出,html定义就像是盖楼一样,先打草稿,然后弄框架,然后一步一步的完善,不管写网站也好,网页设计也好,先弄个框架出来,然后我们慢慢的一步一步的优化修改,不可能从头一直到尾慢慢一个个写完了才完成框架,这不现实,其实小代码是可以的,不过这样的学习大家很难学的精,所以希望大家从外而内的,就像写字一样先外面再里面的写,明白了吧?好,上面我们定义好了一个框架,我们再来完善thead部分,tbody部分和tfoot部分内容,这里标头和脚注我不说了,来简单看看th这里的定义方法,

<table border="1" width="200" align="center">
<tr>
<th rowspan="2">A</th><td>A1</td><td>A2</td>
</tr>
<tr>
<td>A3</td><td>A4</td>
</tr>
<tr>
<th rowspan="2">B</th><td>B1</td><td>B2</td>
</tr>
<tr>
<td>B3</td><td>B4</td>
</tr>
</table>

这里定义了之后,就像下面这个表格一样,这里,th是行头,也就是一个表格的主体部分的左边这个头部,明白了吧?相当于主体部分的标题部分一个意思,呵呵

A A1 A2
A3 A4
B B1 B2
B3 B4

大家不难从这些例子中看到一些特性,这里,我们<tr>照样定义一行,在一行的开头这里本来是一个<td>我们换成了<th>来定义,也就是这是一行的行头,明白了吧?把第一个td换成th即可,其他的定义方法一样

好了,html的基础基本上都讲到这里了,可以说,html的基础都在这里了,虽然还有很多标记我没讲,不过大家知道标记如何运用就行了,以后我会讲CSS,html要和CSS一起学的,呵呵,这里前面我只是大略讲了一下基础,有空发个视频的教程出来,其实视频教程我不是没做,也做了很多,但是视频做的质量不是很好,等待后期把声音优化一下再发出来吧,因为麦克风出问题声音都变了大家也许听不清所以视频我一直没放出来,呵呵,

上面这里,大家只要记住,在<tr>前面定义起来一个<thead>,<tbody>和<tfoot>就可以把这一行或者两行定义为标头,主体或者脚注,只要把<tr>这里定义一行的第一个格子的定义从<td>改为<th>即可,呵呵,很简单吧,结合前面的大家一起练习和复习吧,以后还会更新html教程,但是基本的也在这里,以后的讲解就是深入的探讨了,呵呵

下面我们来看看这个图

您可以选择一种方式赞助本站

支付宝扫一扫赞助

微信钱包扫描赞助

目前评论:5   其中:访客  0   博主  0   引用   1

  1. avatar Jr 4

    抢到个沙发,睡觉去了

    • avatar yumanutong 5

      @Jr 额,谢谢…

  2. avatar 象牙塔 4

    坐坐板凳,睡觉去了……

    • avatar yumanutong 5

      @象牙塔 吐血啊有人放广告,我给XX了先

评论加载中...

来自外部的引用: 1

  • SDT技术网文章索引-四月份 | yumanutong blog

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

图片 表情