Login dark
Toggle source 
title: Markdown模板
author: Love02xp
date: 2021-01-09 13:04:17
category: [编程代码]
tags: [VC6,代码,学习]

Markdown模板

  • 原文链接
  • 注：知识搬运，供学习交流使用，侵联删！

一、常用可以内嵌的HTML标签

<!-- 在markdown中为了方便 可以不用加闭合标签 -->
<center><font face="华文行楷">大标题</font>
# <mark><font face="华文彩云" color=red>一级标签
## &emsp;&emsp; <font face="华文黑体" color=#7D00FF>☆ 
&emsp;&emsp;首行缩进
<table><tr><td bgcolor=#E6D5B8><font size=3>表格中的颜色块</td></tr></table>
- [x] **小方面**  
    - [ ] $a.$ 小方面细化：

<p align="right">右对齐</p>

<!-- 在markdown中为了方便 可以不用加闭合标签 -->

<center><font face="华文行楷">大标题</font>

<mark><font face="华文彩云" color=red>一级标签

   <font face="华文黑体" color=#7D00FF>🍤

  首行缩进

<font size=3>表格中的颜色块
- [x] 小方面 - [ ] $a.$ 小方面细化： <p align="right">右对齐</p> * 二、图片 设置图片：位置 和 大小 
<!-- 我的这样的在两侧的效果 -->
<!-- 在markdown的块级元素，上面添加就会出现这样的效果 -->
<!-- 将图片复制到CSDN中，建立图床 + 提取图片的 url + 套用模板 -->

<!-- 使用 嵌入HTML 我喜欢使用：在图片左侧写文章 -->
<img src="url" align="right" width=50px/>

<!-- 1. 图片居中 -->
<center><img src="url" height=50px/>

<!-- 2. 高的设置 -->
    <img src="url" align="left" height=50px/>
    <img src="url" align="right" height="40%"/>
<!-- 3. 宽的设置 -->
    <img src="url" align="left" width=50px/>
    <img src="url" align="right" width="40%"/>

<!-- 我的这样的在两侧的效果 -->
<!-- 在markdown的块级元素，上面添加就会出现这样的效果 -->
<!-- 将图片复制到CSDN中，建立图床 + 提取图片的 url + 套用模板 -->

<!-- 使用 嵌入HTML 我喜欢使用：在图片左侧写文章 -->

<!-- 1. 图片居中 -->
<center>

<!-- 2. 高的设置 -->

<img src="url" align="left" height=50px/>
<img src="url" align="right" height="40%"/>

<!-- 3. 宽的设置 -->

<img src="url" align="left" width=50px/>
<img src="url" align="right" width="40%"/>

