
正文
Markdown 内嵌 HTML 语法
提示:扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式。Markdown内嵌HTML,本文总结了一些常用的HTML标记用于扩展Markdown语法。参考链接:Markdown 语法说明(简体中文版)
缩进与换行
Markdown中可以用两个空格+回车进行换行,另外<br />也可以表示换行;在Markdown中,可以用HTML中的特殊字符 , 来实现缩进的效果,其中 表示半角空格, 表示全角空格。
输入如下所示:
  半角空格用` `表示;<br />    全角空格用` `表示。
实现的效果如下所示:
半角空格用 表示;
全角空格用 表示。
字体、字号、颜色、背景
<font face="黑体">实现字体为黑体</font><small>比默认字体小一号</small>这里显示的是浏览器默认字体大小<font size=4>实现字体大小改变</font><big>比默认字体大一号</big><font color=red>实现字体颜色为红色</font><span style="background-color: orange">实现背景填充为橙色</span><font color=#FF69B4>颜色值用十六进制表示,实现字体颜色为“热情的粉红”</font><span style="background-color: #D3D3D3">颜色值用十六进制表示,实现背景填充为“浅灰色”</span><font face="黑体" size=4 color=red >实现字体效果:黑体、4号、红色</font><span style="background-color: #D3D3D3"><font size=4 color=#DC143C>默认字体,猩红色,4号,浅灰色填充</font></span>
实现的效果如下所示:
实现字体为黑体
比默认字体小一号
这里显示的是浏览器默认字体大小
实现字体大小改变
比默认字体大一号
实现字体颜色为红色
实现背景填充为橙色
颜色值用十六进制表示,实现字体颜色为“热情的粉红”
颜色值用十六进制表示,实现背景填充为“浅灰色”
实现字体效果:黑体、4号、红色
默认字体,猩红色,4号,浅灰色填充
注记:字号
size的值可取 1 ~ 7,浏览器默认字体大小为 3;
部分颜色列表可以参考 RGB颜色值与十六进制颜色码转换工具
实现上标、下标
可以用HTML中的<sup>xxx</sup>实现上标、<sub>xxx</sub>实现下标
H<sub>2</sub>O、注册商标<sup>®</sup>、(x<sub>1</sub>+x<sub>2</sub>)<sup>2</sup> = x<sub>1</sub><sup>2</sup>+x<sub>2</sub><sup>2</sup>+2x<sub>1</sub>x<sub>2</sub>
实现的效果如下所示:
H2O、注册商标®、(x1+x2)2 = x12+x22+2x1x2
实现下划线、上划线
可以使用<u>标签为文本添加下划线。
如果文本不是超链接,就不要<u>对其使用下划线</u>。
显示效果如下:
如果文本不是超链接,就不要对其使用下划线。
可以使用<span style="text-decoration: overline;"></span>为文本添加上划线。
<span style="text-decoration: overline;">RESET</span>是复位信号,输入低电平有效。
显示效果如下:
RESET是复位信号,输入低电平有效。
关于图片处理的技巧
Markdown格式生成的图片默认居左对齐,大小受图片实际大小限制

可以用HTML语言的"width"、"height"来固定图片的大小<img width=256 height=256 src="http://images2017.cnblogs.com/blog/1147566/201710/1147566-20171021214314318-1142270911.jpg" />

可以用"<div>"结合"align"控制图片居中对齐<div align="center"><img src="http://images2017.cnblogs.com/blog/1147566/201710/1147566-20171021214314318-1142270911.jpg" /></div>

若要在图片下方加标注,可用如下方式实现<center><img width=256 height=256 src="http://images2017.cnblogs.com/blog/1147566/201710/1147566-20171021214314318-1142270911.jpg" />图 1 数字图像处理的标准图</center>

图 1 数字图像处理的标准图
特殊字符
一些常用的特殊符号,比如 § 、→ 、® 等等,均可借助HTML语言很容易地实现,具体可参考HTML 4.01 符号实体
| 符号 | 说明 | 对应编码 | 英文解释 |
|---|---|---|---|
| & | AND 符号 | & | ampersand |
| < | 小于 | < | little |
| > | 大于 | > | great |
| 空格 | | number space | |
| ¿ | 倒问号 | ¿ | inverted question |
| ? | 问号 | ? | question |
| « | 左书名号 | « | left angle quote |
| » | 右书名号 | » | right angle quote |
| " | 引号 | " | quote |
| ‘ | 左单引号 | ‘ | left single quote |
| ’ | 右单引号 | ’ | right single quote |
| “ | 左双引号 | “ | left double quote |
| ” | 右双引号 | ” | right double quote |
| ¶ | 段落符号 | ¶ | paragraph |
| § | 章节符 | § | section |
| × | 乘号 | × | times |
| ÷ | 除号 | ÷ | divide |
| ± | 加减号 | ± | plus minus |
| ƒ | function | ƒ | |
| √ | 根号 | √ | radic |
| ∞ | 无穷大 | ∞ | infinite |
| ° | 度 | ° | degree |
| ≠ | 不等号 | ≠ | ne |
| ≡ | 恒等于 | ≡ | equivalent |
| ≤ | 小于等于 | ≤ | less than or equal to |
| ≥ | 大于等于 | ≥ | great than or equal to |
| ⊥ | 垂直符号 | ⊥ | perpendicular |
| ← | 左箭头 | ← | left arrow |
| → | 右箭头 | → | right arrow |
| ↑ | 上箭头 | ↑ | up arrow |
| ↓ | 下箭头 | ↓ | down arrow |
| ↔ | 水平双箭头 | ↔ | horizontal arrow |
| ↕ | 竖直双箭头 | ↕ | vertical arrow |
| ⇐ | 双线左箭头 | ⇐ | left arrow |
| ⇒ | 双线右箭头 | ⇒ | right arrow |
| ⇑ | 双线上箭头 | ⇑ | up arrow |
| ⇓ | 双线下箭头 | ⇓ | down arrow |
| ⇔ | 双线水平双箭头 | ⇔ | horizontal arrow |
| ⇕ | 双线竖直双箭头 | ⇕ | vertical arrow |
| ♠ | 黑桃 | ♠ | spades |
| ♥ | 红桃 | ♥ | hearts |
| ♣ | 梅花 | ♣ | club |
| ♦ | 方块 | ♦ | diamonds |
| © | 版权 | © | copy right |
| ® | 注册商标 | ® | registration |
| ™ | 商标 | ™ | trade |
| ¥ | 人民币 | ¥ | |
| € | 欧元 | € | euro |
| ¢ | 美分 | ¢ | cent |
| £ | 英磅 | £ | pound |
| ⊕ | ⊕ | ||
| ½ | 二分之一 | ½ | fraction |
| ¼ | 四分之一 | ¼ | fraction |
| ‰ | 千分符号 | ‰ | per mille |
| ∴ | 所以 | ∴ | there fore |
| π | 圆周率 | π | |
| ¹ | 商标1 | ¹ | super 1 |
| α | alpha | α | alpha |
| β | beta | β | beta |
| γ | gamma | γ | gamma |
| δ | delta | δ | delta |
| θ | theta | θ | theta |
| λ | lambda | λ | lambda |
| σ | sigma | σ | sigma |
| τ | tau | τ | tau |
展示数学公式
发现博客园的markdown对LaTeX公式的支持好像有bug,可以在 在线 LaTeX 公式编辑器 编辑公式后(如下图)

复制下方图片URL,或URL Encoded,或直接在生成的公式上面右键复制图片,粘贴过来即可

生成公式效果如下:

对于简单的行内公式,完全可以借用上文所说的HTML中的特殊字符实现。








