</html>
*案例二
<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF‐8">
<metaname="viewport"content="width=device‐width"initial‐scale=1>
<title>常见组件</title>
<linkrel="stylesheet"href="css/bootstrap.css">
<scriptsrc="js/jquery‐3.3.1.js"></script>
<scriptsrc="js/bootstrap.js"></script>
</head>
<body>
<divclass="container‐fluid">
<h3>标题<small>副标题</small></h3>
<div>你好,<mark>亮哥教育</mark></div>
<div>你好,<abbrtitle="做教育我们是认真">亮哥教育</abbr></div>
<dl>
<dt>水果</dt>
<dd>‐香蕉‐</dd>
<dd>‐苹果‐</dd>
<dd>‐葡萄‐</dd>
<dt>肉类</dt>
<dd>‐猪肉‐</dd>
<dd>‐牛肉‐</dd>
<dd>‐羊肉‐</dd>
</dl>
<div>代码:<code>span</code> <code>div</code></div>
<div>ctrl+p:<kbd>ctrl+p</kbd></div>
</div>
</body>
</html>
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58