<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
</head>
<body>
<div class="container">
<!--通过code包裹内联样式的代码段，< <，> >，转义符号，kbd终端颜色-->
<p>Hello Eveyone,欢迎来到<code>英雄联盟</code>，希望<您>能在<kbd>bootstrap</kbd>希望您<code>p</code>能在这里有个好的理解</p>
<!--多行代码可以使用 <pre> 标签。为了正确的展示代码，注意将尖括号做转义处理。-->
<pre><p>Sample text here...</p></pre>
<!--max-height为350px，并在垂直方向显示滚动条-->
<pre class="pre-scrollable"><p>Sample text here...</p></pre>
<!--加减乘除不用包裹，声明变量-->
<var>y</var> = <var>m</var><var>x</var> + <var>b</var>
<!--跟平时显示没区别，为了代码可读性，标记程序输出内容-->
<samp>This text is meant to be treated as sample output from a computer program.</samp>
</div>
</body>
</html>
