09 html当中的单元格与行的合并

php老师

本节课继续为大家讲解有关表格的知识。

如何在htm文档中创建表格。

表格是用 <table>标签来定义的。

表格里面有好多的行。这些行，用<tr> 标签定义，

每行又有好多单元格，我们用由 <td> 标签定义。（td是table date的缩写，也就是数据单元格的意思）。

在这些表格里面，可以用来包含：文本、段落，列表、表格、图片、水平线等等。详细内容

大家还是看教程吧！

我们来看这个代码：

1. <table border="1px" width="300px">
   
2. <tr>
   
3. <td height="150">1111</td>
   
4. <td>2222</td>
   
5. <td>3333</td>
   
6. <td rowspan="2">4444d</td>
   
7. 
   
8. </tr>
   
9. <!--第二个行-->
   
10. <tr>
    
11. 
    
12. <td height="20">a</td>
    
13. <td>b</td>
    
14. <td>c</td>
    
15. </tr>

复制代码

里面的这个是<td rowspan="2">4444d</td>

这里就表示把改行内容和第二行的下面的单元格合并。

好我们现在来看这个代码：

1. 
   
2. <table border="1px" width="300px">
   
3. <tr>
   
4. <td height="150" colspan="2">11112222</td>
   
5. <td>3333</td>
   
6. <td rowspan="2">4444d</td>
   
7. 
   
8. </tr>
   
9. <!--第二个行-->
   
10. <tr>
    
11. 
    
12. <td height="20">a</td>
    
13. <td>b</td>
    
14. <td>c</td>
    
15. </tr>
    
16. 
    
17. 
    
18. 
    
19. 
    
20. 
    
21. </table>

复制代码

这个代码：

1. <td height="150" colspan="2">11112222</td>

复制代码

可以这样先记住下 如果是 colspan="2"表示的就是和左右合并，rowspan就是竖着来合并完整代码如下：

1. <table border="1px" width="300px">
   
2. <tr>
   
3. <td height="150" colspan="2">11112222</td>
   
4. <td>3333</td>
   
5. <td rowspan="2">4444d</td>
   
6. 
   
7. </tr>
   
8. <!--第二个行-->
   
9. <tr>
   
10. 
    
11. <td height="20">a</td>
    
12. <td>b</td>
    
13. <td>c</td>
    
14. </tr>
    
15. 
    
16. 
    
17. 
    
18. 
    
19. 
    
20. </table>
    

复制代码

道勤主机提供365天*24小时全年全天无休、实时在线、零等待的售后技术支持。竭力为您免费处理您在使用道勤主机过程中所遇到的一切问题! 如果您是道勤主机用户，那么您可以通过QQ【792472177】、售后QQ【59133755】、旺旺【诠释意念】、微信：q792472177免费电话、后台提交工单这些方式联系道勤主机客服！ 如果您不是我们的客户也没问题，点击页面最右边的企业QQ在线咨询图标联系我们并购买后，我们为您免费进行无缝搬家服务，让您享受网站零访问延迟的迁移到道勤主机的服务！