table的合并及各元素的属性
表格由 <table> 标签来定义。每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义)注意<td>是行<tr>里的列下面介绍一下table中各元素的属性:
1.<table>:定义表格
2.<th>:表格中的表头
3.<tr>:定义表格的行
4.<td>定义表格的单元即行里的列
5.cellspacing:设置单元格的距离
6.cellpadding:设置内容到单元格距离
7.colspan:在行里合并列
8.rowspan:在列里合并行
举例说明一下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<table border="1px" bordercolor="red" cellspacing="20px" cellpadding="20px">
<tr><th colspan="2">表头</th></tr>
<tr>
<td colspan="2">张一</td>
<!--<td>21</td>-->
</tr>
<tr>
<td rowspan="2">张二</td>
<td>22</td>
</tr>
<tr>
<td>张三</td>
<!--<td>23</td>-->
</tr>
</table>
</body>
</html>
可以将备注的内容取消备注看一下效果
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 单线程的Redis速度为什么快?
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 展开说说关于C#中ORM框架的用法!