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

本文详细介绍了在Markdown中创建表格的各种方法,包括原生Markdown语法、HTML标签应用、在线转换工具及特殊效果实现,如颜色更改与格子合并。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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)


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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

留小星

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值