## 代码
**内联代码**
通过`<code>`标签包裹内联样式的代码片段。如果您想要**内联显示代码**,那么你应该使用 标签。
```html
<p>通过 <code><code></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><p>多行代码可以使用 pre 标签。为了正确的展示代码,注意将尖括号做转义处理。</p></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>`标签来标记程序输出的内容。
*****
- 第一章 . bootstrap介绍
- 第二章 . 全局CSS样式
- 1、总体注意事项
- 2、栅格系统
- 3、排版
- 4、代码
- 5、表格
- 6、表单
- 7、 按钮
- 8、 图片
- 9、辅助类
- 10、响应式工具
- 第三章 . bootstrap相关CSS应用
- 1、CSS媒体查询 @media
- 2、px,em,rem之间的关系和换算方式
- 第四章 . 组件
- 1、Glyphicons 字体图标
- 2、下拉菜单
- 3、按钮组
- 4、按钮式下拉菜单
- 5、输入框组
- 6、导航
- 7、导航条
- 8、路径导航
- 9、分页
- 10、标签
- 11、徽章
- 12、巨幕
- 13、页头
- 14、缩略图
- 15、警告框
- 16、进度条
- 17、媒体对象
- 18、列表组
- 19、面版
- 20、Well
- 第五章 . JavaScript 插件
- 1、JavaScript 插件引入前提
- 2、过渡效果 (transition.js)
- 3、模态框 (modal.js)
- 4、下拉菜单 (dropdown.js)
- 5、滚动监听 (scrollspy.js)
- 6、可切换标签 (tab.js)
- 7、工具提示 (tooltip.js)
- 8、弹出框 (popover.js)
- 9、警告信息 (alert.js)
- 10、按钮 (button.js)
- 11、折叠插件(collapse.js)
- 12、轮播插件(carousel.js)
- 13、Affix插件(affix.js)