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 ∏

相关推荐
陈洪奇5 分钟前
注册中心学习笔记整理
笔记·学习
光影少年10 分钟前
从前端转go开发的学习路线
前端·学习·golang
兴趣使然_3 小时前
【笔记】使用 html 创建网址快捷方式
笔记·html·js
aramae5 小时前
C++ -- STL -- vector
开发语言·c++·笔记·后端·visual studio
fen_fen5 小时前
学习笔记(32):matplotlib绘制简单图表-数据分布图
笔记·学习·matplotlib
饕餮争锋9 小时前
设计模式笔记_创建型_建造者模式
笔记·设计模式·建造者模式
萝卜青今天也要开心9 小时前
2025年上半年软件设计师考后分享
笔记·学习
amazinging10 小时前
北京-4年功能测试2年空窗-报培训班学测开-第四十七天
python·学习·selenium
吃货界的硬件攻城狮10 小时前
【STM32 学习笔记】SPI通信协议
笔记·stm32·学习
一个天蝎座 白勺 程序猿10 小时前
Python练习(1)Python基础类型操作语法实战:20道实战题解与案例分析(上)
开发语言·python·学习