Markdown表格的使用

Markdown表格的使用

Markdown表格的使用👈点击这里也可查看

前言

表格通常作为一种布局的形式,用于结构化的数据展示。

Markdown表格包含三个部分:表头,分割线,数据。

  • 表头用来对列名对象进行描述,也就是通常所说的列名。
  • 数据用来展示每行的具体内容,数据是表格的核心。
  • 分割线用来区分表头和数据,也是Markdown中表格定义的最基本语法要求。

语法详解

定义表格

Markdown表格由「竖线 |」、「减号 -」、「冒号 :」三种符号组成。

  • 竖线用来定义列,每两个竖线之间为一个单元格元素。
  • 减号用来定义分割线,也就是分割表头和数据体。
  • 冒号配合减号使用,用于定义列数据的对齐属性。

我们先假定一组表格数据:

复制代码
学号  姓名
1       张三
2       李四
3       王五

这其中,第一行 "学号" 和 "姓名" 就是表格的表头,"1"、"2"、"3","张三"、"李四",这些都属于数据体,我们可以用以下方式展示表格内容。
实例一:

代码:

复制代码
|学号|姓名|
|----|----|
|1|张三|
|2|李四|
|3|王五|

注意竖线和竖线之间的减号数量可以自定义,数量为大于等于1
渲染:

学号 姓名
1 张三
2 李四
3 王五

设定表格列内容的对齐方式

在分割线上使用:冒号,可以定义列内容的对齐方式
实例二:

代码:

复制代码
|左对齐|居中对齐|右对齐|
|:--|:--:|--:|
|1|张三|17岁|
|2|李四|18岁|
|3|王五|19岁|

:--左侧冒号代表左对齐
--:右侧冒号代表右对齐
:--:左侧右侧都有冒号代表居中对齐
渲染:

左对齐 居中对齐 右对齐
1 张三 17岁
2 李四 18岁
3 王五 19岁

使用场景及实例

表格在文章中多用于展示数据或者计划,例如数据库设计文档中,对于Table内容的展示,或者课程表等等。

实例三:

一张小学生的课程表

代码:

复制代码
| |周一|周二|周三|周四|周五|
|--:|---|---|---|---|---|
|1|数学|英语|数学|语文|品德|
|2|美术|数学|品德|数学|语文|
|3|品德|品德|语文|体育|数学|
|4|语文|音乐|体育|品德|美术|
|||||||
|5|数学|英语|语文|数学|语文|
|6|品德|数学|美术|劳动|活动|

渲染:

周一 周二 周三 周四 周五
1 数学 英语 数学 语文 品德
2 美术 数学 品德 数学 语文
3 品德 品德 语文 体育 数学
4 语文 音乐 体育 品德 美术
5 数学 英语 语文 数学 语文
6 品德 数学 美术 劳动 活动

小结

  • 数据表格使用|,-,:,三种符号定义,包含表头,分割线,数据三部分
  • 数据表格必须包含表头和分割线,否则无法渲染成功
  • 数据表格转化失败通常用于表头和分割线的数量不相等所导致,所以在遇到问题时,请首先检查单元格数量是否匹配。
  • Markdown中的表格的原生支持只有固定格式,无法支持复杂格式,如果需要定义复杂的表格效果,请使用html的<Table>标签实现

如果对您有帮助,请您点赞、收藏、关注、转发,让更多的人看到。

其他文章

点击此处查看

👉Markdown语法字体字号讲解

👉Markdown如何填充前景色、背景色

👉Markdown代码块,超链接,图片的插入

👉Markdown如何添加任务列表-复选框的添加

👉Markdown中特殊符号的使用

👉Markdown实现代码高亮,注释代码

👉Markdown注释的用法

快来试试吧

相关推荐
HBR666_8 小时前
marked库(高效将 Markdown 转换为 HTML 的利器)
前端·markdown
m0_738355693 天前
Markdown 和 Microsoft Word对比
markdown
17岁boy想当攻城狮4 天前
在Git仓库的Readme上增加目录页
git·markdown
winfredzhang4 天前
将 Markdown 表格结构转换为Excel 文件
python·excel·markdown
Enjoy灬Lonly8 天前
好用的Markdown阅读编辑器Typora破解记录
编辑器·typora·markdown·阅读器
kobe081810 天前
deepseek+在线markdown生成pdf文件
pdf·markdown·deepseek
一只会铲史的猫17 天前
一款HTML转Markdown格式的工具
agent·markdown·dom
严老湿20 天前
使用 Cursor 帮我量身打造了一款 MarkDown To 公众号的桌面端应用(开源)
markdown
折枝寄北25 天前
CSDN博客:Markdown编辑语法教程总结教程(中)
markdown·使用教程
残轩1 个月前
用Gitee+Typora轻松打造自己专属的私有云笔记
git·markdown