Markdown使用笔记(三)——进阶之表格

文章目录

    • Markdown中的表格
      • 1. 原生表格样式
      • 2. 使用HTML?
      • 3、使用excell导出HTML---->Markdown显示?
      • 4、在线表格转换工具(将表格转换为markdown代码)

Markdown中的表格

我个人很少在Markdown中使用表格来记录,因为记笔记需要非常高效,而我感觉使用markdown中的语法来写一遍效率不高(个人操作不太熟练的原因吧!)

1. 原生表格样式

常规的用法如下,使用竖线作为每一栏的分割线,第一行为表头,第二行可以设置格式

-: 设置内容和标题栏居右对齐
:- 设置内容和标题栏居左对齐
:-: 设置内容和标题栏居居中对齐

使用一下巨人中的人物信息作为例子:
    | 人物       | 性别    |  经典 |
    | --------   | -----:   | :----: |
    | 艾伦.耶格尔 | 男  | "弱小就只能哭泣吗?"    |
    | 三笠·阿克曼 | 女  | “这个世界是如此的残酷,却又如此的美丽。“  |
    | 阿明·阿诺德 | 男  | “只是我自己...这样擅自认为而已!”  |
人物 性别 经典
艾伦.耶格尔 “弱小就只能哭泣吗?”
三笠·阿克曼 “这个世界是如此的残酷,却又如此的美丽。“
阿明·阿诺德 “只是我自己…这样擅自认为而已!”

2. 使用HTML?

对于熟悉网页设计的人来说设置一个表格比较简单,HTML中常用的表格语句在Markdown中仍然适用,主要就是

这几对标签的组合使用。
需要了解表单HTML的基础知识的可以看看W3school的HTML 表格

使用HTML设计的表格可以改变其中表格的很多设置,使得表单变得更好看

人物 性别 经典语录
艾伦.耶格尔 "弱小就只能哭泣吗?"
三笠·阿克曼 “这个世界是如此的残酷,却又如此的美丽。“
阿明·阿诺德 “只是我自己...这样擅自认为而已!”

我发现一个特别奇怪的现象:在CSDN中似乎只有td标签可以使用bgcolor来改变颜色,所以上面的代码需要改变颜色的话,可以将变为标签试一下

  • 可使用常规的width等属性来改变单元格的长度
  • 使用colspan设置相同的值来合并格子(这两个td和th都可以用)

改变颜色的例子:
代码:

人物 性别 经典语录
艾伦.耶格尔 "弱小就只能哭泣吗?"
三笠·阿克曼 “这个世界是如此的残酷,却又如此的美丽。“
阿明·阿诺德 “只是我自己...这样擅自认为而已!”

效果:

人物 性别 经典语录
艾伦.耶格尔 "弱小就只能哭泣吗?"
三笠·阿克曼 “这个世界是如此的残酷,却又如此的美丽。“
阿明·阿诺德 “只是我自己...这样擅自认为而已!”

合并例子
代码:

人物 性别 经典语录
艾伦.耶格尔 "弱小就只能哭泣吗?"
三笠·阿克曼 “这个世界是如此的残酷,却又如此的美丽。“
阿明·阿诺德 “只是我自己...这样擅自认为而已!”

效果:

人物 性别 经典语录
艾伦.耶格尔 "弱小就只能哭泣吗?"
三笠·阿克曼 “这个世界是如此的残酷,却又如此的美丽。“
阿明·阿诺德 “只是我自己...这样擅自认为而已!”

3、使用excell导出HTML---->Markdown显示?

这是什么骚操作??我没用过!
如果有人感兴趣的话可以参考一下markdown中编辑复杂表格(这个是介绍将excell文件转换为html格式然后直接使用html代码的方案)然后如果另一个可以参考Markdown 快速生成表格(据说是下载一个软件可以快速转换表格)

我个人没用过这种方法的主要原因是感觉太麻烦了,对于markdown我主要是用于记笔记和写博客等,暂时还用不到特别复杂的表格,如果真的是特别复杂的表格使用专门的表格生成软件应该更简单。


4、在线表格转换工具(将表格转换为markdown代码)

https://tableconvert.com/(我打开非常慢,不清楚是网速还是需要搭梯子的原因)
https://json.im/tableConvert/(速度很快,操作也比较简单)
https://tool.lu/tables/ (我看见在这个网站的下方有人说第一个网站↑比较好,不敢说不敢问hhh)


没什么总结的。。日常放毒(雾岛董香——东京喰种)

Markdown使用笔记(三)——进阶之表格_第1张图片

你可能感兴趣的:(Markdown,markdown,html)