[笔记]markdown语法基础
markdown基础知识练习汇总。
1.字体大小
# 一级字体
## 二级字体
### 三级字体
#### 四级字体
##### 五级字体
###### 六级字体
2.加粗
**字体加粗**
3.斜体
*斜体字体*
4.删除线
字体删除线
~~字体删除线~~
5.引用
引用用法
引用用法
引用用法
>引用用法
>>引用用法
>>>>>>>>>>引用用法
6.分割线
---
----
***
****
7.图片url


注释就是显示在图片下面的文字,相当于对图片内容的解释。解释可加可不加
标题是图片的标题,当鼠标移到图片上时显示的内容。标题可加可不加
7.超链接
[百度](http://baidu.com)
8.无序列表
- 列表内容
- 列表内容
- 列表内容
- 列表内容
+ 列表内容
* 列表内容
9.有序列表
- 列表内容
- 列表内容
- 列表内容
1. 列表内容
2. 列表内容
3. 列表内容
10.列表嵌套
- 一级无序列表
- 二级无序列表
- 三级无序列表
- 二级无序列表
- 一级无序列表
- 二级有序列表
- 二级有序列表
- 三级无序列表
- 三级无序列表
- 二级有序列表
- 一级无序列表
- 二级无序列表
- 三级无序列表
- 一级无序列表
1. 二级有序列表
2. 二级有序列表
- 三级无序列表
- 三级无序列表
3. 二级有序列表
.上一级和下一级列表之间
空三个空格
11.表格
表头 | 表头 | 表头 |
---|---|---|
文字居左 | 文字居中 | 文字居右 |
|表头|表头|表头|
|:---|:---:|---:|
|文字居左|文字居中|文字居右|
第二行分割表头和内容
-两边加:表示文字居中
-右边加:表示文字居右
12.代码
代码
代码块
`代码`
(```)
代码块
(```)
小括号防止转译
13.混编HTML
-
字体黑体
<font face="黑体">字体黑体</font>
-
比默认小一号
<small>比默认小一号</small>
-
比默认大一号
<big>比默认大一号</big>
-
字体大小
<font size=4>字体大小</font>
-
红色
<font color=red>红色</font>
-
16进制RGB
<span style="background-color:#D3D3D3">16进制RGB</span>
-
H2O+X1+X2
H<sub>2</sub>O+X<sub>1</sub>+X<sup>2</sup>
-
文本添加下划线
文本<u>添加下划线</u>
-
文本添加上划线
-
RESET信号
<span style="text-decoration:overline;">RESET</span>信号
-
用
width
和height
来固定图片大小
<img width=256 height=128 src="http://..//pic.png">
-
图片居中用
<div>
和align
实现
<div align="center"><img src="http://..//pic.png">
markdown默认图片居左
- 图片下方加标注

<center>
<img width=256 height=128 src="http://..//pic.png">
图片标注
</center>
-
特殊符号
HTML符号参考地址 -
html表格
A1 | A2 |
B1 | B2 |
<table>
<tr>
<td>A1</td>
<td>A2</td>
</tr>
<tr>
<td>B1</td>
<td>B2</td>
</tr>
</table>
- 内联CSS
嵌套CSS
<p style="color:red">嵌套CSS</p>
- 表单
<form action="#">
<label for="name">姓名:</label>
<input type="text" id="name" name="name"><br><br>
<input type="submit" value="提交">
</form>
- 内嵌视频
<iframe width="256" heigth="128" src="http://..//pic.png" frameborder="0" allowfullscreen></iframe>
- 内嵌按钮
<button type="button" onclick="alert('Hello World!')">点击这里</button>
- 锚点
输出一行文字

#定位到指定位置
<h2 id="section">输出一行文字</h2>
<a href="#section">转到上面一行文字</a>
#链接地址
<a href="www.baidu.com">访问百度</a>
#链接格式
<a href="url地址" title="url标题">url连接显示名</a>
#链接到引用地址的图片
<a href="www.baidu.com">
<img border="0" alt="test" src="my_picture.png" width="256" height="128">
</a>
#链接到电话
<a href="tel:+861234567879">tel:+86 123 456 789</a>
#链接到js脚本
<a href="javascript:alter('hello');">javascript脚本</a>
update
- 在markdown中合并单元格,markdown本身不提供这个方法,可以用html实现
- 用
rowspan
和colspan
实现合并单元格 - 用
align
和valign
实现居中对对齐。放table就控制整个表,放控制整个行,放控制单元格的对齐 bgcolor
用来控制颜色,比如bgcolor="yellow"
- 用
H1 | H2 | h3 |
---|---|---|
r1,c1 | r1,c2 | r1,c3 |
rowspan | r2,c2 | r2,c3 |
r3,c2 |
<table align="center" valign="center">
<tr align="center" valign="center">
<th>H1</th>
<th>H2</th>
<th>h3</th>
</tr>
<tr align="center" valign="center">
<td>r1,c1</td>
<td bgcolor="yellow">r1,c2</td>
<td>r1,c3</td>
</tr>
<tr align="center" valign="center">
<td rowspan="2">rowspan</td>
<td>r2,c2</td>
<td>r2,c3</td>
</tr>
<tr align="center" valign="center">
<td colspan="2">r3,c2</td>
</tr>
</table>
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· 清华大学推出第四讲使用 DeepSeek + DeepResearch 让科研像聊天一样简单!
· 实操Deepseek接入个人知识库
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库