<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css"> <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script> <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script> <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script> </head> <body> <div class="container"> <h1>テキストのより小さいタイトル</h1> <p>small 要素はフォントサイズがより小さく、色が薄いテキストに使用されます:</p> <h1>h1 タイトル <small>サブ(副)タイトル</small></h1> <h2>h2 タイトル <small>サブ(副)タイトル</small></h2> <h3>h3 タイトル <small>サブ(副)タイトル</small></h3> <h4>h4 タイトル <small>サブ(副)タイトル</small></h4> <h5>h5 タイトル <small>サブ(副)タイトル</small></h5> <h6>h6 タイトル <small>サブ(副)タイトル</small></h6> </div> </body> </html>