一、简介
在Bootstrap中也支持在前端页面显示代码段的一些用法。
二、代码
内联代码
通过 <code> 标签包裹内联样式的代码片段。
<!DOCTYPE html>
<html>
<head>
<title>button</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
</head>
<body>
For example, <code><这里是写代码的地方></code> should be wrapped as inline.
</body>
</html>
效果图如下：
用户输入
通过 <kbd> 标签标记用户通过键盘输入的内容。
To switch directories, type <kbd>cd D:\\test</kbd> followed by the name of the directory.<br>
效果图如下：
代码块
多行代码可以使用 <pre> 标签。为了正确的展示代码，注意将尖括号做转义处理。
<!-- < 是左尖括号，>是右尖括号-->
<pre><p>Sample text here...</p></pre>
效果图如下：
变量
通过 <var> 标签标记变量。
<var>y</var> = <var>m</var><var>x</var> + <var>b</var>
效果图如下：
程序输出
通过 <samp> 标签来标记程序输出的内容。
<samp>This text is meant to be treated as sample output from a computer program.</samp>
效果图如下：
三、总结
多敲，多看，多实战，就好了。
扫一扫
549
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
