06 - table表格标签+ 行合并+列合并

简介: 06 - table表格标签+ 行合并+列合并

1、table  表格标签属性


cellspacing="0"  表格边框合并;

表格:table

     行:tr

     列:td

属性:

     border:边框

     width:宽

     height:高

     bordercolor:变宽颜色

     cellspacing:单元格与单元格之间的距离

     cellpadding:单元格与内容之间的距离

     align:水平的对齐方式,left|center|right

 

1. <table
2. 
3. border="1"
4. 
5. width="300"
6. 
7. height="200"
8. 
9. bordercolor="red"
10. 
11. cellspacing="0"
12. 
13. cellpadding="0"
14. 
15. align="center"
16. 
17. >
18. 
19. <tr>
20. 
21. <td align="center">1</td>
22. 
23. <td>2</td>
24. 
25. <td>3</td>
26. 
27. </tr>
28. 
29. <tr>
30. 
31. <td>21</td>
32. 
33. <td>22</td>
34. 
35. <td>23</td>
36. 
37. </tr>
38. 
39. </table>
40.

 

2、行合并

1. <!-- table>tr*3>td*3 -->
2. 
3. <table border="1" width="600" height="300" cellspacing="0">
4. 
5. <tr>
6. 
7. <td></td>
8. 
9. <td></td>
10. 
11. <!--
12. 
13. 表格合并:行合并(rowspan),列合并(colspan)
14. 
15. 不管是行合并还是列合并,都是给td添加
16. 
17. 如果是行合并,就删除下一行对应td
18. 
19. -->
20. 
21. <td rowspan="3"></td>
22. 
23. </tr>
24. 
25. <tr>
26. 
27. <td></td>
28. 
29. <td></td>
30. 
31. <!-- <td></td> -->
32. 
33. </tr>
34. 
35. <tr>
36. 
37. <td></td>
38. 
39. <td></td>
40. 
41. <td></td>
42. 
43. </tr>
44. 
45. </table>

 

3、列合并

1. <table border="1" width="600" height="300" cellspacing="0">
2. 
3. <tr>
4. 
5. <!--
6. 
7. 列合并:
8. 
9. 删除本行下面的td
10. 
11. <td colspan="n"></td>
12. 
13. 需要删除的就是n-1 td
14. 
15. -->
16. 
17. <td></td>
18. 
19. <td colspan="2"></td>
20. 
21. <!-- <td></td> -->
22. 
23. </tr>
24. 
25. <tr>
26. 
27. <td></td>
28. 
29. <td></td>
30. 
31. <td></td>
32. 
33. </tr>
34. 
35. <tr>
36. 
37. <td></td>
38. 
39. <td></td>
40. 
41. <td></td>
42. 
43. </tr>
44. 
45. </table>
46. 
47. 
48.


相关文章
|
10月前
|
人工智能 算法
图像伪造照妖镜!北大发布多模态LLM图像篡改检测定位框架FakeShield
北京大学研究团队提出了一种名为FakeShield的多模态框架,旨在解决图像伪造检测与定位(IFDL)中的黑箱问题及泛化能力不足。FakeShield不仅能评估图像真实性,生成篡改区域的掩码,还能提供像素级和图像级的篡改线索及详细文本描述,增强检测的可解释性。通过使用GPT-4o增强现有数据集,创建多模态篡改描述数据集(MMTD-Set),并引入领域标签引导的可解释伪造检测模块(DTE-FDM)和多模态伪造定位模块(MFLM),FakeShield在多种篡改技术的检测与定位上表现优异,为图像真实性维护提供了有力工具。
517 14
|
机器学习/深度学习 自然语言处理 搜索推荐
LangChain在个性化内容生成中的实践
【8月更文第3天】随着人工智能技术的发展,个性化内容生成已经成为许多应用的核心竞争力。LangChain 是一种开源框架,旨在简化语言模型的应用开发,尤其是针对自然语言处理任务。本文将探讨 LangChain 如何帮助开发者根据用户的偏好生成定制化的内容,从挑战到实践策略,再到具体的案例分析和技术实现。
931 1
|
Kubernetes Linux 开发工具
centos7通过kubeadm安装k8s 1.27.1版本
centos7通过kubeadm安装k8s 1.27.1版本
|
Web App开发 Windows
win 快捷键大全,虚拟窗口、桌面等操作细节,可以使界面整洁,分类工作;Chrome快捷键,都是一些开发的骚操作
这篇文章提供了Windows操作系统和Chrome浏览器的快捷键大全,以及Xshell的快捷键操作,旨在帮助用户提高工作效率和界面管理。
871 2
|
Kubernetes Nacos 微服务
nacos常见问题之v2.2.3 k8s 微服务注册nacos强制删除 pod不消失如何解决
Nacos是阿里云开源的服务发现和配置管理平台,用于构建动态微服务应用架构;本汇总针对Nacos在实际应用中用户常遇到的问题进行了归纳和解答,旨在帮助开发者和运维人员高效解决使用Nacos时的各类疑难杂症。
315 1
nacos常见问题之v2.2.3 k8s 微服务注册nacos强制删除 pod不消失如何解决
|
Java 应用服务中间件 网络安全
解决无公网IP的微信公众号开发调试问题,利用内网穿透的实践经验分享
解决无公网IP的微信公众号开发调试问题,利用内网穿透的实践经验分享
解决无公网IP的微信公众号开发调试问题,利用内网穿透的实践经验分享
|
存储 运维 安全
数据库运维之InnoDB存储引擎表损坏修复方法
InnoDB存储引擎表的损坏可能是多种因素导致的,比如服务器断电、系统崩溃、硬盘损坏、写数据过程中mysqld进程被kill掉。
1204 0
|
数据采集 移动开发 数据可视化
空间转录组|Load10X_Spatial函数修改适配多形式数据 + 空转标准流程
空间转录组|Load10X_Spatial函数修改适配多形式数据 + 空转标准流程
1051 0
|
安全 Shell 数据安全/隐私保护
pyinstaller打包exe免杀和逆向浅析(下)
pyinstaller打包exe免杀和逆向浅析
1442 0