Markdown格式进阶之表格：合并单元格、颜色修改以及其他 |
您所在的位置：网站首页 › html如何设置表格颜色不一样 › Markdown格式进阶之表格：合并单元格、颜色修改以及其他 |
|
目 录
1. 基础：Markdown本体表格语法2. 进阶：基于HTML的表格格式2.1. HTML表格基本语法结构2.2. HTML表格格式选项语句（居左、居右、调整列宽、合并单元格、涂色）2.3. HTML文本格式语句2.4. HTML表格示例
1. 基础：Markdown本体表格语法
Markdown本身的表格语法比较简单，支持任意行列数的表格的绘制，其中第一行固定为表头，文字加粗，底色为浅蓝色。其他行文字不加粗，底色白灰 (对应颜色代码#F7F7F7) 相间。行高、列宽自动分布，不支持调整。支持文本居左、居中、居右的调整，但每一列的文本位置保持一致。字号比正文小一号，不支持调整。 换行就是换行单元格之间以 | 相隔表头和表格内容之间固定有一行 - (数量不限几个都行)，左边加 : 就是居左，右边加 : 就是居右，两边都不加或者都加 : 就是居中不赘述，直接上两个CSDN官方示例： 官方示例1 代码 项目 | Value -------- | ----- 电脑 | $1600 手机 | $12 导管 | $1显示效果 项目Value电脑$1600手机$12导管$1官方示例2 代码 | Column 1 | Column 2 | |:--------:| -------------:| | centered 文本居中 | right-aligned 文本居右 |显示效果 Column 1Column 2centered 文本居中right-aligned 文本居右 2. 进阶：基于HTML的表格格式虽然Markdown本身支持的格式比较少，但好在它能兼容HTML语言。而且语句很简单，我毫无代码基础都能会。 2.1. HTML表格基本语法结构HTML语言中， 表格的语法结构是一行一行来，每一行里一格一格来。 代码含义备注表格开始表格结束标题开始标题结束表格行 (table row) 开始表格行 (table row) 结束单元格 (table datagrid) 开始单元格 (table datagrid) 结束表头 (table header) 开始替代，改变单元格为表头格式表头 (table header) 结束替代，改变单元格为表头格式 2.2. HTML表格格式选项语句（居左、居右、调整列宽、合并单元格、涂色）选项语句位于开始标签内，后括号之前，多个选项语句以空格相隔 代码含义备注align="left"居左align="center"居中align="right"居右bgcolor="white"bgcolor=#FFFFFF背景颜色“white” 可替换为 “black”、“blue” 等其他颜色名称 #FFFFFF 可替换为其他 #+6位16进制数 格式的颜色代码对表头无效width="100px"width="10%"列宽“100px” 可替换为其他数字 “10%” 可替换为其他百分数同一列多个单元格有此命令时，优先服从大的colspan=x水平合并单元格x为数字，代表这个格子占x列rowspan=y竖直合并单元格y为数字，代表这个格子占y行 2.3. HTML文本格式语句 代码含义备注开始加粗停止加粗如单元格后续没有不加粗的内容可省略开始斜体停止斜体如单元格后续没有不斜体的内容可省略开始高亮停止高亮如单元格后续没有不高亮的内容可省略换行 2.4. HTML表格示例代码 如何在Markdown里面画这样的表格： 普通表头 斜体表头而且居右 表头横向合并单元格 限制列宽为80px超出会自动换行 左边也可以有表头 涂个颜色 高亮文本但不全高亮 有时候加粗有时候斜体 20px小于80px服从80px列宽命令无效 表头不一定是一整行或者一整列的 纵向合并单元格要注意下一行少一个单元格字太多必要时我会换行 单元格也可以从两个方向合并 百分比和像素是可以混用的具体服从哪个取决于哪个大 简单做个居左显示效果 如何在Markdown里面画这样的表格： 普通表头斜体表头而且居右表头横向合并单元格限制列宽为80px超出会自动换行左边也可以有表头涂个颜色高亮文本但不全高亮有时候加粗有时候斜体20px小于80px服从80px列宽命令无效表头不一定是一整行或者一整列的纵向合并单元格要注意下一行少一个单元格字太多必要时我会换行单元格也可以从两个方向合并百分比和像素是可以混用的具体服从哪个取决于哪个大 简单做个居左 |
今日新闻 |
推荐新闻 |
| CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |