首页 > 其他分享 >Markdown语法回顾

Markdown语法回顾

时间:2022-08-29 11:44:06浏览次数:86  
标签:Markdown 预览 回顾 标题 语法 HTML 加粗

标题

用#表示标题,#与标题间用空格隔开

标题Markdown语法
HTML语法
预览效果
# 一级标题 <h1>一级标题</h1>

一级标题

## 二级标题 <h2>二级标题</h2>

二级标题

### 三级标题 <h3>三级标题</h3>

三级标题

段落

用空白行隔开

段落Markdown语法
HTML语法
预览效果
This is the first paragraph

This is the second paragraph
<p>This is the first paragraph</p><p> This is the second paragraph</p>

This is the first paragraph

This is the second paragraph

换行

行末尾添加两个空格
为了兼容性,可考虑用HTML标签<br>

换行Markdown语法
HTML语法
预览效果
This is the first line<br>This is the second line This is the first line<br>This is the second line This is the first line
This is the second line

强调效果

加粗处两侧加**
斜体处两侧加*
加粗斜体处两侧加***
删除线两侧加~~

加粗Markdown语法
HTML语法
预览效果
**加粗** <strong>加粗</strong> 加粗
*斜体* <em>斜体</em> 斜体
***加粗斜体*** <strong><em>加粗斜体</em></strong> 加粗斜体
~~删除线~~ <del>删除线</del> 删除线

引用

引用处前一个>
嵌套引用处前使用>>

引用Markdown语法
HTML语法
预览效果
> 引用 效果如下
>> 嵌套引用 效果如下

Hello world!

Hello markdown!

列表

有序列表:每项前加入1.
无序列表:每项前加入*、+、-

加粗Markdown语法
HTML语法
预览效果
1.First item
2.Second item
3.Third item
<ol>
<li>First item</li>
<li>Second item</li>
<li>Third item</li>
</ol>
  1. First item
  2. Second item
  3. Third item
* First item
+ Second item
- Third item
<ul>
<li>First item</li>
<li>Second item</li>
<li>Third item</li>
</ul>
  • First item
  • Second item
  • Third item

代码块

将代码块两侧各用一个`括起来

代码Markdown语法
HTML语法
预览效果
`code` <code>加粗</code> 加粗

分割线

单独一行用***

分割线Markdown语法
HTML语法
预览效果
*** <hr>

链接

[链接名](链接 悬浮标题)的形式填写
其中悬浮标题可选
也可直接使用尖括号<链接>

链接Markdown语法
HTML语法
预览效果
[百度一下](https://www.baidu.com/ "你就知道") <a href=https://www.baidu.com/ title="你就知道">百度一下</a> 百度一下
<https://www.baidu.com/> <a href=https://www.baidu.com/>https://www.baidu.com/</a> https://www.baidu.com/

图片

![图片说明](图片链接 悬浮标题)的形式填写
其中悬浮标题可选
图片内有链接可用以下形式
[![图片说明](图片链接 悬浮标题)](链接)

图片Markdown语法
HTML语法
预览效果
![哆啦A梦](https://s1.328888.xyz/2022/08/29/CIQOK.jpg "大雄我来了") <img src=https://s1.328888.xyz/2022/08/29/CIQOK.jpg alt = "哆啦A梦" title="大雄我来了"/> 哆啦A梦
[![哆啦A梦](https://s1.328888.xyz/2022/08/29/CIQOK.jpg "大雄我来了")](https://www.baidu.com/) <a href=https://www.baidu.com/><img src=https://s1.328888.xyz/2022/08/29/CIQOK.jpg alt = "哆啦A梦" title="大雄我来了"/></a> 哆啦A梦

转义字符

在转义字符前加入反斜杠字符\

标签:Markdown,预览,回顾,标题,语法,HTML,加粗
From: https://www.cnblogs.com/P-Champion/p/16635385.html

相关文章

  • 从0到1写一款自动为Markdown标题添加序号的Jetbrains插件
    1.markdown-index最近做了一个Jetbrains的插件,叫markdown-index,它的作用是为Markdown文档的标题自动添加序号,效果如下:目前已经可以在Jetbrains全家桶的插件市场中搜索......
  • 上周热点回顾(8.22-8.28)
    热点随笔:· 拒绝加班:巧用前端电子表格中构建公式树 (葡萄城技术团队)· 被一个问题卡了近两天,下班后我哭了...... (久曲健)· 一个奇葩的线上问题,导致我排查了一天......
  • switch语法
    swtich语法1.switch初体验1.1常规用法这是最常用的方式funcmain(){ i:=1 switchi{ case1: fmt.Println("你好") case2: fmt.Println("hello") cas......
  • Obsidian支持的部分md语法
    新建文件,将以下代码复制进去,切换为阅读视图即可看到效果#一级标题##二级标题###三级标题####四级标题#####五级标题######六级标题一级标题=======二级标题-......
  • Markdown语句学习-以Typora为例
    一、基础语句1、标题#+空格 2、字体==高亮==`*斜体***加粗*****斜体加粗***~~删除~~上标^2^ 下标~2~ 3、排序无序编号:+空格`有序编号:1.+空格`4、代码......
  • vue3 基础-样式绑定语法
    本篇讲vue通过数据去进行dom样式的绑定操作,主要分为字符串,数组,对象等方式,这个非常好理解,凭着我们朴素的情感就能一步领悟到位的,就还是演示一段吧.字符&......
  • enote笔记法之附录1——“语法词”(即“关联词”)(ver0.2)
    章节:enote笔记法之附录1——“语法词”(即“关联词”)(ver0.2)上面的是截屏的完整版,分割线下面的是纯文字版本:  作者姓名(本人的真实姓名):胡佳吉 居住地:上海作者网名:E......
  • markdown用法
    markdown语法demo学习一级标题列表1列表2百度的地址图片比网址,前面多了!支持使用html标签:一级标题并居中Markdown渲染使用github来渲染,也就是把自己的.......
  • markdown快捷键
    名称语法快捷键标题用#号表示,#一级标题,##表示二级标题,依次类推Ctrl+1、2、3、4字体加粗左右用包裹起来Ctrl+B斜体字左右用包裹起来Ctrl+I加粗斜体左右用包裹......
  • day 20 前面知识内容回顾
    内容回顾一阶段(页面布局和样式)html+css(布局和修饰)html5新增css3新增移动端适配(大屏适配)rem(媒体查询)(seo搜索引擎优化)动画效果css3二阶段(js基础以及底层实现)js基础......