Markdown中的表格
我个人很少在Markdown中使用表格来记录,因为记笔记需要非常高效,而我感觉使用markdown中的语法来写一遍效率不高(个人操作不太熟练的原因吧!)
1. 原生表格样式
常规的用法如下,使用竖线作为每一栏的分割线,第一行为表头,第二行可以设置格式
-:
设置内容和标题栏居右对齐
:-
设置内容和标题栏居左对齐
:-:
设置内容和标题栏居居中对齐
使用一下巨人中的人物信息作为例子:
| 人物 | 性别 | 经典 |
| -------- | -----: | :----: |
| 艾伦.耶格尔 | 男 | "弱小就只能哭泣吗?" |
| 三笠·阿克曼 | 女 | “这个世界是如此的残酷,却又如此的美丽。“ |
| 阿明·阿诺德 | 男 | “只是我自己...这样擅自认为而已!” |
人物 | 性别 | 经典 |
---|---|---|
艾伦.耶格尔 | 男 | “弱小就只能哭泣吗?” |
三笠·阿克曼 | 女 | “这个世界是如此的残酷,却又如此的美丽。“ |
阿明·阿诺德 | 男 | “只是我自己…这样擅自认为而已!” |
2. 使用HTML?
对于熟悉网页设计的人来说设置一个表格比较简单,HTML中常用的表格语句在Markdown中仍然适用,主要就是<table></table>
、<tr></tr>
、<th></th>
与<td></td>
这几对标签的组合使用。
需要了解表单HTML的基础知识的可以看看W3school的HTML 表格
使用HTML设计的表格可以改变其中表格的很多设置,使得表单变得更好看
<table>
<tr>
<th>人物</th>
<th>性别</th>
<th>经典语录</th>
</tr>
<tr>
<th >艾伦.耶格尔</th>
<th>男</th>
<th>"弱小就只能哭泣吗?" </th>
</tr>
<tr>
<th>三笠·阿克曼 </th>
<th>女</th>
<th>“这个世界是如此的残酷,却又如此的美丽。“ </th>
</tr>
<tr>
<th>阿明·阿诺德</th>
<th>男 </th>
<th>“只是我自己...这样擅自认为而已!” </th>
</tr>
</table>
我发现一个特别奇怪的现象:在CSDN中似乎只有td标签可以使用bgcolor来改变颜色,所以上面的代码需要改变颜色的话,可以将
<tr></tr>
变为<td></td>
标签试一下
- 可使用常规的width等属性来改变单元格的长度
- 使用colspan设置相同的值来合并格子(这两个td和th都可以用)
改变颜色的例子:
代码:
<table>
<tr>
<td width=30% bgcolor='blue'>人物</td>
<td width=20% bgcolor='green'>性别</td>
<td bgcolor='red'>经典语录</td>
</tr>
<tr>
<th >艾伦.耶格尔</th>
<th>男</th>
<th>"弱小就只能哭泣吗?" </th>
</tr>
<tr>
<th>三笠·阿克曼 </th>
<th>女</th>
<th>“这个世界是如此的残酷,却又如此的美丽。“ </th>
</tr>
<tr>
<th>阿明·阿诺德</th>
<th>男 </th>
<th>“只是我自己...这样擅自认为而已!” </th>
</tr>
</table>
效果:
人物 | 性别 | 经典语录 |
艾伦.耶格尔 | 男 | "弱小就只能哭泣吗?" |
---|---|---|
三笠·阿克曼 | 女 | “这个世界是如此的残酷,却又如此的美丽。“ |
阿明·阿诺德 | 男 | “只是我自己...这样擅自认为而已!” |
合并例子
代码:
<table>
<tr>
<td width=30%>人物</th>
<td width=20% >性别</th>
<td >经典语录</th>
</tr>
<tr>
<th>艾伦.耶格尔</th>
<td colspan='2' bgcolor='#FFC1C1'>"弱小就只能哭泣吗?" </td>
</tr>
<tr>
<th>三笠·阿克曼 </th>
<th>女</th>
<th>“这个世界是如此的残酷,却又如此的美丽。“ </th>
</tr>
<tr>
<th>阿明·阿诺德</th>
<th>男 </th>
<th>“只是我自己...这样擅自认为而已!” </th>
</tr>
</table>
效果:
人物 | 性别 | 经典语录 |
艾伦.耶格尔 | "弱小就只能哭泣吗?" | |
---|---|---|
三笠·阿克曼 | 女 | “这个世界是如此的残酷,却又如此的美丽。“ |
阿明·阿诺德 | 男 | “只是我自己...这样擅自认为而已!” |
3、使用excell导出HTML---->Markdown显示?
这是什么骚操作??我没用过!
如果有人感兴趣的话可以参考一下markdown中编辑复杂表格(这个是介绍将excell文件转换为html格式然后直接使用html代码的方案)然后如果另一个可以参考Markdown 快速生成表格(据说是下载一个软件可以快速转换表格)
我个人没用过这种方法的主要原因是感觉太麻烦了,对于markdown我主要是用于记笔记和写博客等,暂时还用不到特别复杂的表格,如果真的是特别复杂的表格使用专门的表格生成软件应该更简单。
4、在线表格转换工具(将表格转换为markdown代码)
https://tableconvert.com/(我打开非常慢,不清楚是网速还是需要搭梯子的原因)
https://json.im/tableConvert/(速度很快,操作也比较简单)
https://tool.lu/tables/ (我看见在这个网站的下方有人说第一个网站↑比较好,不敢说不敢问hhh)
没什么总结的。。日常放毒(雾岛董香——东京喰种)
![]()