【笔记】markdown语法基础

markdown基础知识练习汇总。

1.字体大小

# 一级字体
## 二级字体
### 三级字体
#### 四级字体
##### 五级字体
###### 六级字体

2.加粗

**字体加粗**

3.斜体

*斜体字体*

4.删除线

字体删除线
~~字体删除线~~
## 5.引用
>引用用法
>>引用用法
>>>>>>>>>>引用用法

>引用用法
>>引用用法
>>>>>>>>>>引用用法

## 6.分割线

---

---

---

---
----
***
****

7.图片url

![图片注释]( ..\1_picture_lib\pic.png "这是图片标题")
![注释](地址 ''标题'')

注释就是显示在图片下面的文字，相当于对图片内容的解释。解释可加可不加
标题是图片的标题，当鼠标移到图片上时显示的内容。标题可加可不加

8.超链接

百度

[百度](http://baidu.com)

9.无序列表

• 列表内容

• 列表内容

• 列表内容

  - 列表内容
  + 列表内容
  * 列表内容

10.有序列表

1. 列表内容
2. 列表内容
3. 列表内容

   1. 列表内容
   2. 列表内容
   3. 列表内容

11.列表嵌套

• 一级无序列表
  • 二级无序列表
    • 三级无序列表
• 一级无序列表
  1. 二级有序列表
  2. 二级有序列表
     • 三级无序列表
     • 三级无序列表
  3. 二级有序列表

     - 一级无序列表
        - 二级无序列表
           - 三级无序列表
     - 一级无序列表
        1. 二级有序列表
        2. 二级有序列表
           - 三级无序列表
           - 三级无序列表
        3. 二级有序列表

     .上一级和下一级列表之间空三个空格

12.表格

表头	表头	表头
文字居左	文字居中	文字居右

|表头|表头|表头|
|:---|:---:|---:|
|文字居左|文字居中|文字居右|

第二行分割表头和内容
-两边加：表示文字居中
-右边加：表示文字居右

13.代码

代码

代码块

`代码`
(```)
代码块
(```)

小括号防止转译

14.混编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>

• H₂O+X₁+X²
  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>

• 锚点

  输出一行文字

转到上面一行文字

访问百度

url连接显示名

tel:+86 123 456 789

javascript脚本

#定位到指定位置
<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>

15.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>

• html基础知识，连接到W3school