目录

  • 一、基础样式
  • 二、居左居中居右
  • 三、单元格中带有竖线 |
  • 四、斜体、粗体
  • 五、表格内换行
  • 六、合并单元格
    • 1、基础的HTML表格
    • 2、合并行
    • 3、合并列
    • 4、合并行列
  • 七、Excel转HTML

一、基础样式

示例一

|显示效果|代码|
|--|--|
| $a+b$ | `$a+b$` |
|$a-b$| `$a-b$` |
|$a*b$|`$a*b$`|
| $a/b$ | `$a/b$` |
| $\frac{a}{b}$ | `$\frac{a}{b}$` |
显示效果 代码
a+ba+ba+b $a+b$
a−ba-ba−b $a-b$
a∗ba*ba∗b $a*b$
a/ba/ba/b $a/b$
ab\frac{a}{b}ba​ $\frac{a}{b}$

示例二

| 姓名 | 性别 | 年龄 |
|--|--|--|
| 许七安 | 男 | 20 |
| 许新年 | 男 | 18 |
| 怀庆 | 女 | 19 |
| 临安 | 女 | 18 |
姓名 性别 年龄
许七安 20
许新年 18
怀庆 19
临安 18

二、居左居中居右

示例一

| Column1 | Column2 | Column3 |
|:--|--|--:|
| 文本居左 | 文本居中 | 文本居右 |
Column1 Column2 Column3
文本居左 文本居中 文本居右

示例二

| Column1 | Column2 | Column3 |
|:--|:--:|--:|
| 文本居左 | 文本居中 | 文本居右 |
Column1 Column2 Column3
文本居左 文本居中 文本居右

三、单元格中带有竖线 |

单元格中的||表示,结果会自动转化为|

项目 | Value
-- | --
电脑|平板  | $1600
手机 | $12
导管 | $1
项目 Value
电脑|平板 $1600
手机 $12
导管 $1

四、斜体、粗体

斜体:内容两侧各加一个下划线,例如,_内容_
粗体:内容两侧各加两个下划线,例如,__内容__

项目  | Value
-- | --
电脑  | $1600
_手机_  | $12
__导管__   | $1
项目 Value
电脑 $1600
手机 $12
导管 $1

五、表格内换行

使用HTML标签<br>

项目 | Value
-- | --
电脑  | 一行<br>二行
项目 Value
电脑 一行
二行

六、合并单元格

Markdown没有单元格合并语法,但是Markdown是兼容HTML的,因此,我们可以通过HTML实现单元格合并。

1、基础的HTML表格

<tr> </tr>标签之间为一行,<td> </td>标签之间为一列。

<table><tr><td>行1列1</td> <td>行1列2</td> <td>行1列3</td> </tr><tr><td>行2列1</td> <td>行2列2</td> <td>行2列3</td> </tr><tr><td>行3列1</td> <td>行3列2</td> <td>行3列3</td> </tr>
</table>
行1列1 行1列2 行1列3
行2列1 行2列2 行2列3
行3列1 行3列2 行3列3

2、合并行

colspan:规定单元格可纵跨的列数,即跨几列来合并行。

要注意要少写几个<td>标签,如下所示,共三列,其中第二行合并第二列和第三列,只需要在前面再写一列即可,第三行跨三列,即已包括三列,不需要再写<td>

<table><tr><td>行/列</td> <td>列2</td> <td>列3</td> </tr><tr><td>行2列1</td> <td colspan="2">跨两列合并行</td>    </tr><tr><td colspan="3">跨三列合并行</td>    </tr>
</table>
行/列 列2 列3
行2列1 跨两列合并行
跨三列合并行

如果colspan的列数没有写对,则表格是不完整的,如下所示:

<table><tr><td>行/列</td> <td>列2</td> <td>列3</td> </tr><tr><td>行2列1</td> <td colspan="2">跨两列合并行</td>    </tr><tr><td colspan="2">跨三列合并行</td>    </tr>
</table>
行/列 列2 列3
行2列1 跨两列合并行
跨三列合并行

3、合并列

