html基础学习第八节-表格的定义基础

<table border="1">

<tr>

<td>A1</td><td rowspan="2">A2<br>B2</td><td>A3</td>

</tr>

<tr>

<td>B1</td><td>B2</td><td>B3</td>

</tr>

</table>

则效果如下【看看红色部分,注意,蓝色部分是被占用的代码,所以实际上蓝色部分是不存在的,也就是不用写上蓝色部分的代码!注意,不要蓝色部分的代码!】

A1 A2
B2
A3
B1 B3

大家可以看出,这里和上面都一样,只要用一个单词定义了跨行或者跨列占了个位子,被占用的位子就可以不用定义了,因为被之前的代码定义占用了,先来后到嘛,虽然人类也许不讲究这个,但是机器是很遵守的哦!这样,大家已经知道怎么去定义一个合并行和合并列了吧?同时合并行和列,相比大家也知道了吧?如下

<table border="1">

<tr>

<td>A1</td><td rowspan="2" colspan="2">A2A3<br>B2B3</td>

</tr>

<tr>

<td>B1</td><td>B2</td><td>B3</td>

</tr>

</table>

【这里和上面的一样看看红色部分,注意,蓝色部分是被占用的代码,所以实际上蓝色部分是不存在的,也就是不用写上蓝色部分的代码!注意,不要蓝色部分的代码!】这样,就达到一个效果,这里,我们首先占用了一列,然后占用了一列的两个行,也就是占用了两行两列,所以,会如下所示

<

A1 A2A3
B2B3
B1

下面我们来看看完整的代码形式,如下,

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

支付宝扫一扫赞助

微信钱包扫描赞助

目前评论:2   其中:访客  0   博主  0

  1. avatar yumanutong 5

    不用登录就可以回帖,都没人回帖,伸手党太多了吧,汗

  2. avatar Jr 4

    我汗。。。。板凳

评论加载中...

发表评论

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

图片 表情