如何使你的mermaid流程图里的某一段文字加粗、变斜、成为上下标……
·
参考的链接
开头
大家好，我叫这是我58。今天，我们来看一下怎样给你的mermaid流程图具有加粗、斜体、上下标等字体格式的方法。
1.加粗，斜体与下划线
如果你想要使某一段文字加粗，变成斜体或者在下面添加一段下划线，那么就可以在你的mermaid流程图里的某一段文字的旁边添上<b></b>，<i></i>或者<u></u>这样三对HTML标签(因为mermaid流程图是由HTML构成的)。成品如下。
2.标记,删除线与上下标
如果你想要使标记上某一段文字，加上一条删除线或者变成上标，下标，那么就可以在你的mermaid流程图里的某一段文字的旁边添上<mark></mark>，<s></s>，<sup></sup>或者<sub></sub>这样四对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>括起来的内容为浏览器不支持 “ |
| <button></button> |  |
| <tt></tt> | 打字机文本 |
| <ins></ins> | 被插入文本 |
| <kbd></kbd> | 键盘文本（注：尽量不要多打这个标签，要不然就会出问题） |
| …… | …… |
结尾
在你看到这里之后，可以评论来互动一下我哦。
腾讯云面向开发者汇聚海量精品云计算使用和开发经验，营造开放的云计算技术生态圈。
更多推荐
41
0- 0
已为社区贡献1条内容
所有评论(0)