一个静态页面绝大部分都是由 文字、图片、超链接、音频、视频组成。
动态页面和静态页面的区别在于：是否与服务器进行数据交互
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<!-- 这是地址栏标题-->
<title>标题标签</title>
</head>
<body>
<h1>这是一级标题</h1>
<h2>这是二级标题</h2>
<h3>这是三级标题</h3>
<h4>这是四级标题</h4>
<h5>这是五级标题</h5>
<h6>这是六级标题</h6>
<!--段落标签 HTML是网页的结构，CSS是网页的外观，所以想要改变文字的颜色和大小，需要调整CSS-->
<p>web前端开发</p>
<!--段落标签是会自动换行的-->
<!--换行标签-->
<p>床前明月光，<br>疑是地上霜。<br>举头望明月，<br>低头思故乡<br></p>
<!----
使用“文本标签”来对文字进行修饰，例如粗体、斜体、上标、下标等
粗体标签：strong、b
斜体标签：i、em、cite
上标标签：sup
下标标签：sub
中划线标签：s
下划线标签：u
大字号标签：big
小字号标签：small
----->
<p>这是普通文本</p>
<strong>这是粗体文本</strong>
<b>这是粗体文本</b>
<i>斜体文本</i>
<em>斜体文本</em>
<cite>斜体文本</cite>
<!--上标标签<sup></sup>--->
<p>(a+b)<sup>2</sup>=a<sup>2</sup>+b<sup>2</sup>+2ab</p>
<!--下标标签 sub --->
<p>H<sub>2</sub>SO<sub>4</sub>是指硫酸分子</p>
<!--中划线标签 s--->
<p>水果</p>
<p><s>原价：6元</s></p>
<p><b>现在：5元</b></p>
<!--下划线标签 u--->
<p><u>web前端开发</u></p>
<big>大字号文本</big><br>
<!--水平线标签 hr-->
<hr>
<sma>小字号文本</sma>
</body>
<!---div标签用来划分HTML结构，从而配合CSS来控制某一块的样式--->
<div>
<!--这是第一首诗-->
<div>
<h3>静夜思</h3>
<p>床前明月光， 疑是地上霜。</p>
<p>举头望明月，低头思故乡。</p>
</div>
<hr/>
<!--这是第二首诗-->
<div>
<h3>春晓</h3>
<p>春眠不觉晓，处处闻啼鸟。</p>
<p>夜来风雨声，花落知多少。</p>
</div>
</div>
</html>
</DOCTYPE>