markdown 由简入繁,上手跟我做(三)列表和表格
列表
无序列表
无序列表使用 * 或 + 或 - 标识
* 黄瓜
* 玉米
* 茄子
- 黄瓜
- 玉米
- 茄子
+ 黄瓜
+ 玉米
+ 茄子
- 黄瓜
- 玉米
- 茄子
- 黄瓜
- 玉米
- 茄子
- 黄瓜
- 玉米
- 茄子
有序列表
有序列表使用数字加. 标识,例如:1.
1. 黄瓜
2. 玉米
3. 茄子
- 黄瓜
- 玉米
- 茄子
使用列表的一些注意事项
如果在单一列表项中包含了多个段落,为了保证渲染正常,* 与段落首字母之间必须保留四个空格
* 段落一
小段一
* 段落二
小段二
-
段落一
小段一
-
段落二
小段二
另外,如果在列表中加入了区块引用,区域引用标记符也需要缩进 4 个空格
* 段落一
> 区块标记一
* 段落二
> 区块标记二
- 段落一
区块标记一
- 段落二
区块标记二
注:记住一个原则,如果在和列表配合使用的时候出现了问题,就缩进一次,四个空格或者一个制表符代表一次缩进。如果一次缩进没有解决问题,那就两次。
表格
表格是 Markdown 语法中比较复杂的一个,其语法如下:
表头|条目一|条目二
:---:|:---:|:---:
项目|项目一|项目二
表头 | 条目一 | 条目二 |
---|---|---|
项目 | 项目一 | 项目二 |
注:三个短斜杠左右的冒号用于控制对齐方式,只放置左边冒号表示文字居左,只放置右边冒号表示文字居右,如果两边都放置冒号表示文字居中。
表格中单元格的合并
合并单元格还是要与 HTML 网页结合起来,来达到效果。
这会用到 HTML 的标签:
colspan
:规定单元格可纵深的列数rowspan
:规定单元格可横跨的行数
合并表格行
<table>
<tr>
<td>张</td>
<td>王</td>
<tr>
<tr>
<td colspan="2">姓氏</td>
<tr>
</table>
张 | 王 |
姓氏 | |
合并表格列
<table>
<tr>
<td>类别</td>
<td>名称</td>
</tr>
<tr>
<td rowspan="2">颜色</td>
<td>红色</td>
</tr>
<tr>
<td>黄色</td>
</tr>
<tr>
<td rowspan="2">姓氏</td>
<td>张</td>
</tr>
<tr>
<td>王</td>
</tr>
</table>
类别 | 名称 |
颜色 | 红色 |
黄色 | |
姓氏 | 张 |
王 |
综合使用
<table>
<tr>
<td>类别</td>
<td>名称</td>
</tr>
<tr>
<td rowspan="2">颜色</td>
<td>红色</td>
</tr>
<tr>
<td>黄色</td>
</tr>
<tr>
<td colspan="2">姓氏</td>
</tr>
<tr>
<td>王</td>
<td>张</td>
</tr>
</table>
类别 | 名称 |
颜色 | 红色 |
黄色 | |
姓氏 | |
王 | 张 |
任务列表
- [x] 任务列表1
- [x] 任务列表2
- [ ] 任务列表3
- [ ] 任务列表3.1
- [x] 任务列表3.2
- [ ] 任务列表3.3
- [x] 任务列表4
- [ ] 任务列表4.1
- [x] 任务列表4.2
- 任务列表 1
- 任务列表 2
- 任务列表 3
- 任务列表 3.1
- 任务列表 3.2
- 任务列表 3.3
- 任务列表 4
- 任务列表 4.1
- 任务列表 4.2
上一篇 markdown 由简入繁,上手跟我做(二)图片设置
markdown 教程(目录)
下一篇 markdown 由简入繁,上手跟我做(四)段落和表情