rowspan:规定单元格可横跨的行数,跨几行来合并列。

如下所示,在第一列合并了第二三行,则在第二行写合并,第三行就不用再写第一列了。

<table><tr><td>行1列1</td> <td>行1列2</td> <td>行1列3</td> </tr><tr><td rowspan="2">合并两列</td>    <td>行2列2</td> <td>行2列3</td> </tr><tr><td>行3列2</td> <td>行3列3</td>    </tr>
</table>
行1列1 行1列2 行1列3
合并两列 行2列2 行2列3
行3列2 行3列3

4、合并行列

<table><tr><td>列一</td> <td>列二</td> </tr><tr><td colspan="2">合并行</td>    </tr><tr><td>列一</td> <td>列二</td> </tr><tr><td rowspan="2">合并列</td>    <td >行二列二</td>  </tr><tr><td >行三列二</td>  </tr>
</table>
列一 列二
合并行
列一 列二
合并列 行二列二
行三列二

七、Excel转HTML

如果已有Excel表,可以使用Markdown语言编辑出对应的Excel表,但是,复杂的表格就比较麻烦了。如果表格做成只读形式,可以使用下面的方式来显示。

(1)准备好要处理的Excel表格

(2)另存为html格式,生成了一个文件夹和一个htm文件


(3)使用浏览器打开htm文件,右键查看页面源代码,注意左下角,如果有多个工作表,需要切换到想要查看的sheet

发现使用了框架,我们应该查看框架源代码

(4)查看框架源代码

(5)找到<table> </table>标签下的内容,复制到Markdown编辑器内,删除一些多余的东西,即可将Excel表格转换为Markdown。

<table border=0 cellpadding=0 cellspacing=0 width=207 style='border-collapse:collapse;table-layout:fixed;width:156pt'><col width=69 span=3 style='width:52pt'><tr height=19 style='height:14.0pt'><td height=19 width=69 style='height:14.0pt;width:52pt'></td><td width=69 style='width:52pt'>方法</td><td width=69 style='width:52pt'>描述</td></tr><tr height=19 style='height:14.0pt'><td height=19 align=right style='height:14.0pt'>1</td><td>方法1</td><td>描述1</td></tr><tr height=19 style='height:14.0pt'><td height=19 align=right style='height:14.0pt'>2</td><td>方法2</td><td>描述2</td></tr><tr height=19 style='height:14.0pt'><td height=19 align=right style='height:14.0pt'>3</td><td>方法3</td><td>描述3</td></tr><tr height=19 style='height:14.0pt'><td height=19 align=right style='height:14.0pt'>4</td><td>方法4</td><td>描述4</td></tr>
</table>
方法 描述
1 方法1 描述1
2 方法2 描述2
3 方法3 描述3
4 方法4 描述4

(6)在生成的文件夹中,有所有的代码,包括框架源码和样式,其中sheet001.htm是工作表一的内容,sheet002.htm是工作表二的内容


(7)直接用记事本打开sheet001.htm文件,找到<table> </table>标签内容

转载自:
Markdown表格——复杂表格

