<!doctype html>
<html lang="en">

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link href="<https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css>" rel="stylesheet">

    <title>Hello, world!</title>

</head>

<body>
    <h1>h1. Bootstrap heading</h1>
    <h1 class="display-1">Display 1</h1>

    <!-- 아래와 같이 쓰지 않습니다. -->
    <div class="h1">h1. Bootstrap heading</div>

    <!-- 아래와 같이 잘 쓰지 않습니다. -->
    <p class="h1">h1. Bootstrap heading</p>
    <p class="h2">h1. Bootstrap heading</p>
    <p class="h3">h1. Bootstrap heading</p>
    <p class="h4">h1. Bootstrap heading</p>
    <p class="h5">h1. Bootstrap heading</p>
    <p class="h6">h1. Bootstrap heading</p>
    <br>
    
    <!-- 아래는 bold가 다릅니다. -->
    <kbd> <kbd>ctrl</kbd> + <kbd> k </kbd></kbd><br>
    <kbd> ctrl +  k </kbd><br>

    <!-- JavaScript -->
    <script src="<https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js>"></script>
</body>

</html>