csdn MarkDown 绘制表格

最新推荐文章于 2024-05-26 09:37:25 发布
最新推荐文章于 2024-05-26 09:37:25 发布
阅读量2.6k 收藏 26
点赞数 12
分类专栏： markdown 文章标签： markdown

方法1：

<table class="table table-bordered table-striped table-condensed">  
    <tr>  
        <td>北京</td>  
    <td>雾霾</td>  
    </tr>  
    <tr>  
        <td>深圳</td>  
    <td>暴雨</td>  
    </tr>  
</table>
北京雾霾
深圳暴雨

方法2：

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

方法3：

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. 可在第二行指定不同列单元格内容的对齐方式，默认为左对齐，在 “-” 右边加上 “:” 为右对齐，在 “-” 两侧同时加上 “:” 为居中对齐。
单元格排列不齐整、第一列太窄而第三列略宽，如此不堪的视觉效果着实让强迫症患者们难以忍受。还好，利用HTML可以弥补Markdown这一缺陷，甚至可以在创建表格时其他诸多表现方面锦上添花。（遗憾的是笔者钟爱的简书对于HTML的支持并不全面，亲测尚不支持

；)

（表头）与（主体内容）均支持“width = pixels”或“width = %”属性，可利用此属性调整表格单元格宽度。
通过设置属性“bgcolor=color”可以调整不同单元格的背景颜色。

更多花里胡哨的功能/属性笔者不再一一赘述，按照同样的思路，只要你可以想得到，HTML的

基本都可满足你的需求

方法4

学号|姓名|分数
-|-|-
小明|男|75
小红|女|79
小陆|男|92
学号姓名分数
小明男75
小红女79
小陆男92

语法说明：

不管是哪种方式，第一行为表头，第二行分隔表头和主体部分，第三行开始每一行为一个表格行。
列于列之间用管道符|隔开。原生方式的表格每一行的两边也要有管道符。
第二行还可以为不同的列指定对齐方向。默认为左对齐，在-右边加上:就右对齐。
代码：

产品|价格
-|-:
Leanote 高级账号|60元/年
Leanote 超级账号|120元/年
产品价格
Leanote 高级账号60元/年
Leanote 超级账号120元/年
<table>
    <tr>
        <th rowspan="2">值班人员</th>
        <th>星期一</th>
        <th>星期二</th>
        <th>星期三</th>
    </tr>
    <tr>
        <td>李强</td>
        <td>张明</td>
        <td>王平</td>
    </tr>
</table>
值班人员星期一星期二星期三
李强张明王平

方法5：

我们用markdwon自带的语法实现上面中的表格效果:

|id|name|
|:-|:-|
|1|A1|
|2|A2|
|3|A3|
idname
1A1
2A2
3A3

对其方式调整

更难能可贵的是，markdown表格的对其方式调整也简单。细心的读者可能发现了，在上述代码的第二行中有个神秘符号:，它表示的就是对其方式，也可以理解对其的方法，比如:在-的左边表示左对齐。

对其规则：

- 默认左对齐 
:- 左对齐 
-:右对齐 
:-:居中

列宽度调整
-表示列的宽度权重，比如如下，–、-，表示第一列的宽度是第二列的俩倍：

|id|name|
|:--|:-|
|1|A1|
idname
1A1

需要注意的是，有些markdwon编辑器并不能解析这个语法，也就是说，所有列的宽度都是一样的。

合并行

  HTML代码：
  

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

显示效果：

列一列一
合并行
合并行

2.2合并列

HTML代码：

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

2.3合并行列

HTML代码：

<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>
列一列二
合并行
列一列二
合并列行二列二
行三列二

智能卡指令模式1：

取随机数：
代码|值|值
:-|:----|
CLA|00|00
INS|84|84
P1|00|00
P2|00|00
Lc|不存在
Data|不存在
Le|要读取数据的长度|04

取随机数：

代码值值
CLA0000
INS8484
P10000
P20000
Lc不存在
Data不存在
Le要读取数据的长度04

智能卡指令模式2：

<table>

    <tr>

        <td>代码</td> 

        <td>值</td> 

   </tr>

    <tr>

        <td>CLA</td> 

        <td>80/84</td> 

   </tr>

    <tr>

        <td>INS</td> 

        <td>D4</td>         

   </tr>      

    <tr>

        <td rowspan="2">P1</td>    

        <td >表示此条WRITE KEY命令用来添加密钥</td>  

    </tr>   

     <tr>

        <td>表示此条WRITE KEY命令用来更新P1中指定类型的密钥</td> 

   </tr>   

    <tr>

        <td>P2</td> 

        <td>密钥标识</td> 

   </tr>      

    <tr>

        <td>Lc</td> 

        <td rowspan="2">见命令报文数据域</td> 

   </tr>         

    <tr>

        <td>Data</td>    

   </tr>        

    <tr>

        <td>Le</td> 

        <td>不存在</td> 

   </tr>           

