头部¹

博客标签规定

---

一、常用可以内嵌的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>

---

  
展示：

大标题

一、标题

   知识点

公式

   知识点

• 小方面
  • $a.$ 小方面细化
  • $b.$ 小方面细化

右对齐

 

---

二、图片

设置图片：位置 和 大小

<!-- 我的这样的在两侧的效果 -->
<!-- 在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%"/>

 

---

CSDN 官方指定的图片格式：

![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’

 

三、字体

# 样式
<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>

华文行楷
华文黑体
华文彩云
Leetcode

[回到顶部目录]
  
[回到顶部目录]
  
[回到顶部目录]
  
[回到顶部目录]
  
[回到顶部目录]
  
[回到顶部目录]
  
[回到顶部目录]

1.我是文本 红色red
2.我是文本 蓝色blue
3.我是文本 粉红pink
4.我是文本 紫色purple
5.我是文本 黑色black
6.我是文本 橙色orange
7.我是文本 灰色gray
8.我是文本 绿色green

五、表格

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

  
展示：

Deque 方法总结

	头部元素（队首）		尾部元素（队尾）
	抛出异常	返回特殊值（常用）	抛出异常	返回特殊值（常用）
入队列	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()

  

---

CSDN官方网站中使用的 MD 自定义列表

Markdown
: Text-to-HTML conversion tool

Authors
: John
: Luke

  
展示：

Markdown

Text-to-HTML conversion tool

Authors

John

Luke

  

---

   HTML自定义列表：在块中无法使用其他 Markdown 语法

<dl>
	<dt>学科</dt>
	      <dd>java</dd>
	      <dd>python</dd>
	      <dd>c</dd>
	      <dd>前端</dd>
	<dt>地点</dt>
	      <dd>西安</dd>
	      <dd>北京</dd>
	      <dd>邢台</dd>
</dl>

  
展示：

学科

java

python

c

前端

地点

西安

北京

邢台

---

六、锚链接

页面内跳转

# 末尾页面内跳转

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


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

网页间跳转

# 1、简单，CSDN自带的

	[网站标题](URL)

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

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

七、Typora中的技巧

1. 强制回车：在表格中可以下使用<br/>进行回车换行，快捷键为：shift（转译） + enter（回车）

2. 图片格式：<img src="url" alt="image-name" align="right" width="" style="zoom: 67%;" />
     $a.$ 右对齐： align="right"
     $b.$ 宽尺寸：width=""

3. 跳转

   # 0、无法在CSDN的markdown中使用，但是可以在Typora中使用
   
   	<a name="top">顶部</a>
   	|
   	[顶部](#top)
   

4. 代码折叠（CSDN不支持）
   折叠语法： 标签

   <details>
     <summary>点击查看隐藏内容</summary>
     <p></p>
     <pre>
     	<code>代码块</code>
     </pre>
   </details>
   

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

 
 
 
 
 
 
 

---

~ 日拱一卒，终下一城 ~

我的博客链接测试

---

1. 锚点_测试回到开头 ︎