markdown学习笔记

markdown学习笔记

1.文字(依靠HTML)

1.1文字缩进-空格转义符

html 复制代码
单字符空:   半字符空: 

1.2文字对齐

html 复制代码
「居中:」<center> 居中 </center> or <p align="center"> 居中 </p>
「左对齐:」<p align="left">左对齐</p>
「右对齐:」<p align="right">右对齐</p>

「居中:」
居中 or

居中

「左对齐:」

左对齐

「右对齐:」

右对齐

1.3 字体与颜色(font=字体)

1.3.1 字体-face
html 复制代码
<font face="宋体">字体</font>,
<font face="黑体">字体</font>,
<font face="微软雅黑">字体</font>,
<font face="微软正黑体">字体</font>,
<font face="仿宋">字体</font>,
<font face="楷体">字体</font>,
<font face="仿宋">字体</font>

字体,字体,字体,字体,字体,字体,字体

1.3.2 大小更换-size

Size规定文本的尺寸大小,取值从 1 到 7,浏览器默认值是 3。

html 复制代码
<font face="黑体" size=5>我是黑体5号字</font>

我是黑体2号字

1.3.3 颜色-color
html 复制代码
<font color=red size=3>红色</font>

红色

1.3.4下划线-u
html 复制代码
<u>是非真假无法判断,不如坚强。</u>

++是非真假无法判断,不如坚强。++

2.表格

2.1 语法格式

html 复制代码
|  表头  | 表头  |
|  ---- | ---- |
| 单元格 | 单元格 |
| 单元格 | 单元格 |
表头 表头
单元格 单元格
单元格 单元格

2.2 表格对齐

html 复制代码
-: 设置内容和标题栏居右对齐。
:- 设置内容和标题栏居左对齐。
:-: 设置内容和标题栏居中对齐。
实例如下:
| 左对齐 | 右对齐 | 居中对齐 |
| :-----| ----: | :----: |
| 单元格 | 单元格 | 单元格 |
| 单元格 | 单元格 | 单元格 |

实例如下:

左对齐 右对齐 居中对齐
傲来雾花果香 定海一棒万妖朝 东海外水帘中,齐天比高仙折腰
素衣着泪情诗 待你未归人潮逝 初相识唇上血,千古第一为红颜

3.背景色-如表

html 复制代码
<table>
  <tbody>
  <tr>
    <th>颜色名</th>
    <th>十六进制颜色值</th>
    <th>颜色</th>
  </tr>
  <tr>
    <td><font color="AliceBlue">AliceBlue</font></td>
    <td><font color="AliceBlue">F0F8FF</font></td>
    <td bgcolor="AliceBlue">rgb(240, 248, 255)</td>
  </tr>
  <tr>
    <td><font color="AntiqueWhite">AntiqueWhite</font></td>
    <td><font color="AntiqueWhite">#FAEBD7</font></td>
    <td bgcolor="AntiqueWhite">rgb(250, 235, 215)</td>
  </tr>
  <tr>
    <td><font color="Lavender">Lavender</font></td>
    <td><font color="Lavender">#E6E6FA</font></td>
    <td bgcolor="Lavender">rgb(230, 230, 250)</td>
  </tr>
  <tr>
    <td><font color="LavenderBlush">LavenderBlush</font></td>
    <td><font color="LavenderBlush">#FFF0F5</font></td>
    <td bgcolor="LavenderBlush">rgb(255, 240, 245)</td>
  </tr>
  <tr>
    <td><font color=" LightPink"> LightPink</font></td>
    <td><font color=" LightPink">#FFB6C1</font></td>
    <td bgcolor=" LightPink">rgb(255, 182, 193)</td>
  </tr>
  <tr>
    <td><font color="LightSalmon">LightSalmon</font></td>
    <td><font color="LightSalmon">#FFA07A</font></td>
    <td bgcolor="LightSalmon">rgb(255, 160, 122)</td>
  </tr>
  <tr>
    <td><font color="MintCream">MintCream</font></td>
    <td><font color="MintCream">#F5FFFA</font></td>
    <td bgcolor="MintCream">rgb(245, 255, 250)</td>
  </tr>
  <tr>
    <td><font color="MistyRose">MistyRose</font></td>
    <td><font color="MistyRose">#FFE4E1</font></td>
    <td bgcolor="MistyRose">rgb(255, 228, 225)</td>
  </tr>
  <tr>
    <td><font color="Moccasin">Moccasin</font></td>
    <td><font color="Moccasin">#FFE4B5</font></td>
    <td bgcolor="Moccasin">rgb(255, 228, 181)</td>
  </tr>
  <tr>
    <td><font color="MintCream">MintCream</font></td>
    <td><font color="MintCream">#F5FFFA</font></td>
    <td bgcolor="MintCream">rgb(245, 255, 250)</td>
  </tr>
  <tr>
    <td><font color="PaleVioletRed">PaleVioletRed</font></td>
    <td><font color="PaleVioletRed">#D87093</font></td>
    <td bgcolor="PaleVioletRed">rgb(216, 112, 147)</td>
  </tr>
