:::

3-2-1-9 至此的完整語法

最後結果:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>校園日誌</title>
    <link
      href="/node_modules/bootstrap/dist/css/bootstrap.min.css"
      rel="stylesheet"
    />

    <link href="/css/style.css" rel="stylesheet" />
    <script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
    <link
      href="/node_modules/@fortawesome/fontawesome-free/css/all.min.css"
      rel="stylesheet"
    />
  </head>
  <body>
    <nav class="navbar navbar-expand-lg navbar-dark bg-my-blue mb-5">
      <div class="container">
        <a class="navbar-brand" href="/"
          ><img
            src="https://campus-xoops.tn.edu.tw/uploads/logo/210105122929.png"
            alt="校園日誌"
        /></a>
        <button
          class="navbar-toggler"
          type="button"
          data-bs-toggle="collapse"
          data-bs-target="#navbarSupportedContent"
          aria-controls="navbarSupportedContent"
          aria-expanded="false"
          aria-label="Toggle navigation"
        >
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
          <ul class="navbar-nav me-auto mb-2">
            <li class="nav-item">
              <a class="nav-link active" aria-current="page" href="#">榮譽榜</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#">傑出校友</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#">校園新聞</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#">海外交流</a>
            </li>
          </ul>

          <form class="d-flex">
            <div class="input-group">
              <input
                class="form-control border border-end-0"
                type="search"
                placeholder="搜尋文章"
              />
              <button class="btn bg-white border border-start-0" type="button"><i class="fas fa-search"></i></button>
            </div>
          </form>
        </div>
      </div>
    </nav>
  </body>
</html>

 


:::

書籍目錄

展開 | 闔起

https%3A%2F%2Fcampus-xoops.tn.edu.tw%2Fmodules%2Ftad_book3%2Fpage.php%3Ftbsn%3D52%26tbdsn%3D1775

計數器

今天: 4113411341134113
昨天: 5069506950695069
總計: 5134561513456151345615134561513456151345615134561