CSDN-MarkDown语法笔记

---

字体

<font size=4 color=red face=楷体><b><u><i>内容写在这里</i></u></b></font>
<font size=4 color=#ff0000 face=楷体><b><u><i>内容写在这里</i></u></b></font>

内容写在这里

• <b>加粗
• <u>下划线
• <i>斜体
• size 大小
• color 颜色
• face 字体

---

表格

<table>
	<tr>
		<td align=center bgcolor=white rowspan=2 colspan=2>
			<font>第一个[占两行两列]</font>
		</td>
		<td align=center bgcolor=snow>
			<font>第2个</font>
		</td>
		<td>
				<img src=https://img2.baidu.com/it/u=3142343904,631493091&fm=26&fmt=auto width=80 height=60>
		</td>
	</tr>
	<tr>
		<td align=center bgcolor=white>
			<font>第三个</font>
		</td>
		<td align=center bgcolor=snow>
			<font>第四个</font>
		</td>
	</tr>
	<tr>
		<td align=center bgcolor=white>
			<font>第五个</font>
		</td>
		<td align=center bgcolor=snow>
			<font>第六个</font>
		</td>
				<td align=center bgcolor=white>
			<font>第七个</font>
		</td>
		<td align=center bgcolor=snow>
			<font>第八个</font>
		</td>
	</tr>
</table>

第一个[占两行两列]		第2个
		第三个	第四个
第五个	第六个	第七个	第八个

• <table> <tr> <td> 多行
• <table> <td> 单行
  • <table><td bgcolor=tomato>hello world</td></table>

    hello world

• align对齐
• bgcolor背景颜色
• rowspan所占行数
• colspan所占列数

---

快捷语法

表头1|表头2|表头3
---:|:---|----
内容1|内容2|内容3

表头1	表头2	表头3
内容1	内容2	内容3

---

代码行、块

• 单行代码、部分代码

`pip install None` 安装了个寂寞

预览： pip install None 安装了个寂寞

---

或者

<code>pip install None </code> 安装了个寂寞

预览： pip install None 安装了个寂寞

---

或者：

<code class="prism language-python">
func = lambda x, y: x+y-2/100+.1 if x else 0
</code>

预览： func = lambda x, y: (x + y - 2 / 100 + .1) if x else 0

---

• 代码块

```python import this class WuLa:   def __init__(self):     self.id = 0 ```

预览：

import this

class WuLa:
	def __init__(self):
		self.id = 0

• python代表语言
• 重点在于 ```

---

• 还可以这样

<pre>
<code class="prism language-python">
import this
for i in range(10):
	print("Hello world!")
</code>
<pre>

预览：

import this
for i in range(10):
	print("Hello world!")

---

引用

1.> 内容

> 内容

内容

---

2.<blockquote>内容</blockqute>

内容

- 为什么要研究这个办法？ 这样可以嵌套【可玩性更高了有木有】

<table>
	<td>
		<blockquote>内容</blockquote>
	</td>
	<td>
		没什么
	</td>
	<td>
		None
	</td>
</table>

内容

没什么

None

---

图片

Html

<p><img src=https://img2.baidu.com/it/u=3142343904,631493091&fm=26&fmt=auto width=80 height=60/></p>

• <p> <img src width height/>
• src 图片地址
• width宽度设置
• height高度设置

---

自带

![](https://img-blog.csdnimg.cn/img_convert/f252a096c4a04bd24eaad408feb2efa5.png =60x80)

• [](链接)
• =60x80 可以添加到后边调整图片大小
  

---

图片添加链接【套娃】

[![](https://img-blog.csdnimg.cn/img_convert/f252a096c4a04bd24eaad408feb2efa5.png =60x80)](https://baidu.com)

• [[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-EFe5HZKs-1636250474057)(link_of_img)]](jump_to_link)
• []()+![]()

---

图片添加链接

<p>
<a href=https://baidu.com>
<img src=https://img2.baidu.com/it/u=3142343904,631493091&fm=26&fmt=auto width=80 height=60 />
</a>
</p>

• <p> <a href> <img src width height/>

---

链接

• [文字](https://baidu.com) 文字
• <http://baidu.com> https://baidu.com
• <youmail@mail.com> youmail@mail.com

---

复选框

- [ ] 1.0
- [x] 2.0

• 1.0
• 2.0

---

流程图

```mermaid flowchart TB   top(Java.lang.Object) --> A[Map] & B[Collection];   A --> HashMap & TreeMap;   B --> C[Set] & D[List];   C --> e(HashSet) & f(TreeSet);   D --> ArrayList & LinkedList; ```

• []方框
• ()圆角方框
• (())圆框
• {}菱形框

---

特殊符号

• <br/> 换行
• <hr/> 分割线
•   空格
•   空格

---

跳转

[点击跳转到描点](#tada)
点击跳转到描点
<span id=tada>描点</span>
描点

• 可以不添加文本（此处为“描点””）

---

其他技巧

• @[toc] 添加目录
• --- 分割线
• ==h== 高亮 h
• **b** 加粗 b
• *I* 斜体 I
• H~2~0 脚标 H₂0
• ~~d~~ 删除线 d
• $\sum_{i=0}^n a_i^2=1$ 【数学表达式】   ${\sum }_{i=0}^n{a}_i^2=1$