html（超文本標記語言）：用來描述網頁的一種語言，定義網頁的結構。可以包含圖片，音樂等非文字元素。
CSS(層疊樣式表）：定義如何顯示 HTML 元素，描述網頁的樣子。有顏色，邊框等
JavaScript（腳本語言）：是用來實現網頁上的特效效果。如動畫，交互等
<!DOCTYPE html>
<!-- 語法的開始 -->
<html lang="en">
<!-- 頭部信息 -->
<head>
<meta charset="UTF-8" />
<title>網頁標題</title>
<meta name="keywords" content="關鍵字" />
<meta name="description" content="網頁描述" />
</head>
<body>
<!-- 定義頁面或區段的頭部 -->
<header>
<h2>頭部</h2>
<!-- 頁定義頁面或區段的導航區域 -->
<nav>
<ul>
<li><a href="#">導航1</a></li>
<li><a href="#">導航2</a></li>
</ul>
</nav>
</header>
<!-- 定義正文或一篇完整的內容 -->
<article>
<header>
<h2>文章標題</h2>
</header>
<p>正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文</p>
<footer>
<p><a href="#">文章鏈接</a></p>
</footer>
</article>
<!-- 定義 article 以外的內容-->
<section>
<header>
<h2>文章標題</h2>
</header>
<p>正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文</p>
<footer>
<p><a href="#">文章鏈接</a></p>
</footer>
</section>
<!-- 定義頁面或區段的尾部-->
<footer>
<p>©2017 lfpwhy`s Blog</p>
<nav>
<ul>
<li><a href="#">導航1</a></li>
<li><a href="#">導航2</a></li>
</ul>
</nav>
</footer>
<!-- 語法的結束 -->
</body>
</html>
</html> //語法結束
