【markdown】markdown常用语法

白色玫瑰 程序猿

时间: 2023-07-11 阅读: 1 字数:8785

{}
markdown使用简单介绍

目录

markdown使用

开始学习编写markdown,如有错误,还请指正,非常感谢!

目录

<a href="#markdown_1">markdown使用</a>

 <a href="#TOC_5">@[TOC](目录)</a>     <a href="#__8">一, 标题</a>     <a href="#_21">二,分隔符</a>     <a href="#__36">三, 序列</a>     <a href="#__80">四, 文字强调——粗体、斜体、删除线等</a>     <a href="#_103">五,超链接</a>     <a href="#__119">六, 图片</a>     <a href="#__127">七, 代码</a>     <a href="#_152">八,引用</a>     <a href="#__163">九, 表格</a>     
  
  <a href="#91__165">9.1 基础格式</a>      <a href="#92__182">9.2 表格内容对齐</a>      <a href="#93__233">9.3 表格中包含竖线、换行</a>      <a href="#94__253">9.4 合并单元格</a>              

<hr>

一, 标题

markdown中标题有6级,几级标题就使用几个 #。

# 一级目录
## 二级目录
### 三级目录
#### 四级目录
##### 五级目录
###### 六级目录

二,分隔符

markdown中使用三个或三个以上的 -、_、 、<hr>等设置分隔符。

---
___
***
<br>
<hr>

显示出来就是分割线

<hr>

三, 序列

markdown可以设置有序序列和无序序列。 有序序列的格式是:数字. 内容, .和内容之间要有一个空格,如下:

内容1 内容2 内容3

