文章目录

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

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)


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

Markdown使用笔记(三)——进阶之表格相关推荐

  1. iView学习笔记(三):表格搜索,过滤及隐藏列操作

    iView学习笔记(三):表格搜索,过滤及隐藏某列操作 1.后端准备工作 环境说明 python版本:3.6.6 Django版本:1.11.8 数据库:MariaDB 5.5.60 新建Django ...

  2. Polyworks脚本开发学习笔记(三)-TREEVIEW进阶操作

    Polyworks脚本开发学习笔记(三)-TREEVIEW进阶操作 移动/交换对象的顺序 移动对象的顺序 TREEVIEW FEATURE MOVE ( 1,2 ) 将索引号为1和2的特征交换位置 T ...

  3. 最近喜欢用markdown写笔记,贴个语法说明

    最近喜欢用markdown写笔记,贴个语法说明 << 访问 Wow!Ubuntu NOTE: This is Simplelified Chinese Edition Document o ...

  4. Markdown学习之(2)-绘制表格和流程图

    MarkDown表格 + 流程图绘制 表格绘制 在Markdown上写一个表格真是让人头疼的事情,写的不流畅还要担心格式.我为大家总结了以下三种方法,前两种大家或许司空见惯了,第三种是神器... 一. ...

  5. R markdown的笔记02

    R markdown的笔记02 1. R Markdown 可以做什么? 3. 文档总体设置 4. 富文本格式 4.1 普通文本 2. 分段 4. 各级标题 5.分隔线 6. RMarkdown 的注 ...

  6. markdown模板笔记

    markdown模板笔记 微信公众号格式化工具 我的公众号 Markdown基础语法 引用 分割线 图片 超链接 列表 无序列表用 - + * 任何一种都可以 有序列表 列表嵌套 代码示例 表格示例 ...

  7. Markdown学习笔记(超简单)所有字符为英文字符!!!!!!

    MarkDown学习笔记 标题 二级标题 ##+空格+文字 三级标题 ###+空格+文字 四级标题 ####+空格+文字 字体 hello,world! hello,world! 粗体:文字前后+** ...

  8. mysql数据库权威指南_MySQL_MySQL权威指南读书笔记(三),第二章:MYSQL数据库里面的数 - phpStudy...

    MySQL权威指南读书笔记(三) 第二章:MYSQL数据库里面的数据 用想用好MYSQL,就必须透彻理解MYSQL是如何看待和处理数据的.本章主要讨论了两个问题:一是SQL所能处理的数据值的类型:二是 ...

  9. jqGrid 学习笔记整理——进阶篇(一 )

    jqGrid 学习笔记整理--进阶篇(一 ) 本篇为基础篇的扩展,使其具有增.删.改.查的基本功能. 在浏览导航栏添加所需按钮 <!DOCTYPE html> <html>&l ...

  10. Markdown做笔记或写博客

    Markdown做笔记或写博客 使用Markdown语法做笔记或写博客,为了使笔记更加好看,条理清晰,还可以上传到博客上,CSDN,博客园等等,做成网页,不需要学习Web前端的知识,就可以做出漂酿的网 ...

最新文章

  1. UA OPTI512R 傅立叶光学导论 衍射例题
  2. POJ-1260 Pearls DP
  3. 2021年中国数字化采购研究报告
  4. 70多个国家地区免费享受wifi
  5. Python 网站应用从开发到部署
  6. C语言发明人丹尼斯-里奇去世
  7. Sass 安装到使用
  8. C++ 取得系统当前时间
  9. 使用 IntraWeb (25) - 基本控件之 TIWRegion
  10. 程序员需要了解依赖冲突的原因以及解决方案
  11. Jenkins配置Android自动打包传蒲公英功能
  12. WEBMAX官方帮助手册 惊艳登场
  13. 方法重载与重写的区别
  14. java实现文件分割_java 实现文件分割
  15. 如何理解容器,容器化的由来?它有何优缺点?
  16. excel单元格内容拆分_Excel中把一个单元格内容拆分到多个单元格内的两种方法...
  17. DNS漏洞影响数百万物联网设备安全,ZDNS打造Safeguard安全威胁管控系统,精准防御实现网络安全防线前移
  18. 前端JS基础知识复习笔记(1)
  19. Windows 故障恢复控制台应用详解
  20. 看了100%会做艺术二维码的制作教程

热门文章

  1. 用Pear加速PHP程序开发
  2. 常见的加密算法原理与实现:RSA加密
  3. JavaWeb(第一实验)---通过Eclipse建立简单登录界面,将jsp技术和html技术结合!(附具体代码)
  4. 如何使浏览器默认下载文件而不是打开文件
  5. 解决flutter doctor卡住的问题
  6. 佳能Canon PIXMA TS6420 一体机驱动
  7. Simulink创建自定义库
  8. vertical-algin的属性详解
  9. 如何在 Windows 11 22H2上启用配置及使用实时字幕?
  10. SSD(固态) VS HDD(机械),购买指南