Markdown本身的表格语法比较简单,支持任意行列数的表格的绘制,其中第一行固定为表头,文字加粗,底色为浅蓝色。其他行文字不加粗,底色白灰 (对应颜色代码#F7F7F7) 相间。行高、列宽自动分布,不支持调整。支持文本居左、居中、居右的调整,但每一列的文本位置保持一致。字号比正文小一号,不支持调整。
不赘述,直接上两个CSDN官方示例:
官方示例1
代码
项目 | Value
-------- | -----
电脑 | $1600
手机 | $12
导管 | $1
显示效果
项目
Value
电脑
$1600
手机
$12
导管
$1
官方示例2
代码
| Column 1 | Column 2 |
|:--------:| -------------:|
| centered 文本居中 | right-aligned 文本居右 |
显示效果
Column 1
Column 2
centered 文本居中
right-aligned 文本居右
虽然Markdown本身支持的格式比较少,但好在它能兼容HTML语言。而且语句很简单,我毫无代码基础都能会。
HTML语言中, 表格的语法结构是一行一行来,每一行里一格一格来。
代码
含义
备注
<table>
表格开始
</table>
表格结束
<capital>
标题开始
</capital>
标题结束
<tr>
表格行 (table row) 开始
</tr>
表格行 (table row) 结束
<td>
单元格 (table datagrid) 开始
</td>
单元格 (table datagrid) 结束
<th>
表头 (table header) 开始
替代<td>
,改变单元格为表头格式
</th>
表头 (table header) 结束
替代</td>
,改变单元格为表头格式
选项语句位于开始标签内,后括号之前,多个选项语句以空格相隔
代码
含义
备注
align="left"
居左
align="center"
居中
align="right"
居右
bgcolor="white"
bgcolor=#FFFFFF
背景颜色
“white” 可替换为 “black”、“blue” 等其他颜色名称
对表头无效
width="100px"
width="10%"
列宽
“100px” 可替换为其他数字
“10%” 可替换为其他百分数
同一列多个单元格有此命令时,优先服从大的
colspan=x
水平合并单元格
x为数字,代表这个格子占x列
rowspan=y
竖直合并单元格
y为数字,代表这个格子占y行
代码
含义
备注
<b>
开始加粗
</b>
停止加粗
如单元格后续没有不加粗的内容可省略
<i>
开始斜体
</i>
停止斜体
如单元格后续没有不斜体的内容可省略
<mark>
开始高亮
</mark>
停止高亮
如单元格后续没有不高亮的内容可省略
<br>
换行
代码
<table>
<capital>如何在Markdown里面画这样的表格:</capital>
<tr>
<th>普通表头</th>
<th align="right"><i>斜体表头而且居右</th>
<th colspan=2>表头横向合并单元格</th>
<td width="80px">限制列宽为80px超出会自动换行</td>
</tr>
<tr>
<th>左边也可以有表头</th>
<td bgcolor=#ffffcc>涂个颜色</td>
<td><mark>高亮文本</mark>但不全高亮</td>
<td><b>有时候加粗</b><i>有时候斜体</i></td>
<td width="20px">20px小于80px服从80px列宽命令无效</td>
</tr>
<tr>
<td>表头不一定是一整行或者一整列的</td>
<td rowspan=2>纵向合并单元格要注意<br>下一行少一个单元格<br>字太多必要时我会换行</td>
<td rowspan=2 colspan=2>单元格也可以从两个方向合并</td>
<td rowspan=2 width="10%">百分比和像素是可以混用的具体服从哪个取决于哪个大</td>
</tr>
<td align="left"> 简单做个居左 </td>
</tr>
</table>
显示效果
如何在Markdown里面画这样的表格:
普通表头
斜体表头而且居右
表头横向合并单元格
限制列宽为80px超出会自动换行
左边也可以有表头
涂个颜色
高亮文本但不全高亮
有时候加粗_有时候斜体_
20px小于80px服从80px列宽命令无效
表头不一定是一整行或者一整列的
纵向合并单元格要注意
下一行少一个单元格
字太多必要时我会换行
单元格也可以从两个方向合并
百分比和像素是可以混用的具体服从哪个取决于哪个大
简单做个居左
原网址: 访问
创建于: 2024-04-16 18:38:59
目录: default
标签: 无
未标明原创文章均为采集,版权归作者所有,转载无需和我联系,请注明原出处,南摩阿彌陀佛,知识,不只知道,要得到
java windows火焰图_mob64ca12ec8020的技术博客_51CTO博客 - 在windows下不可行,不知道作者是怎样搞的 监听SpringBoot 服务启动成功事件并打印信息_监听springboot启动完毕-CSDN博客 SpringBoot中就绪探针和存活探针_management.endpoint.health.probes.enabled-CSDN博客 u2u转换板 - 嘉立创EDA开源硬件平台 Spring Boot 项目的轻量级 HTTP 客户端 retrofit 框架,快来试试它!_Java精选-CSDN博客 手把手教你打造一套最牛的知识笔记管理系统! - 知乎 - 想法有重合-理论可参考 安宇雨 闲鱼 机械键盘 客制化 开贴记录 文本 linux 使用find命令查找包含某字符串的文件_beijihukk的博客-CSDN博客_find 查找字符串 ---- mac 也适用 安宇雨 打字音 记录集合 B站 bilibili 自行搭建 开坑 真正的客制化 安宇雨 黑苹果开坑 查找工具包maven pom 引用地 工具网站 Dantelis 介绍的玩轴入坑攻略 --- 关于轴的一些说法 --- 非官方 ---- 心得而已 --- 长期开坑更新 [本人问题][新开坑位]关于自动化测试的工具与平台应用 机械键盘 开团 网站记录 -- 能做一个收集的程序就好了 不过现在没时间 -- 信息大多是在群里发的 - 你要让垃圾佬 都去一个地方看难度也是很大的 精神支柱 [超级前台]sprinbboot maven superdesk-app 记录 [信息有用] [环境准备] [基本完成] [sebp/elk] 给已创建的Docker容器增加新的端口映射 - qq_30599553的博客 - CSDN博客 [正在研究] Elasticsearch, Logstash, Kibana (ELK) Docker image documentation elasticsearch centos 安装记录 及 启动手记 正式服务器 39 elasticsearch 问题合集 不断更新 6.1.1 | 6.5.1 两个版本 博客程序 - 测试 - bug记录 等等问题 laravel的启动过程解析 - lpfuture - 博客园 OAuth2 Server PHP 用 Laravel 搭建带 OAuth2 验证的 RESTful 服务 | Laravel China 社区 - 高品质的 Laravel 和 PHP 开发者社区 利用Laravel 搭建oauth2 API接口 附 Unauthenticated 解决办法 - 煮茶的博客 - SegmentFault 思否 使用 OAuth2-Server-php 搭建 OAuth2 Server - 午时的海 - 博客园 基于PHP构建OAuth 2.0 服务端 认证平台 - Endv - 博客园 Laravel 的 Artisan 命令行工具 Laravel 的文件系统和云存储功能集成 浅谈Chromium中的设计模式--终--Observer模式 浅谈Chromium中的设计模式--二--pre/post和Delegate模式 浅谈Chromium中的设计模式--一--Chromium中模块分层和进程模型 DeepMind 4 Hacking Yourself README.md update 20211011
Laravel China 简书 知乎 博客园 CSDN博客 开源中国 Go Further Ryan是菜鸟 | LNMP技术栈笔记 云栖社区-阿里云 Netflix技术博客 Techie Delight Linkedin技术博客 Dropbox技术博客 Facebook技术博客 淘宝中间件团队 美团技术博客 360技术博客 古巷博客 - 一个专注于分享的不正常博客 软件测试知识传播 - 测试窝 有赞技术团队 阮一峰 语雀 静觅丨崔庆才的个人博客 软件测试从业者综合能力提升 - isTester IBM Java 开发 使用开放 Java 生态系统开发现代应用程序 pengdai 一个强大的博主 HTML5资源教程 | 分享HTML5开发资源和开发教程 蘑菇博客 - 专注于技术分享的博客平台 个人博客-leapMie 流星007 CSDN博客 - 舍其小伙伴 稀土掘金 Go 技术论坛 | Golang / Go 语言中国知识社区
最新评论