0
点赞
收藏
分享

微信扫一扫

如何使你的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>括起来的内容为浏览器不支持 “ruby” 元素时显示的内容,并且<rt> 标签要与<ruby><rp>标签一起使用)

<button></button>
<tt></tt>打字机文本
<ins></ins>被插入文本
<kbd></kbd>键盘文本(注:尽量不要多打这个标签,要不然就会出问题)
…………

结尾

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

举报

相关推荐

0 条评论