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

上一节课我们已经讲了表格的定义方法,这一节我们来深入的讲解这一块

这里,我们来认识如何设置表格的宽度和高度,用两个单词,分别是height和width,我们可以来看看下面的代码

<table border="1" height="150" width="200">
<tr>
<td>A1</td><td colspan="2" rowspan="2">A2A3<br />B2B3</td>
</tr>
<tr>
<td>B1</td>
</tr>
</table>

这里,定义了一个宽200,高150的格子,效果如下

A1 A2A3
B2B3
B1

怎样设置A2A3和B2B3这四个居中呢,和字体的定义一样,用一个align来定义就可以,比如

<table border="1" height="150" width="200">
<tr>
<td>A1</td><td align="center" colspan="2" rowspan="2">A2A3<br />B2B3</td>
</tr>
<tr>
<td>B1</td>
</tr>
</table>

大家可以看到,在align属性这里,定义居中,就会产生如下的效果,align上次我们说了,可以定义center居中和left靠左还有right靠右这三个选项,具体复习下前面的章节,如果你已经忘了的话

A1 A2A3
B2B3
B1

这样一来,一个格子的向左向右和居中就搞定了,如果是一行呢?那样岂不是很累?每个都去加?大家要知道html是很灵活的相互崁套的代码,可以对tr标记进行定义,如下代码

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

支付宝扫一扫赞助

微信钱包扫描赞助

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

  1. avatar Jr 4

    哈哈,抢到个沙发 :grin:

    • avatar yumanutong 5

      @Jr 呵呵,好吧,谢谢哈!

评论加载中...

来自外部的引用: 1

  • 导读-HTML基础学习教程整合 | yumanutong blog

发表评论

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

图片 表情