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> //语法结束