</table>
颜色名 十六进制颜色值 颜色
AliceBlue F0F8FF rgb(240, 248, 255)
AntiqueWhite #FAEBD7 rgb(250, 235, 215)
Lavender #E6E6FA rgb(230, 230, 250)
LavenderBlush #FFF0F5 rgb(255, 240, 245)
LightPink #FFB6C1 rgb(255, 182, 193)
LightSalmon #FFA07A rgb(255, 160, 122)
MintCream #F5FFFA rgb(245, 255, 250)
MistyRose #FFE4E1 rgb(255, 228, 225)
Moccasin #FFE4B5 rgb(255, 228, 181)
MintCream #F5FFFA rgb(245, 255, 250)
PaleVioletRed #D87093 rgb(216, 112, 147)

4.图片

4.1图片大小(依靠HTML)

1.使用zoom

python 复制代码
<img src="https://img-blog.csdnimg.cn/img_convert/ef9b0688c1fed69d94b2fd719f1693d3.png" alt="13221564654"  style="zoom: 33%;" />
<img src="https://img-blog.csdnimg.cn/img_convert/ef9b0688c1fed69d94b2fd719f1693d3.png"  style="zoom: 25%;" />

2.设置style中的width

4.2多张图片并排显示

1.图片连接连着,不空格,不换行

2.居中图片

python 复制代码
<center><img src="https://img-blog.csdnimg.cn/img_convert/ef9b0688c1fed69d94b2fd719f1693d3.png"  width="100px" /></center>

5.图表

1.顺序图
Alice Bob Hello Bob, how are you? Bob thinks I am good thanks! Alice Bob

2.流程图
Created with Raphaël 2.3.0 Start Your Operation Yes or No? End yes no

流程图2
One Two Hard edge Round edge Decision Result one Result two

3.饼图
62% 14% 24% Pie Chart Dogs Cats Rats

6.数学

1.数学公式

​ 单边大括号: 程序 = { 数据结构 算法 程序=\left\{ \begin{matrix} 数据结构 \\ 算法 \end{matrix} \right. 程序={数据结构算法

latex 复制代码
 程序=\left\{ \begin{matrix} 数据结构 \\ 算法  \end{matrix} \right. 

分号:\frac {分子} {分母}

求和符号 y = β 0 + β 1 x + ∑ i = 1 k w i ( x − a i ) + y=\beta_0 +\beta_1 x+\sum_{i=1}^{k}{w_i(x-a_i)_+} y=β0+β1x+i=1∑kwi(x−ai)+

矩阵使用Markdown写矩阵_韩湘的博客-CSDN博客_markdown写矩阵

∏ \prod ∏

相关推荐
wyjcxyyy40 分钟前
DIDCTF-应急响应
笔记·ctf·应急响应与电子取证
蓝胖子不会敲代码41 分钟前
跟着AI学习C# Day14
开发语言·学习·c#
nuoyigui98891 小时前
visual studio学习250614(编译错误)
ide·学习·visual studio
雁于飞1 小时前
计算机网络与数据通信基础
笔记·计算机网络·考研·学习方法
zx_zx_1231 小时前
线程的学习
java·开发语言·学习
圆心角和圆周角1 小时前
MongoDB学习记录(快速入门)
javascript·数据库·学习·mongodb
爱吃煎蛋的小新1 小时前
WPF入门 #1 WPF布局基础
笔记·学习·c#·wpf
qqxhb1 小时前
零基础设计模式——总结与进阶 - 3. 学习资源与下一步
学习·设计模式·重构·代码整洁之道
✎ ﹏梦醒͜ღ҉繁华落℘1 小时前
WPF学习(二)
学习·wpf
半夏知半秋2 小时前
skynet源码学习-skynet_env守护进程
服务器·学习·系统架构