index.html

<!doctype html>
<html lang="en-US">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>My test page</title>

    <link rel="stylesheet" href="styles/for_index.css">

    <!-- 字体 -->
    <link  href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" />
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Doto:wght@100..900&display=swap" rel="stylesheet">

  </head>
  <body>


    <h1>Mozilla is cool</h1>
    <img src="images/test.jpg" height="200" width="200" alt="My test image" />

    <p>At Mozilla, we're a global community of</p>

        <ul>
        <li>technologists</li>
        <li>thinkers</li>
        <li>builders</li>
        </ul>

    <p>working together…</p>

    <a href="https://www.mozilla.org/zh-CN/about/manifesto/">Mozilla Manifesto</a>
    
    <button>Change user</button>

    <script src="scripts/for_index.js"></script>

  </body>
</html>