## 內聯代碼 通過 `<code>` 標簽包裹內聯樣式的代碼片段。 For example, `<section>` should be wrapped as inline. ~~~html For example, <code>&lt;section&gt;</code> should be wrapped as inline. ~~~ ## [](https://v3.bootcss.com/css/#code-user-input)用戶輸入 通過 `<kbd>` 標簽標記用戶通過鍵盤輸入的內容。 To switch directories, type cd followed by the name of the directory. To edit settings, press ctrl + , ~~~html To switch directories, type <kbd>cd</kbd> followed by the name of the directory.<br> To edit settings, press <kbd><kbd>ctrl</kbd> + <kbd>,</kbd></kbd> ~~~ ## [](https://v3.bootcss.com/css/#code-block)代碼塊 多行代碼可以使用 `<pre>` 標簽。為了正確的展示代碼，注意將尖括號做轉義處理。 ~~~ <p>Sample text here...</p> ~~~ ~~~html <pre>&lt;p&gt;Sample text here...&lt;/p&gt;</pre> ~~~ 還可以使用 `.pre-scrollable` 類，其作用是設置 max-height 為 350px ，并在垂直方向展示滾動條。 ## [](https://v3.bootcss.com/css/#code-variables)變量 通過 `<var>` 標簽標記變量。 y = mx + b ~~~html <var>y</var> = <var>m</var><var>x</var> + <var>b</var> ~~~ ## [](https://v3.bootcss.com/css/#code-sample-output)程序輸出 通過 `<samp>` 標簽來標記程序輸出的內容。 This text is meant to be treated as sample output from a computer program. ~~~html <samp>This text is meant to be treated as sample output from a computer program.</samp> ~~~