利用Markdown创建表格

2024-04-28 01:38
文章标签 markdown 创建表格

本文主要是介绍利用Markdown创建表格,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

Markdown作为一种轻量级书写/写作语言,并没有提供很好的排版、编辑等功能。因此,如果想要利用Markdown创建表格(特别是复杂表格),其实是一项不太轻松的事情。
经过笔者在简书平台上的测试与其他若干帖子的表述,Markdown应是只提供了最简单的创建表格与内容对齐方式的功能。总结而言,有如下两种最为直观的创建表格方式:

  • 简单方式

Name | Academy | score
- | :-: | -:
Harry Potter | Gryffindor| 90
Hermione Granger | Gryffindor | 100
Draco Malfoy | Slytherin | 90

NameAcademyscore
Harry PotterGryffindor90
Hermione GrangerGryffindor100
Draco MalfoySlytherin90
  • 原生方式

| Name | Academy | score |
| - | :-: | -: |
| Harry Potter | Gryffindor| 90 |
| Hermione Granger | Gryffindor | 100 |
| Draco Malfoy | Slytherin | 90 |

NameAcademyscore
Harry PotterGryffindor90
Hermione GrangerGryffindor100
Draco MalfoySlytherin90

语法说明:
1. 不管是哪种方式,第一行为表头,第二行分隔表头和主体部分,第三行开始每一行代表一个表格行;
2. 列与列之间用管道符号 “|” 隔开,原生方式的表格每一行的两边也要有管道符。
3. 可在第二行指定不同列单元格内容的对齐方式,默认为左对齐,在 “-” 右边加上 “:” 为右对齐,在 “-” 两侧同时加上 “:” 为居中对齐。

这样傻瓜的表格创建方式十分符合Markdown简小精悍的语言气质,具有上手快、即学即用的优势。但傻瓜的定义方式显然不能满足很多处女座的要求,比如
文章——“Linux备忘录-Linux中文件/文件夹按照时间顺序升序/降序排列”的表格如下:

| 参数 |详细解释|备注|
| - | - |
| -l | use a long listing format |以长列表方式显示(显示出文件/文件夹详细信息) |
| -t | sort by modification time |按照修改时间排序(默认最近被修改的文件/文件夹排在最前面) |
|-r | reverse order while sorting |逆序排列|

参数详细解释备注
-luse a long listing format以长列表方式显示(显示出文件/文件夹详细信息)
-tsort by modification time按照修改时间排序(默认最近被修改的文件/文件夹排在最前面)
-rreverse order while sorting逆序排列

单元格排列不齐整、第一列太窄而第三列略宽,如此不堪的视觉效果着实让强迫症患者们难以忍受。还好,利用HTML可以弥补Markdown这一缺陷,甚至可以在创建表格时其他诸多表现方面锦上添花。(遗憾的是笔者钟爱的简书对于HTML的支持并不全面,亲测尚不支持<table>;转战CSDN实属无奈之举,不过也要为CSDN的人性化点赞!)

  • <th>(表头)与<td>(主体内容)均支持“width = pixels”或“width = %”属性,可利用此属性调整表格单元格宽度。
参数详细解释备注
-l use a long listing format 以长列表方式显示(显示出文件/文件夹详细信息)
-t sort by modification time 按照修改时间排序(默认最近被修改的文件/文件夹排在最前面)
-r reverse order while sorting 逆序排列
  • 通过设置属性“bgcolor=color”可以调整不同单元格的背景颜色。
参数详细解释备注
-l use a long listing format 以长列表方式显示(显示出文件/文件夹详细信息)
-t sort by modification time 按照修改时间排序(默认最近被修改的文件/文件夹排在最前面)
-r reverse order while sorting 逆序排列

更多花里胡哨的功能/属性笔者不再一一赘述,按照同样的思路,只要你可以想得到,HTML的<table>基本都可满足你的需求。(顺便安利一个不错的网站:w3schools.com)

源代码:

<table><tr><th width=10%, bgcolor=yellow >参数</th><th width=40%, bgcolor=yellow>详细解释</th><th width="50%", bgcolor=yellow>备注</th></tr><tr><td bgcolor=#eeeeee> -l </td><td> use a long listing format  </td><td> 以长列表方式显示(显示出文件/文件夹详细信息)  </td></tr><tr><td bgcolor=#00FF00>-t </td><td> sort by modification time </td><td> 按照修改时间排序(默认最近被修改的文件/文件夹排在最前面) </td><tr><td bgcolor=rgb(0,10,0)>-r </td><td> reverse order while sorting </td><td>  逆序排列 </td></tr>
</table>

