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 ∏

相关推荐
NULL指向我3 小时前
STM32F407VET6学习笔记5:STM32CubeMX配置串口工程_HAL库
笔记·stm32·学习
朗迹 - 张伟5 小时前
Unity数字人开发笔记
笔记·unity·游戏引擎
TechTorch6 小时前
数据库大学实验二
数据库·经验分享·笔记·mysql
xx24066 小时前
vite学习笔记
笔记·学习
林晓lx7 小时前
[学习笔记] 从零开始虚拟化搭建数据库服务器
数据库·redis·笔记·centos
江畔柳前堤7 小时前
PyQt学习系列08-插件系统与模块化开发
运维·开发语言·数据库·python·学习·机器学习·pyqt
tongxianchao8 小时前
以少学习:通过无标签数据从大型语言模型进行知识蒸馏
人工智能·学习·语言模型
CC数学建模9 小时前
2025 年江西研究生数学建模竞赛题C题基于大雾背景视频学习的能见度回归建模完整思路 模型代码 结果 成品分享
学习·数学建模·回归
蓝婷儿10 小时前
6个月Python学习计划 Day 6 - 综合实战:学生信息管理系统
java·python·学习