</table>
代码值
CLA80/84
INSD4
P1表示此条WRITE KEY命令用来添加密钥
表示此条WRITE KEY命令用来更新P1中指定类型的密钥
P2密钥标识
Lc见命令报文数据域
Data
Le不存在

颜色：

<font color=#ff00ff size=5>cbInQue</font> 
<font color=#ff0000 size=4>
串口接收缓冲区的字节数，它们还没有来得及被ReadFile操作读走
</font>

cbInQue

串口接收缓冲区的字节数，它们还没有来得及被ReadFile操作读走

wowocpp
关注
  • 12
    点赞
  • 踩
  • 26
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
markdowntable - JSON 转 Markdown 表格的工具
蛮吉是魁拔的博客
08-24 1310
markdowntable - JSON 转 Markdown 表格的工具 目录 文章目录markdowntable - JSON 转 Markdown 表格的工具1. 使用方法2. 如何设置字段的内容？2.1 以字符串结尾2.2 以特定结构结尾3. 例子 1. 使用方法 ./markdowntable [-in jsonFilePath] [-out markdownFilePath] 选项： in: 输入JSON 文件，默认 "./info.json" out: 输出 markdown 文
Markdown表格——复杂表格
dream_summer的博客
12-07 5万+
markdown 中的表格样式设置
Markdown绘制表格
FisrtBqy的博客
03-20 3万+
Markdown绘制表格 正常markdown语法： | 表头 | 表头 | 表头 | | -------- | -------- | -------- | | 行1，列1 | 行1，列2 | 行1，列3 | | 行2，列1 | 行2，列2 | 行2，列3 | | 行3，列1 | 行3，列2 | 行3，列3 | 效果图： 表头 表头 表头 行1，列1 行1，列2 行1，列3 行2，列1 行2，列2 行2，列3 行3，列1 行3，列2 行3，列3 但是无法
强力推荐：Markdown表格生成神器——markdown-table
gitblog_00041的博客
05-26 551
强力推荐：Markdown表格生成神器——markdown-table 项目地址:https://gitcode.com/wooorm/markdown-table 项目介绍 在Markdown文档中，创建和维护表格是一项常见的任务。markdown-table 是一个轻量级的开源工具，能够帮助您轻松地将数据转化为符合GitHub Flavored Markdown (GFM)规范的表格。 项目技...
Markdown之表格table的处理
itmyhome的专栏
03-07 2万+
发现table加了个class属性，如果只是table标签 将不起作用。 table-bordered：带圆角边框和竖线 table-striped：奇偶行颜色不同 table-condensed：压缩行距 除了以上另外还有其他可供选择： 1、如果需要表头跟内容不一样，可以将<td>表头内容</td>换成<th>表头内容</th>。 2、如果表格内文需要换行，可以在要换行的内容后加入<br>，后面的内容就会跑到下一行。 3、如果内文中有代码，需要特别显示，可使用：<code>代码</code>。 4、如果
Markdown--表格语法
Jensen Lee的博客
04-10 6375
1.表格语法： | 标题 | 标题 | 标题 | | ---- | ---- | ---- | | 文本 | 文本 | 文本 | | 文本 | 文本 | 文本 | 示例： 标题 标题 标题 文本 文本 文本 文本 文本 文本 Markdown 单元格对齐方式默认居中。 2.对齐方式设置： 居中，左对齐，右对齐。 示例： 标题 标题 标题 文本 文本 文本 ...
Markdown (CSDN) MD编辑器（四）- 漂亮表格(表格背景色、跨行、跨列、多行)
wkd_007的博客
04-28 2万+
markdown的表格语法简单，功能也简单，有时表格需要设置背景色、跨行、跨列，markdown支持内嵌HTML的语法，所以可以用 HTML 表格来实现这样的需求。
java markdown excel_【markdown技巧】- 快速生成表格（table）样式
weixin_39593340的博客
03-02 531
1.表格样式编辑表格在markdown里面有两种办法，一个是利用markdown默认支持的语法，即：---- 和 | 等符号相结合。例如：dog | bird | cat----|------|----foo | foo | foobar | bar | barbaz | baz | baz得到样式如图：这一类的排版说实话很难用，曾经试图编辑一个下载历史表格然后就跪了。2.使用table...
Markdown使用table标签创建表格的问题
#include
12-10 3936
使用Markdown写东西有时需要插入表格，方式有两种： 1.使用Markdown的表格语法 2.使用html的<table>标签来创建表格 但是某些Markdown编辑器中使用<table>标签会出现表格前有空行的情况。
Markdown格式进阶之表格：合并单元格、颜色修改以及其他
懒得写
04-17 1万+
保姆级教程。虽然要用点HTML但语句很简单，我毫无代码基础都能会。
markdown-table：Markdown表，具有对齐方式
02-04
降价表 生成花式表。 安装 ： npm install markdown-table 利用 典型用法（默认为左对齐）： var table = require ( 'markdown-table' ) table ( [ [ 'Branch' , 'Commit' ] , [ 'main' , '0123456789abcdef' ] , [ 'staging' , 'fedcba9876543210' ] ] ) 产量： | Branch | Commit | | ------- | ---------------- | | main |
markdown table语法
weixin_33794672的博客
08-08 1065
普通的表格 | 一个普通标题 | 一个普通标题 | 一个普通标题 | | ------ | ------ | ------ | | 短文本 | 中等文本 | 稍微长一点的文本 | | 稍微长一点的文本 | 短文本 | 中等文本 | 一个普通标题 一个普通标题 一个普通标题 短文本 中等文本 稍微长一点的文本 稍微长一点的文本 短文本 中等文本 设置内容对齐 | 左对齐标题 ...
解决 django-markdown的table样式问题
CarveStone的博客
01-11 479
问题描述 写入的表格式 markdown 渲染后的效果 表的 html 结构 这是插入代码生成的 html 现在生成的 table 是没有类名的，如果直接给 table 加样式会影响到插入代码的样式。 解决方法： 使用像代码块那样的方法生成<pre><code></code></pre>把代码包起来 更改markdown扩展（此方法未解决） 使用 js 找到 table ,用 div 把表格包起来 <script> [].s
md(markdown)文件table表中换行、竖线|转义
请叫我大师兄
01-06 6962
在md中创建表格，会遇到表格内容需要有竖线，这个竖线会个table的竖线冲突，还有就是表格太小，希望可以手动安排换行。 1，竖线的不冲突解决方法：把竖线| 替换成 &#124; 2，table表格中实现手动换行，使用 <br> 下面是效果展示图 ...
markdown表格（合并问题）
frighting_ing的博客
08-15 4545
markdown的表格功能有待完善，主要是html中Table完成表格合并 1.markdown自带表格 | 第一列 | 第二列 | |----------|----------| | (2,1) | (2,2) | | (3,1) | (3,2) | 效果如下： 第一列 第二列 (2,1) (2,2) (3,1) (3,2) 2.html实现表格功能（合并行） <table> <tr> <td>第一列&
csdn写文章自定义表格怎么做
Champion-Dai
03-04 1030
CSDN创作中，如何通过md语法进行自定义表格
利用Markdown创建表格
热门推荐
tuxingchen6的博客
02-15 11万+
Markdown作为一种轻量级书写/写作语言，并没有提供很好的排版、编辑等功能。因此，如果想要利用Markdown创建表格（特别是复杂表格），其实是一项不太轻松的事情。 经过笔者在简书平台上的测试与其他若干帖子的表述，Markdown应是只提供了最简单的创建表格与内容对齐方式的功能。总结而言，有如下两种最为直观的创建表格方式： 简单方式 Name | Academy | score - |
修改Markdown表格宽度,去掉Markdown表格头加粗效果.
靑い空゛
07-04 2万+
修改Markdown表格宽度,去掉Markdown表格头加粗效果. 最近整理函数的时候使用Markdown制作表格,但是发现表格的头行总是加粗的,看着很不愉快,  哎,没办法只好把描述放在头行忍忍, 但是导出来html格式浏览器一打开,长短还不一,这个没法忍了. 于是找了一种方法修改,这个方法通过修改markdown导出来的HTML实现.  HTML语法中的表格格式是这样子的: ...
CSDN Markdown
最新发布
05-27
CSDN Markdown是CSDN博客平台提供的一种轻量级标记语言，它支持快速排版和格式化，方便开发者在博客中添加代码、图片、链接等内容。CSDN Markdown采用类似于HTML的标记语言，但比HTML更简洁、易读、易写，不需要掌握...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值