这篇关于利用Markdown创建表格的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/942031

相关文章

Prompt - 将图片的表格转换成Markdown

Prompt - 将图片的表格转换成Markdown 0. 引言1. 提示词2. 原始版本 0. 引言 最近尝试将图片中的表格转换成Markdown格式,需要不断条件和优化提示词。记录一下调整好的提示词,以后在继续优化迭代。 1. 提示词 英文版本: You are an AI assistant tasked with extracting the content of

【H2O2|全栈】Markdown | Md 笔记到底如何使用?【前端 · HTML前置知识】

Markdown的一些杂谈 目录 Markdown的一些杂谈 前言 准备工作 认识.Md文件 为什么使用Md? 怎么使用Md? ​编辑 怎么看别人给我的Md文件? Md文件命令 切换模式 粗体、倾斜、下划线、删除线和荧光标记 分级标题 水平线 引用 无序和有序列表 ​编辑 任务清单 插入链接和图片 内嵌代码和代码块 表格 公式 其他 源代码 预

【Markdown】如何在Markdown中合并单元格

Markdown语法本身不包含复杂表格的插入,但是可以使用html语法来实现。 水平单元格的合并:基于colspan属性,即使一个单元格占多列的空间纵向单元格的合并:基于rowspan属性,即使一个单元格占多行的空间 要想MarkDown中插入复杂表格时,可以先在word或excel中把表格写好,然后在如下网站进行转化为标记对形式: http://pressbin.com/tools/exc

【Markdown】输入空格方式

文章目录 1.nbsp2. ensp3. emsp4.thinsp5. zwnj6. zwj7. 其它 1.nbsp &nbsp;为“不换行空格”,全称“No-Break Space”,它是最常见和我们使用最多的空格,大多数的人可能只接触了 ,它是按下space键产生的空格。在HTML中,如果你用空格键产生此空格,空格是不会累加的(只算1个)。要使用html实体表示才可累加,该

好用的 Markdown 编辑器组件

ByteMD bytedance/bytemd: ByteMD v1 repository (github.com) 这里由于我的项目是 Next,所以安装 @bytemd/react, 阅读官方文档,执行命令来安装编辑器主体、以及 gfm(表格支持)插件、highlight 代码高亮插件: npm i @bytemd/reactnpm i @bytemd/plugin-highlight

CSDN的Markdown编辑器语法

这里写自定义目录标题 欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants 创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入

MWeb Pro - Mac 平台专业 Markdown 编辑器

作为 Mac 平台老牌的 Markdown 编辑器,MWeb 4 让专业写作、记笔记变得轻松自在。 兼容性更出色 开发者将此前自研的 One Markdown 整合到 MWeb 4 中,而且适配苹果 M系列芯片电脑,兼容性更加出色。 完整支持广泛使用的 CommonMark 标准和 GitHub Flavored Markdown 特性,而且在新技术加持下性能大大提升,编辑上百万字文档也

csdn,Markdown语法保存

这里写自定义目录标题 欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants 创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入

本地编写Markdown格式文件,浏览器查看

编写准备 下载VsCode并安装,打开后在内部安装Markdown All in One、Markdown Preview Enhanced、Paste Image三个插件。新建一个文件夹用以后期保存你的笔记等文件在左侧新建文件,.md结尾,即完成创建右侧可实时的查看你的编写结果,本地查看可直接使用浏览器查看,浏览器内查看时须安装MarkdownViewer插件每一种格式的下方均有解释,编辑器内

Markdown语法与Latex公式汇总

1 基本语法 1.1 标题 语法如下: 效果如下: 1.2 字体样式 语法效果普通正文字体普通正文字体*倾斜字体*倾斜字体**加粗字体**加粗字体***倾斜加粗字体***倾斜字体~~划线字体~~倾斜字体 1.3 分割线 语法如下: 效果如下: 1.4 引用 语法如下: 效果如下: 1.5 列表 有序列表 语法如下: 效果如下: 无序列表 语法如下: 效果