在mardown中对单元格进行合并

这篇博客介绍了如何在Markdown文件中通过HTML格式合并单元格,包括行合并和列合并。强调了colspan和rowspan属性在创建表格时的作用,提供了一个包含表格标题和表头的示例,并解释了如何避免合并过程中的常见问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在mrakdown文件中对单元格进行合并

一、创建表格的方法

在markdown文件中创建单元格的方式有两种:
(1)

项目  |----- | -----
project1 | value1
project2 | value2
project3 | value3
项目
project1value1
project2value2
project3value3

(2)HTML格式

<table>
	<tr>
		<th>标题一</th>
		<th>标题二</th>
		<th>标题三</th>
	<tr/>
	<tr>
		<td>行一</td>
		<td>行一</td>
		<td>行一</td>
	</tr>
		<tr>
		<td>行二</td>
		<td>行二</td>
		<td>行二</td>
	</tr>
		<tr>
		<td>行三</td>
		<td>行三</td>
		<td>行三</td>
	</tr>
</table>
标题一标题二标题三
行一行一行一
行二行二行二
行三行三行三

第一种方法中是没有办法对单元格进行操作的,所以要使用合并单元格的话,一般只能使用HTML进行编写。

二、合并单元格

学生情况表
学号姓名性别年龄籍贯班级号成绩
数学物理化学外语
6001张三19北京1582859092
6002李四20上海1590929195
6003王武18湖南1593959194
……………………………………………………
数据结构数据的逻辑关系数据元素以及数据元素之间的逻辑关系
数据的存储结构(物理结构)数据元素以及数据元素之间的关系在计算机中的存储表示
数据的运算对数据施加的操作

以这两张表格为例,进行分析,其中涉及到:

  1. 表格标题
  2. 表头
  3. 行合并
  4. 列合并

其中我们把重点放在行合并和列合并上面,其他内容只作简单讲解。

行合并

  1. 首先准备一个两行多列的表格
<table>
<caption>学生情况表</caption>
    <tr> 
    	<th>学号</th>
        <th>姓名</th>
        <th>性别</th>
        <th>年龄</th>
        <th>籍贯</th> 
        <th>班级号</th>
        <th>成绩</th>
   </tr>
   <tr> 
    	<td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
		<td>数学</td>
   		<td>物理</td>
   		<td>化学</td>
   		<td>外语</td>
   </tr>
</table>
   
学生情况表
学号姓名性别年龄籍贯班级号成绩
数学物理化学外语
  1. 设置colspan属性来达到行合并的目的。例:成绩是数学、物理、化学、外语四门学科的总合,那么成绩是四个单元格的合并,相应的把colspan设置为4。在进行这一步的前提是第二行的单元格数量一定要比第一行的多。
<th colspan="4">成绩</th>
学生情况表
学号姓名性别年龄籍贯班级号成绩
数学物理化学外语

列合并

在上一步的基础上,设置rowspan来达到目的。例:在除了成绩的列标之外,其他列标我们都需要让他们与第二行的单元格进行合并,它们是两个单元格的总合,故把rowspan设置为2。再把我们第一步中第二行插入的空白单元格删去,不然会出现“学生情况表2”的状况。

    	<th rowspan="2">学号</th>
        <th rowspan="2">姓名</th>
        <th rowspan="2">性别</th>
        <th rowspan="2">年龄</th>
        <th rowspan="2">籍贯</th> 
        <th rowspan="2">班级号</th>
学生情况表
学号姓名性别年龄籍贯班级号成绩
数学物理化学外语
学生情况表2
学号姓名性别年龄籍贯班级号成绩
数学物理化学外语

其他

  1. 示例完整代码
<table>
<caption>学生情况表</caption>
    <tr> 
    	<th rowspan="2">学号</th>
        <th rowspan="2">姓名</th>
        <th rowspan="2">性别</th>
        <th rowspan="2">年龄</th>
        <th rowspan="2">籍贯</th> 
        <th rowspan="2">班级号</th>
		<th colspan="4">成绩</th>
   </tr>
   <tr> 
		<td>数学</td>
   		<td>物理</td>
   		<td>化学</td>
   		<td>外语</td>
   </tr>
</table>
  1. 表格标题使用caption标签设置
    caption标签必须紧跟table标签之后,只能每个表格定义一个标题。通常这个标题会被居中于表格之上。
  2. 使用th标签用于定义表格的行头
  3. 合并单元格时,只需要计算需要合并多少个单元格,colspan和rowspan的值就等于计算出的结果。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值