<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>我要自学网</title>
</head>
<body>
<!--this is a coment-->
<h1>自学网口号</h1>
<img src="积分显示.png" WIDTH="200" HEIGHT="500"/>
<a href="http://www.zxw.net">我要自学网</a>
<p>自学成才，快速成功！<br/>增加收入，改变命运</p>
<p>自学成才，快速成功！增加收入，改变命运</p>
<div style="background-color: yellow;width: 100px;height: 100px ;">
</body>
</html>
案例解析：
①<!DOCTYPE html>是html5标准网页声明；
②<html lang="en">用来指定语音种类”en“为英文，”zh“为中文，对大小写不敏感；
③<head>与</head>之间标签用于定义文档的头部，它是所有头部元素的容器；
④<body>与</body>之间的文本是页面可见的内容；
⑤<meta charset="UTF-8">告诉给浏览器用什么方式来都这页代码；
⑥<h1></h1>之间的文本被显示为标题；（标题）
⑦<p>与</p>之间的文本被显示为段落；（段落）
⑧<a>标签定义超链接，由一个界面链接到另一个界面；（链接）
<a>最重要的属性是href属性，他指示链接的目标；
⑨<img/>来定义图像；（图像）
⑩<!-- -->为注释、<br/>为换行；
重点&&<div>可以把文档分割为不同的独立的部分，可以用作严格的组织工具，并且不使用任何任何格式与其关联，如果懂id和class来标记改<div>，那么该标签的作用会变得更加有效.