[笔记]markdown语法基础

markdown基础知识练习汇总。

1.字体大小

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

2.加粗

**字体加粗**

3.斜体

*斜体字体*

4.删除线

字体删除线
~~字体删除线~~

5.引用

引用用法

引用用法

引用用法

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

6.分割线





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

7.图片url

图片注释

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

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

7.超链接

百度

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

8.无序列表

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

9.有序列表

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

10.列表嵌套

  • 一级无序列表
    • 二级无序列表
      • 三级无序列表
  • 一级无序列表
    1. 二级有序列表
    2. 二级有序列表
      • 三级无序列表
      • 三级无序列表
    3. 二级有序列表
- 一级无序列表
   - 二级无序列表
      - 三级无序列表
- 一级无序列表
   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>信号

  • widthheight来固定图片大小
    <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>
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连接显示名

test

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>

update

  • 在markdown中合并单元格,markdown本身不提供这个方法,可以用html实现
    • rowspancolspan实现合并单元格
    • alignvalign实现居中对对齐。放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>
posted @   不愿透露姓名的小村村  阅读(35)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· 清华大学推出第四讲使用 DeepSeek + DeepResearch 让科研像聊天一样简单!
· 实操Deepseek接入个人知识库
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
点击右上角即可分享
微信分享提示