![Alt](https://img-blog.csdnimg.cn/img_convert/4b59f3f2a57bb398d8170149e8d4a2cc.gif#pic_center =30x30)

***

一、 这个图片连接可以三部分
1. 不对图片进行调整：
        ![图片的描述](图片的url)

2. 图片位置信息：
        ![图片的描述](图片的url#pic_center)
        ![图片的描述](图片的url#pic_left)        // 默认
        ![图片的描述](图片的url#pic_right)

3. 图片大小信息：
        ![图片的描述](图片的url#pic_center =30x30)        // 完整调整
        ![图片的描述](图片的url# =30x30)        // 对图片的 W 和 H 都进行调整
        ![图片的描述](图片的url# =30x)            // 只对 W 宽进行调整
        ![图片的描述](图片的url# =x30)            // 只对 H 高进行调整
        
* 使用 CSDN 自带的图片格式，只对 高 进行约束
        ![Alt](URL#pic_center =x30)

***

二、注意（主要是大小调节）
1. ‘=’ 前面要有个空格
2. 中间不是 ‘✖’ ，而是字母 ‘x’

  1. 不对图片进行调整：

        ![图片的描述](图片的url)

  2. 图片位置信息：

        ![图片的描述](图片的url#pic_center)
    ![图片的描述](图片的url#pic_left)        // 默认
    ![图片的描述](图片的url#pic_right)

  3. 图片大小信息：

        ![图片的描述](图片的url#pic_center =30x30)        // 完整调整
    ![图片的描述](图片的url# =30x30)        // 对图片的 W 和 H 都进行调整
    ![图片的描述](图片的url# =30x)            // 只对 W 宽进行调整
    ![图片的描述](图片的url# =x30)            // 只对 H 高进行调整

  • 使用 CSDN 自带的图片格式，只对 高 进行约束

        ![Alt](URL#pic_center =x30)

三、字体

# 样式
<font face="华文行楷">标题艺术字</font>
<font face="华文黑体">华文黑体</font>
<font face="STCAIYUN">华文彩云</font>
<font face="Comic Sans MS">Leetcode</font>

# 大小 就七个级别
<font size=1>[回到顶部目录]
<font size=2>[回到顶部目录]
<font size=3>[回到顶部目录]
<font size=4>[回到顶部目录]
<font size=5>[回到顶部目录]
<font size=6>[回到顶部目录]
<font size=7>[回到顶部目录]

# 颜色
<font color = red>1.我是文本 红色red</font>
<font color = blue>2.我是文本 蓝色blue</font>
<font color = pink>3.我是文本 粉红pink</font>
<font color = purple>4.我是文本 紫色purple—— #7D00FF </font>
<font color = black>5.我是文本 黑色black</font>
<font color = orange>6.我是文本 橙色orange</font>
<font color = gray>7.我是文本 灰色gray</font>
<font color = green>8.我是文本 绿色green</font>

样式

<font face="华文行楷">标题艺术字</font>
<font face="华文黑体">华文黑体</font>
<font face="STCAIYUN">华文彩云</font>
<font face="Comic Sans MS">Leetcode</font>

大小 就七个级别

<font size=1>[回到顶部目录]
<font size=2>[回到顶部目录]
<font size=3>[回到顶部目录]
<font size=4>[回到顶部目录]
<font size=5>[回到顶部目录]
<font size=6>[回到顶部目录]
<font size=7>[回到顶部目录]

颜色

<font color = red>1.我是文本 红色red</font>
<font color = blue>2.我是文本 蓝色blue</font>
<font color = pink>3.我是文本 粉红pink</font>
<font color = purple>4.我是文本 紫色purple—— #7D00FF </font>
<font color = black>5.我是文本 黑色black</font>
<font color = orange>6.我是文本 橙色orange</font>
<font color = gray>7.我是文本 灰色gray</font>
<font color = green>8.我是文本 绿色green</font>

五、表格

<table>
    <tr>
        <th colspan="4">分工</th>
    <tr>
        <th rowspan="3">辈分</th>
    </tr>
    <tr>
        <th>老大</th>
        <th>老二</th>
        <th>老三</th>
    </tr>
    <tr>
        <td>李强</td>
        <td>张明</td>
        <td>王平</td>
    </tr>
</table>
分工
辈分
老大 老二 老三
李强 张明 王平 
// 由 Java Deque 接口源码 说明注释中学到的：
在 Markdown 可嵌入HTML的表格语法可以是：
<caption>  标题
<table>    定义表格
<tr>    行
<th>    头
<td>    列
ALIGN=LEFT    对齐     [ LEFT / CENTER / RIGHT ]
ROWSPAN=2     跨列
COLSPAN = 2    跨行

内容 <b>加粗</b> <em>斜体</em>

-------------------------------------------------------------------------------

<table  BORDER CELLPADDING=3 CELLSPACING=1>
<caption><font size=5>Deque 方法总结</font></caption>
    <tr>
        <th ROWSPAN= 2></th>
        <th COLSPAN = 2>头部元素（队首）</th>
        <th COLSPAN = 2>尾部元素（队尾）</th>
    <tr>
        <th>抛出异常</th>
        <th>返回特殊值（常用）</th>
        <th>抛出异常</th>
        <th>返回特殊值（常用）</th>
    </tr>
    <tr>
        <th>入队列</th>
        <td ALIGN=LEFT><em>void addFirst(e)</em></td>
        <td ALIGN=LEFT><b>boolean offerFirst(e)</b></td>
        <td ALIGN=LEFT><em>void addLast(e)</em></td>
        <td ALIGN=LEFT><b>boolean offerLast(e)</b></td>
    </tr>
        <tr>
        <th>出队列</th>
        <td ALIGN=LEFT><em>E removeFirst()</em></td>
        <td ALIGN=LEFT><b>E pollFirst()</b></td>
        <td ALIGN=LEFT><em>E removeLast()</em> </td>
        <td ALIGN=LEFT><b>E pollLast()</b></td>
    </tr>
    </tr>
        <tr>
        <th>获得元素</th>
        <td ALIGN=LEFT><em>E getFirst()</em></td>
        <td ALIGN=LEFT><b>E peekFirst()</b></td>
        <td ALIGN=LEFT><em>E getLast()</em></td>
        <td ALIGN=LEFT><b>E peekLast()</b></td>
    </tr>
</table>

// 由 Java Deque 接口源码 说明注释中学到的：
在 Markdown 可嵌入HTML的表格语法可以是：
<caption> 标题

定义表格 行
头 列 ALIGN=LEFT 对齐 [ LEFT / CENTER / RIGHT ] ROWSPAN=2 跨列 COLSPAN = 2 跨行 内容 加粗 斜体 ------------------------------------------------------------------------------- <caption><font size=5>Deque 方法总结</font></caption>
头部元素（队首） 尾部元素（队尾）
抛出异常 返回特殊值（常用） 抛出异常 返回特殊值（常用）
入队列 void addFirst(e) boolean offerFirst(e) void addLast(e) boolean offerLast(e)
出队列 E removeFirst() E pollFirst() E removeLast() E pollLast()
获得元素 E getFirst() E peekFirst() E getLast() E peekLast()

六、锚链接

# 末尾页面内跳转

# `[^top]: 锚点_回到开头`    ：可以写在任何地方，自动数字标识
                        ：自动将请求位写到文章末尾(*)
#                        ：写在`头部[^top]`的附近的即可
# `[^top]`  注意：响应跳转的行，写在行尾：请求跳转的行，写在行首


    内容行[^top]
    |
    [^top]: ——描述——

末尾页面内跳转

[^top]: 锚点_回到开头 ：可以写在任何地方，自动数字标识

                    ：自动将请求位写到文章末尾(*)

：写在头部[^top]的附近的即可

[^top] 注意：响应跳转的行，写在行尾：请求跳转的行，写在行首

内容行[^top]
|
[^top]: ——描述——



# 1、简单，CSDN自带的

    [网站标题](URL)

----------------------------------------------------------
# 2、末尾跳转：可以写在任何位置，无默认编号

    [网页标题][1]
    |
    |   ......
    |
    [1]: URL

1、简单，CSDN自带的

[网站标题](URL)

2、末尾跳转：可以写在任何位置，无默认编号

[网页标题][1]
|
|   ......
|
[1]: URL


代码折叠（CSDN不支持）
<details>
  <summary>点击查看隐藏内容</summary>
  <p></p>
  <pre>
      <code>代码块</code>
  </pre>
</details>


details：    折叠语法标签
summary：    折叠语法展示的摘要
pre：        以原有格式显示元素内的文字是已经格式化的文本
code：        指定代码范例
blockcode:    表示程序的代码块

<details>
<summary>点击查看隐藏内容</summary>
<p></p>

      代码块

</details>