ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
## 代码 **内联代码** 通过`<code>`标签包裹内联样式的代码片段。如果您想要**内联显示代码**,那么你应该使用 标签。 ```html <p>通过 <code>&lt;code&gt;</code> 标签包裹内联样式的代码片段。如果您想要**内联显示代码**,那么你应该使用 标签。</p> ``` ![](https://img.kancloud.cn/e0/e5/e0e5cc4c434b0be60437efacbf0048a4_1055x41.png) ***** **用户输入** 通过`<kbd>`标签标记用户通过键盘输入的内容。 ```html <p>通过kbd标签标记用户通过键盘输入的内容。<kbd>cd</kbd> <kbd>ctrl + ,</kbd></p> ``` ![](https://img.kancloud.cn/a3/cb/a3cb7fca9ec527d87e9c7fb4148d6259_955x44.png) ***** **代码块** 多行代码可以使用`<pre>`标签。为了正确的展示代码,注意将尖括号做转义处理。 ```html <pre>&lt;p&gt;多行代码可以使用 pre 标签。为了正确的展示代码,注意将尖括号做转义处理。&lt;/p&gt;</pre> ``` ![](https://img.kancloud.cn/a3/24/a324aad2f849879bb9aa693afd8cc8a8_938x79.png) ***** 还可以使用`.pre-scrollable`类,其作用是设置代码块区域的最大高度 max-height 为 350px ,代码块的高随着代码的多少改变,并在垂直方向展示滚动条。 **变量** 通过`<var>`标签标记变量。 ```html <var>y</var> = <var>m</var><var>x</var> + <var>b</var> ``` ![](https://img.kancloud.cn/00/40/00405e5a5bdb341640248078565a1d3b_931x33.png) ***** **程序输出** 通过`<samp>`标签来标记程序输出的内容。 *****