[笔记]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>
浙公网安备 33010602011771号