-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathheading.html
47 lines (44 loc) · 2.05 KB
/
heading.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>bs3</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
</head>
<body>
<h1 class="text-danger">h*</h1>
<p class="h1">h1 Bootstrap heading</p>
<p class="h2">h2 Bootstrap heading</p>
<p class="h3">h3 Bootstrap heading</p>
<p class="h4">h4 Bootstrap heading</p>
<p class="h5">h5 Bootstrap heading</p>
<p class="h6">h6 Bootstrap heading</p>
<hr>
<hr>
<h1 class="text-danger">display-*,mark,abbr</h1>
<p class="display-1 mark">Display 1 <abbr title="bootstrap-5">BS-5</abbr> heading</p>
<p class="display-2">Display 2 <abbr title="bootstrap-5">BS-5</abbr> heading</p>
<p class="display-3 mark">Display 3 <abbr title="bootstrap-5">BS-5</abbr> heading</p>
<p class="display-4 ">Display 4 <abbr title="bootstrap-5">BS-5</abbr> heading</p>
<p class="display-5 mark">Display 5 <abbr title="bootstrap-5">BS-5</abbr> heading</p>
<p class="display-6 ">Display 6 <abbr title="bootstrap-5">BS-5</abbr> heading</p>
<hr>
<hr>
<h1 class="text-danger">blockquote,blockquote-footer</h1>
<p class="blockquote">For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in
100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.</p>
<p class="blockquote-footer">From WWF's website</p>
<hr>
<hr>
<h1 class="text-danger">discription-list,code,pre,kbd</h1>
<dl>
<dt>discription title-1</dt>
<code><dd><pre> discription data-1</pre></dd></code>
<dt>discription title-2</dt>
<dd><pre> <kbd>discription data-2</kbd></pre></dd>
</dl>
</body>
</html>