html-文档结构

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>实验楼</title>
  </head>
  <body>
    <header>
      <h1>This Is Header</h1>
    </header>
    <nav>
      <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">Team</a></li>
        <li><a href="#">Contact</a></li>
      </ul>
     </nav>
    <main>
      <article>
        <h1>Article heading</h2>
        <p>好好学习天天向上</p>
        <h2>subsection</h3>
        <p>今天适合学习</p>
        <h3>Another subsection</h3>
        <p>学习使我快乐</p>
      </article>
      <aside>
        <h2>Related</h2>
         <ul>
          <li><a href="#">春天万物复苏</a></li>
          <li><a href="#">夏天夏日绵绵</a></li>
          <li><a href="#">秋天秋高气爽</a></li>
          <li><a href="#">冬天白雪皑皑</a></li>
        </ul>
      </aside>
    </main>
    <footer>
      <p>©Copyright 2018 by CHD.</p>
    </footer>
  </body>
</html>
posted @ 2019-11-08 11:25  emma0804  阅读(75)  评论(0编辑  收藏  举报