码迷,mamicode.com
首页 > 其他好文 > 详细

markdown常用语法

时间:2020-06-11 00:38:42      阅读:92      评论:0      收藏:0      [点我收藏+]

标签:网站   str   taobao   vscode   loading   解决   技术   文件中   png   

以下显示的效果图,都是在vscode的md文件中演示。

1. 设置标题

# 标题1
## 标题2
### 标题3
#### 标题4
##### 标题5
###### 标题6

显示效果:

技术图片

 

 

 2. 添加超链接

[百度链接](http://www.baidu.com "标题")

第一对中括号是文本内容,小括号中是链接,右侧的文字“标题”是鼠标移动上去的时候显示的文字(效果等同于html中的title属性),和链接用空格分隔。

效果图:

技术图片

 

 如果添加超链接的是一段文本,链接太长,上边的写法会导致文本很难看,可以使用类似占位符的方式来解决

中国比较大的购物网站[京东][1]、[淘宝][2]

[1]:http://www.jingdong.com "哈哈"
[2]:http://www.taobao.com

效果图:

技术图片

 

 3. 列表

一、无序列表

使用 +  -   *  三个符号都可以作为无序列表的标识

+ 列表1
+ 列表2

- 列表1
- 列表2

* 列表1
* 列表2

+ 父列表
    + 子列表1
        + 子列表2

效果图:

技术图片

 

 二、有序列表

1. 列表1
2. 列表2
    1. 子列表
3. 列表3

效果图:

技术图片

 

 4. 表格

|姓名|班级|学科|分数
|-|-|-|-|
|张三|男|数学|10
|李四|女|数学|20
|王五|男|数学|30

效果图:

技术图片

 

 5. 代码块

可以将代码片段显示更加美观

``` js
    console.log(‘test‘)
```

``` java
    public static void main(String[] args){
        String str = "Hello world!";
        System.out.println(str);
    }
```

效果图:

技术图片

 

 6. 多级引用

> fdasfadsfdasf
>> fdasfdasf
>>> fdasfsaffds

效果图:

技术图片

 

markdown常用语法

标签:网站   str   taobao   vscode   loading   解决   技术   文件中   png   

原文地址:https://www.cnblogs.com/mayiaction/p/13090376.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!