index.html

<!DOCTYPE html>
<html lang="">

<head>
  <meta charset="utf-8">
  <title>Shallow Time</title>
  <link rel="stylesheet" href="style/index.css">
</head>

<body>
  <header>
    <h1>Welcome to This</h1>
    <p>
      &lt;header&gt;Ms. Yang's Shallow Time。
    </p>
    <nav>&lt;nav&gt;
      <ul>
        <li>HTML</li>
        <li>CSS</li>
        <li>JavaScript</li>
      </ul>
    </nav>
  </header>


  <main>
    &lt;main&gt;
    <article>
      <h2>first page</h2>
      &lt;article&gt;First, I will try to build my first page with some special tags.You will see it on this page.
    </article>

    <aside>&lt;aside&gt;
      <ul>
        <li>header
          <ul>
            <li>nav</li>
          </ul>
        </li>
        <li>Layout
          
          <ul>
            <li><a href="src/layout/flexLayout.html">Flex</a></li>
            <li><a href="src/layout/gridLayout.html">Grid</a></li>
            <li><a href="http://echizen.github.io/">学习复盘精神</li>
          </ul>
        </li>
        <li>footer</li>
      </ul>
    </aside>
  </main>
  <footer>
    <p>&lt;footer&gt;copyright Yang 2019</p>
  </footer>

</body>

</html>