基本HTMLサンプル

bootstrap とjqueryを使用する感じのひな型だと下記の感じでしょうか

<!DOCTYPE html>
<html lang="ja">
<head>
    <title>サンプルページ</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta name="format-detection" content="telephone=no">
    <meta name="description" content="">
    <meta name="author" content="Unique Vision Productions">
    <link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css' type='text/css' media='all' />
    <link rel='stylesheet' href='./css/style.css' type='text/css' />
    <script type='text/javascript' src='https://code.jquery.com/jquery-3.6.0.js' id='jquery-js'></script>
</head>

<body>
<header>
</header>

<main>
</main>

<footer>
</footer>

<script type='text/javascript' src='https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js' id='my-js-popper-js'></script>
<script type='text/javascript' src='https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js' id='my-js-bootstrap-js'></script>
</body>
</html>

コメント

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です