如何使你的mermaid流程图里的某一段文字加粗、变斜、成为上下标……

---

参考的链接

HTML标签列表(按字母排序)和HTML标签列表(按功能排序)

开头

大家好，我叫这是我58。今天，我们来看一下怎样给你的mermaid流程图具有加粗、斜体、^上_下标等字体格式的方法。

1.加粗，斜体与下划线

如果你想要使某一段文字加粗，变成斜体或者在下面添加一段下划线，那么就可以在你的mermaid流程图里的某一段文字的旁边添上<b></b>，<i></i>或者<u></u>这样三对HTML标签(因为mermaid流程图是由HTML构成的)。成品如下。

2.标记,删除线与^上_下标

如果你想要使标记上某一段文字，加上一条删除线或者变成^上标，_下标，那么就可以在你的mermaid流程图里的某一段文字的旁边添上<mark></mark>，<s></s>，或者这样四对HTML标签，成品见下面的流程图。

3.代码片与标题

如果你想要某一段文字变成代码片或者

标题

之类的文字，那么就可以在你的mermaid流程图里的某一段文字的旁边添上 <code></code>和

<h1></h1>

~

<h6></h6>

这样的七对HTML标签 (注：<h1></h1>~<h6></h6>这一些标签之后的文字会自动换行一次，而且你也看到了)，成品见下面的流程图。

4.注释与蓝色链接

而如果你想要使某一段文字变成注释或者蓝色的链接，那么就可以在你的mermaid流程图里的某一段文字的旁边添上<abbr title=你想要注释的文本></abbr>或者<a href=你想要的链接></a>这样的两对标签，成品如下。

5.其他

东西

HTML标签	代表什么
<big></big>	大字
<small></small>	小字
<input></input>	(<input>标签里的属性型可参考HTML<input>标签的简介)
<q></q>	短的引用
<p></p>	段落
<ruby>你想要的字符串<rp></rp><rt>字符的解释或发音</rt><rp></rp></ruby>	有解释或着发音的字符串字符串的解释或发音 (注：标签<rp>括起来的内容为浏览器不支持 “ruby” 元素时显示的内容，并且<rt> 标签要与<ruby>和 <rp>标签一起使用)
<button></button>
<tt></tt>	打字机文本
<ins></ins>	被插入文本
<kbd></kbd>	键盘文本（注：尽量不要多打这个标签，要不然就会出问题）
……	……

结尾

在你看到这里之后，可以评论来互动一下我哦。