Markdown表格——在CSDN上画表格相关推荐

  1. 怎么用python做表格-怎么用python画表格?

    Python通过prettytable模块将输出内容如表格方式整齐输出,python本身并不内置,需要独立安装该第三方库. 在cmd中使用下面的命令即可安装:pip install PrettyTab ...

  2. 动态规划走楼梯_动态规划问题为什么要画表格?

    ❝ 本文是我的 91 算法第一期的部分讲义内容.91 算法第一期已经接近尾声,二期的具体时间关注我的公众号即可,一旦开放,会第一时间在公众号<力扣加加>通知大家. ❞ 动态规划可以理解为是 ...

  3. 在 MarkDown 中添加表格(例如:在 CSDN 中添加表格)

    内容 一.使用 Markdown 创建表格(例如:在 CSDN 中创建表格) 1. 表格格式 对齐方式 -: 设置内容和标题栏居右对齐: :- 设置内容和标题栏居左对齐: :-: 设置内容和标题栏居中 ...

  4. python爬取csdn上的包含整人关键词的阅读量并且存入表格里。完整代码

    请注意,爬取他人网站的数据可能违反网站的条款和条件.在进行爬虫操作之前,请确保获得网站的授权. 下面是一个使用 Python 爬取 CSDN 上所有包含 "整人" 关键词文章的阅读 ...

  5. html表格上只有竖边框,html中画表格让表格只有横边框没有竖边框.doc

    test { } table.tab td {height:30px; border-bottom:2px solid #6AB2E7; border-left:0px ;border-right:0 ...

  6. Markdown学习之(2)-绘制表格和流程图

    MarkDown表格 + 流程图绘制 表格绘制 在Markdown上写一个表格真是让人头疼的事情,写的不流畅还要担心格式.我为大家总结了以下三种方法,前两种大家或许司空见惯了,第三种是神器... 一. ...

  7. matlab绘图 excel,『在matlab上如何导入excel表格然后画图』excle表格如何使用绘图笔...

    excel怎样在绘制图形中加入文字 1.在excel表制图形中加入文以添加文字,首先绘制图形,图形绘制好图形,并选择"编辑文字",输入文字即可. 1.1插入图形, 1.2,选择所需 ...

  8. 国产力作:全新Excel平台,画表格搭建软件,Access用户:告别VBA

    全新Excel平台,功能强大到离谱? 最近,发现了一款新型的软件,而且还是国产的,功能超级强大,用法却很简单.就是感觉非常的厉害! 一款全新的Excel平台,但是却跟Excel没有任何联系,也不是国外 ...

  9. python matlabplot画表格_matplotlib-绘制精美图表

    matplotlib-绘制精美图表 matplotlib是一个在python下实现的类matlib的纯python的三方库,旨在用python实现matlab的功能,是python下最出色的会图库,功 ...

  10. java如何画出表格_Java利用iText7画个性化表格

    Java利用iText7画个性化表格 Java利用iText7画个性化表格 有时PDF中会出现非传统等行等列表格,下面介绍如何画个性化表格 (需要安装iText7插件哦)(官网http://devel ...

最新文章

  1. zookeeper for mac安装
  2. 从godaddy转出域名
  3. 【uniapp】swiper 自定义轮播图指示点
  4. 《进化——我们在互联网上奋斗的故事》一一1.1 靠谱工程师向管理者的转变...
  5. 第三次学JAVA再学不好就吃翔(part53)--StringBuffer类的构造方法
  6. Zookeeper 辅助 API
  7. [渝粤教育] 四川大学 新生研讨课 参考 资料
  8. 斯托克斯公式与一些概念
  9. 好大一个家 陈佩斯
  10. Dynamics crm2013 IFD部署后启用多组织
  11. 微信小程序开发(4)--发布评论
  12. mysql物理删除索引_mysql创建索引,mysql索引优化,mysql索引创建删除
  13. 使用CH341 I2C连接北醒TF系列I2C模式 Python例程
  14. 论文Makeup Like a Superstar: Deep Localized Makeup Transfer Network(2016,妆容迁移,基于数据库匹配)
  15. 51单片机五层电梯控制器 基于51单片机的五层电梯控制系统
  16. selenium爬取墨迹天气
  17. vscode下载慢换源提速解决
  18. Effictive STL读书笔记
  19. 基于ArcGIS的Python编程秘笈笔记(三):自动化地图制图和打印
  20. 小视频源码炙手可热的秘密,短视频行业先驱者们给我们留下启示...

热门文章

  1. 音乐节拍自动标记插件 BeatEdit 2 for Pr
  2. PCB走线电感、导线电感、过孔电感 计算公式
  3. 前端工程师应该懂的ps基本操作
  4. 迭代扩展卡尔曼滤波IEKF
  5. 微信小程序多音频场景处理
  6. unity3d游戏开发之简单的透明shader技能培训
  7. 自动控制原理_卢京潮_自动控制一般概念及数学模型_学习笔记
  8. python--mysql创建数据库
  9. 无痛学习ISAC(三)
  10. minimax算法和Alpha-Beta pruning实现英式跳棋