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 ∏

相关推荐
Element_南笙2 分钟前
吴恩达新课程:Agentic AI(笔记2)
数据库·人工智能·笔记·python·深度学习·ui·自然语言处理
koo3641 小时前
李宏毅机器学习笔记21-26周汇总
人工智能·笔记·机器学习
.小小陈.1 小时前
数据结构2:单链表
c语言·开发语言·数据结构·笔记·学习方法
立志成为大牛的小牛1 小时前
数据结构——二十三、并查集的终极优化(王道408)
开发语言·数据结构·笔记·学习·程序人生·考研
全栈游侠1 小时前
04-优先级与延时链表
笔记
im_AMBER2 小时前
React 01
前端·javascript·笔记·react.js·前端框架·web
稻草猫.2 小时前
文件 IO
java·笔记·后端·java-ee·idea
QT 小鲜肉2 小时前
【个人成长笔记】Qt Creator快捷键终极指南:从入门到精通
开发语言·c++·笔记·qt·学习·学习方法
lkbhua莱克瓦243 小时前
Java基础——面向对象进阶复习知识点8
java·笔记·github·学习方法
QT 小鲜肉5 小时前
【数据结构与算法基础】05. 栈详解(C++ 实战)
开发语言·数据结构·c++·笔记·学习·算法·学习方法