无序序列的格式是:-/+/* 内容,内容前面要有一个空格,如下:

- 内容1
- 内容2
- 内容3

+ 内容1
 + 内容1.1
  + 内容1.1.1
+ 内容2
+ 内容3

* 内容1
* 内容2
* 内容3

显示出来就是:

内容1 内容2 内容3

内容1

内容1.1 
 
  内容1.1.1            

内容2

内容3

内容1 内容2 内容3

四, 文字强调——粗体、斜体、删除线等

文字两端用一个或_包起来,中间的文字会显示为斜体; 文字两端用两个``_包起来,中间的文字会显示为粗体; 文字前加上~,后面的文字会有删除线;

如下:

*斜体*
_斜体_
**粗体**
__粗体__

显示结果就是:

斜体 斜体

粗体 粗体

五,超链接

markdown添加超链接的格式为:

[描述文字](URL地址 "链接title")

示例:

[bing主页](https://cn.bing.com/ "bing搜索")

显示出来如下,可以点击转到bing主页

<a href="https://cn.bing.com/">bing主页</a>

六, 图片

markdown中插入图片与超链接类似,不同在于图片前面要加一个感叹号。

![图片描述](图片地址 "图片title")

七, 代码

markdown中代码使用反引号 <font color="red">`</font> 括起来,并且可以指定代码使用的语言。

单行代码块前后用一个反引号括起来; 多行代码块前后用三个反引号括起来; 如:

`printf();`
\```
#include <stdio.h>
#include <stdlib.h>
\```

显示出来的结果为:

printf();

#include <stdio.h>
#include <stdlib.h>

八,引用

markdown中在文本前加上加括号 > 可以设置文本为引用。

>引用内容

显示为

引用内容

九, 表格

9.1 基础格式

markdown中设置表格比较麻烦,基础格式如下:

| 标头1 | 标头2 | 标头3 |
| ----- | ----- | ----- |
| data1 | data2 | data5 |
| data3 | data4 | data6 |

显示为:

<table> <thead> <tr> <th>标头1</th> <th>标头2</th> <th>标头3</th> </tr> </thead> <tbody> <tr> <td>data1</td> <td>data2</td> <td>data5</td> </tr> <tr> <td>data3</td> <td>data4</td> <td>data6</td> </tr> </tbody> </table>nn### 9.2 表格内容对齐

markdown中某一列对齐可以使用冒号:

左边加冒号表示左对齐; 右边加冒号表示右对齐; 左右都加冒号表示居中对齐;

如果需要整个表格对齐,也可以使用html格式的表格写法,markdown和html是通用的。 如下,html代码可以使整张表格居中。

<style>
.center
{
    width: auto;
    display: table;
    margin: auto;
}
</style>

<div class='center'>

项目|value
----|-----
电脑|¥1600
手机|¥234
平板|¥123
</div>

显示结果:

<table> <thead> <tr> <th>项目</th> <th>value</th> </tr> </thead> <tbody> <tr> <td>电脑</td> <td>¥1600</td> </tr> <tr> <td>手机</td> <td>¥234</td> </tr> <tr> <td>平板</td> <td>¥123</td> </tr> </tbody> </table>nn### 9.3 表格中包含竖线、换行

使用&#124;代替表格中出现的竖线; 使用html中的 代替换行;

如下:

标题1 | 标题2
:----------------:|---------:
|内容1&amp;#124;内容3|值1<br>值3|
|内容2|值2|

结果显示:

<table> <thead> <tr> <th align="center">标题1</th> <th align="right">标题2</th> </tr> </thead> <tbody> <tr> <td align="center">内容1|内容3</td> <td align="right">值1 值3</td> </tr> <tr> <td align="center">内容2</td> <td align="right">值2</td> </tr> </tbody> </table>nn### 9.4 合并单元格

markdown没有合并单元格的语法,但是markdown兼容html,所以可以使用html的方式实现单元格合并。

首先看下html中的表格基础语法,如下,其中:

<tr></tr>标签中间的是一行; <td></td>标签中间的是一列;

所以如下html代码实际显示的是一个表格

<table>
   <tr>
      <td>row1_col1</td>
      <td>row1_col2</td>
      <td>row1_col3</td>
   </tr>
   <tr>
      <td>row2_col1</td>
      <td>row2_col2</td>
      <td>row2_col3</td>
   </tr>
   <tr>
      <td>row3_col1</td>
      <td>row3_col2</td>
      <td>row3_col3</td>
   </tr>
</table>

显示表格:

<table> <tbody> <tr> <td>row1_col1</td> <td>row1_col2</td> <td>row1_col3</td> </tr> <tr> <td>row2_col1</td> <td>row2_col2</td> <td>row2_col3</td> </tr> <tr> <td>row3_col1</td> <td>row3_col2</td> <td>row3_col3</td> </tr> </tbody> </table>nn >

colspan:合并行,规定单元格可以纵跨的列数,跨几列合并行; rowspan:合并列,规定单元格可以横跨的行数,跨几行合并列;

如下html代码:

<table>
   <tr>
      <td>row1_col1</td>
      <td>row1_col2</td>
      <td>row1_col3</td>
   </tr>
   <tr>
      <td>row2_col1</td>
      <td colspan="2">跨两列合并</td>
   </tr>
   <tr>
      <td colspan="3">跨三列合并</td>
   </tr>
   <tr>
      <td>row3_col1</td>
      <td>row3_col2</td>
      <td>row3_col3</td>
   </tr>
   <tr>
      <td rowspan="2">合并两行</td>
      <td>row3_col2</td>
      <td>row3_col3</td>
   </tr>
   <tr>
      <td>row3_col1</td>
      <td>row3_col2</td>
   </tr>
</table>

显示的表格:

<table> <tbody> <tr> <td>row1_col1</td> <td>row1_col2</td> <td>row1_col3</td> </tr> <tr> <td>row2_col1</td> <td colspan="2">跨两列合并</td> </tr> <tr> <td colspan="3">跨三列合并</td> </tr> <tr> <td>row3_col1</td> <td>row3_col2</td> <td>row3_col3</td> </tr> <tr> <td rowspan="2">合并两行</td> <td>row3_col2</td> <td>row3_col3</td> </tr> <tr> <td>row3_col1</td> <td>row3_col2</td> </tr> </tbody> </table>nn > 原文地址:https://blog.csdn.net/sinat_41752325/article/details/126981367?ops_request_misc=&request_id=bf2bf62626484c059c37fe3e7545f9c4&biz_id=&utm_medium=distribute.pc_search_result.none-task-blog-2~all~koosearch~default-14-126981367-null-null.142^v88^insert_down28v1,239^v2^insert_chatgpt&utm_term=markdown

本文章网址:https://www.sjxi.cn/detil/dde4425237874bb2ba31c648abc042d0

打赏作者

本站为非盈利网站,如果您喜欢这篇文章,欢迎支持我们继续运营!

最新评论
当前未登陆哦
登陆后才可评论哦

湘ICP备2021009447号

×

(穷逼博主)在线接单

QQ: 1164453243

邮箱: abcdsjx@126.com

前端项目代做
前后端分离
Python 爬虫脚本
Java 后台开发
各种脚本编写
服务器搭建
个人博客搭建
Web 应用开发
Chrome 插件编写
Bug 修复