snow

要學習HTML以前，請先開啟https://codepen.io/pen/，這個網頁可以提供我們撰寫HTML，CSS和 JavaScript是個非常方便的網路平台。

1.頁面頂部的元素<header>標籤:
當作整個網站的開頭時，<header>標籤裡可以使用從<h1>到<h6>的標籤，也可以當作網站的標題使用。

註1:lorem是HTML中的英文假字系統，目的是讓我們先調整好版面再把要輸入的內容輸入進去，輸入方式是輸入lorem在按tab鍵。

註2:<header>標籤不能放在<footer>，<address>或另一個<header>元素中。

2.標題和副標題的群組<hgroup>:

<hgroup>標籤是為了讓網頁架構可以更簡單組織的必要標籤，可以讓使用者更輕鬆掌握重要骨架。

3.連結導航<nav>標籤:

<nav>標籤是表現文件裡或和其他文件進行連結時的導航連結。

4.網頁上的主要內容<article>標籤:

<article>標籤是指網頁上的主要內容，並如同新聞可以被引用到任何地方，一般來說部落格的文章、網頁內容使用者的註解等都可以包含在內。

5.把內容組成群組<section>標籤:

<section>可以在HTML把專題性的內容群組化。

6.標示本文以外的內容<aside>標籤:

在網頁中標示側欄這部分的標籤就是<aside>標籤，因為側欄不是必須標籤，當不需要時也可以不要在畫面中顯示。

7.製作者資訊或著作權資訊<footer>標籤:

<footer>可以放入製作者資訊或著作權資訊。

把全部今天學到的都記下來且練習吧，而且把這些都融合在一起寫出一個網頁中。

成果網頁連結:https://codepen.io/kenlu/pen/KyzvZj