【Markdown笔记】表格
【Markdown笔记】表格
在Markdown中使用表格。
基本使用
Markdown中使用表格的方式很简单,使用|
来分隔单元格,使用-
来分隔表头和单元格。
例如一个4行3列的表格:
表头1 | 表头2 | 表头3 |
---|---|---|
单元格信息 | 单元格信息 | 单元格信息 |
单元格信息 | 单元格信息 | 单元格信息 |
单元格信息 | 单元格信息 | 单元格信息 |
写法如下:
| 表头1 | 表头2 | 表头3 |
| ---------- | ---------- | ---------- |
| 单元格信息 | 单元格信息 | 单元格信息 |
| 单元格信息 | 单元格信息 | 单元格信息 |
| 单元格信息 | 单元格信息 | 单元格信息 |
例如一个5行2列的表格:
表头1 | 表头2 |
---|---|
单元格信息 | 单元格信息 |
单元格信息 | 单元格信息 |
单元格信息 | 单元格信息 |
单元格信息 | 单元格信息 |
写法如下:
| 表头1 | 表头2 |
| ---------- | ---------- |
| 单元格信息 | 单元格信息 |
| 单元格信息 | 单元格信息 |
| 单元格信息 | 单元格信息 |
| 单元格信息 | 单元格信息 |
对齐方式
要对表格内的单元格信息进行对齐,方式如下:
左对齐:-
右对齐-:
居中对齐:-:
Markdown中左对齐,右对齐,居中对齐的效果,是针对整列的单元格,不能设置单个单元格的对齐方式。如果想要对单个单元格定义对齐方式,需要使用HTML。
例如示例效果:
左对齐 | 右对齐 | 居中对齐 |
---|---|---|
左对齐单元格 | 右对齐单元格 | 居中对齐单元格 |
左对齐单元格 | 右对齐单元格 | 居中对齐单元格 |
写法如下:
| 左对齐 | 右对齐 | 居中对齐 |
| :----------- | -----------: | :------------: |
| 左对齐单元格 | 右对齐单元格 | 居中对齐单元格 |
| 左对齐单元格 | 右对齐单元格 | 居中对齐单元格 |
从上面的示例效果可以看出,设置对齐效果后,整列的单元格,包括表头信息也全部都对齐了。
HTML拓展功能
Markdown中本身支持的表格效果很少,如果要有更多的功能,需要使用HTML来拓展功能。
例如Markdown不支持跨行或跨列的单元格,或者说叫不支持合并单元格,我们可以使用HTML。
HTML表格
HTML表格由<table>
标签来定义。每个表格由<tr>
标签来定义行,由<td>
标签定义每行分隔的单元格,由<th>
标签定义表格的表头。
例如实现如下效果:
表头1 | 表头2 |
---|---|
单元格信息1 | 单元格信息2 |
实现该效果的写法如下:
<table>
<tr><th>表头1</th><th>表头2</th>
</tr>
<tr><td>单元格信息1</td><td>单元格信息2</td>
</tr>
</table>
跨行的单元格
例如我们要实现如下横跨两行单元格效果:
表头1 | 表头2 |
---|---|
单元格信息1 | 单元格信息2-1 |
单元格信息2-2 |
可以看到单元格信息1
横跨了两行单元格,或者可以说合并了2,3两行的单元格。
写法如下:
<table>
<tr><th>表头1</th><th>表头2</th>
</tr>
<tr><td rowspan="2">单元格信息1</td><td>单元格信息2-1</td>
</tr>
<tr><td>单元格信息2-2</td>
</tr>
</table>
在HTML中使用<td>
标签的rowspan
属性来实现单元格的跨行操作,例如将上述示例中的rowspan="2"
修改为rowspan="3"
就能跨3行。
跨列的单元格
例如我们要实现如下横跨两列单元格效果:
表头1 | 表头2 | 表头3 |
---|---|---|
单元格信息1 | 单元格信息2 |
可以看到单元格信息2
横跨了两列单元格。
写法如下:
<table>
<tr><th>表头1</th><th>表头2</th><th>表头3</th>
</tr>
<tr><td>单元格信息1</td><td colspan="2">单元格信息2</td>
</tr>
</table>
在HTML中使用<td>
标签的colspan
属性来实现单元格的跨列操作,例如将上述示例中的colspan="2"
修改为colspan="3"
就能跨3列。
单元格中换行
我们有时候需要在单元格中进行换行,这个时候可以使用<br>
,这个标签可以在Markdown格式的表格中使用。
例如实现如下效果:
表头1 | 表头2 |
---|---|
信息1 信息2 信息3 |
单元格 |
可以看到左侧的单元格实现了换行。
写法如下:
| 表头1 | 表头2 |
| ------------------- | ----- |
| 信息1<br>信息2<br>信息3 | 单元格 |
或者使用HTML的表格中进行换行,效果如下:
表头1 | 表头2 |
---|---|
信息1 信息2 信息3 |
单元格 |
写法如下:
<table>
<tr><th>表头1</th><th>表头2</th>
</tr>
<tr><td>信息1<br>信息2<br>信息3</td><td>单元格</td>
</tr>
</table>
修改对齐方式
HTML中可以对任意行或者任意单元格进行对齐。
使用align
属性来定义对齐方式:
左对齐left
右对齐right
居中对齐center
例如实现如下效果:
表头1 | 表头2 | 表头3 |
---|---|---|
单元格信息1 | 单元格信息2 | 单元格信息3 |
实现的写法如下:
<table>
<tr align="right"><th>表头1</th><th>表头2</th><th align="left">表头3</th>
</tr>
<tr><td align="right">单元格信息1</td><td align="center">单元格信息2</td><td align="left">单元格信息3</td>
</tr>
</table>
本文链接:https://blog.csdn.net/u012028275/article/details/119849927
【Markdown笔记】表格相关推荐
- Linux的markdown笔记软件,3款免费好用的Markdown笔记应用,可以替代印象笔记
markdown这种轻量级标记语言可谓是众多程序员(包括笔者)爱不释手.优雅简洁的格式,快速上手,完全不用担心繁琐的排版,就能生成漂亮的笔记文档.如果你还在使用word.文本文档写文档,一定要快快学起 ...
- 连玉君 Markdown 笔记
连玉君 Markdown 笔记 连享会推文集锦 Stata连享会 精品专题 || 精彩推文 文章目录 连玉君 Markdown 笔记 1. Markdown 基础 1.1 标题 1.2 列表 无序列表 ...
- VNote: 程序员的Markdown笔记软件
VNote 是一款跨平台的开源 Markdown 笔记软件.VNote支持Mac.Linux 和 Windows 都作为主要支持平台,在 Linux 上提供非常优秀的体验.VNote 的目标是做一个带 ...
- markdown笔记语法攻略,零基础包教包会
1,markdown是什么 Markdown是一种轻量级标记语言,创始人是约翰·格鲁伯(John Gruber).它允许人们 "使用易读易写的纯文本格式编写文档,然后转换成有效的 HTML ...
- markdown 创建表格
日常我们在写简书的时候总会有一些表格要写,我正常用的是markdown编辑器写简书.这里介绍两种方法写markdown的表格 一. 极简方式 name | 价格 | 数量 -|-|- 香蕉 | $1 ...
- Markdown编辑表格时如何输入竖线('|', pipe,vertical bar)
Markdown编辑表格时如何输入竖线 How to input '|'(pipe,vertical bar) in table in markdown editor? 主要思路: 竖线用 | 或者 ...
- Markdown编辑表格实现合并单元格、单元格内容换行
Markdown虽然没有合并单元格的语法,但是Markdown是兼容HTML的,因此,我们可以通过HTML的方式实现单元格合并. 跨行合并使用 rowspan 属性 跨列合并使用 colspan 属性 ...
- 徒手撸了个markdown笔记平台
大家好,我是若川.今天分享一篇markdown笔记平台的项目文章. 点击下方卡片关注我.加个星标,或者查看源码等系列文章.学习源码整体架构系列.年度总结.JS基础系列 一.前言 作为开发者,我觉的用m ...
- markdown格式_第1篇:如何将Markdown笔记转入ANKI复习? | 学习骇客
用技术和心理学改善学习 第128次 摘要:将日常使用的Markdown笔记软件与复习工具ANKI结合起来,于ANKI用户而言可以简化学习过程,于一般的学习者而言可以解决笔记"记而不学&quo ...
最新文章
- 此时不应有java_Java 锁的知识总结及实例代码
- CSS 相对|绝对(relative/absolute)定位系列(一)
- mysql子查询为什么不走索引_解决MySQL中IN子查询会导致无法使用索引问题
- 百度地图API详解之公交导航
- 大话设计模式读书笔记11----建造者模式(Builder)
- 史上最萌最认真的机器学习/深度学习/模式识别入门指导手册(二)
- java 实现websocket的两种方式
- json格式化和查看工具
- ls在系统中常用的选项与用法
- 一台主机接两个显示器并独立使用_一台电脑如何满足多人同时使用?试试这招!...
- MyEclipse使用阿里p3c代码规范
- local class incompatible: stream classdesc serialVersionUID = -4601057296962918535, local class seri
- jcp jsr_JCP成为“可怕的单一文化”
- C++_MFC读视频文件
- 关于LyfUpload 错误 #x27;80020009#x27; 下标越界的错误,还请大侠们帮帮忙!!!
- 可捕捉的 Microsoft Jet错误
- 读取短信并复制验证码小工具
- Word自动编号,掌握这几招,再也不用手动敲编号!
- 城市道路井盖安全监测系统 opencv
- HTML学习07(实践1):HTML常用标签之标题、段落、换行、空格、列表
热门文章
- linux cron 进程查询,Linux下cron服务
- 微信小程序如何写一个计算器
- 职场求职系列之一-简历关
- C++高阶 聚合类型和聚合类
- ChIP-seq文章 | Frontiers in Plant Science发表揭示青稞对白粉病的抗性机制
- C语言利用指针将三个字符串连成一个字符串
- STM32学习笔记3 正点原子miniSTM32串口通信实验
- 数据库实时同步到另一个数据库-数据库实时同步到另一个数据库文档
- 三菱FX3U与2台台达温控器modbus通讯
- 企企通:采购方怕投标方串通“围标”,怎么办?电子招投标来帮你