markdown 由简入繁,上手跟我做(三)列表和表格

列表

无序列表

无序列表使用 * 或 + 或 - 标识

* 黄瓜
* 玉米
* 茄子
  • 黄瓜
  • 玉米
  • 茄子
+ 黄瓜
+ 玉米
+ 茄子
  • 黄瓜
  • 玉米
  • 茄子
- 黄瓜
- 玉米
- 茄子
  • 黄瓜
  • 玉米
  • 茄子

有序列表

有序列表使用数字加. 标识,例如:1.

1. 黄瓜
2. 玉米
3. 茄子
  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 由简入繁,上手跟我做(四)段落和表情