<!-- 表示是一个html文档，需要使用可以解释Html文档的程序才可以打开 -->
<!DOCTYPE html>
<!-- html文档的基本结构
必须包含在<html></html>的内部，这样 <xxxx></xxxx> 的形式成为 html 标签或者 html元素，是html页面的基本构成
有开始和结束的标记的标签是闭合标签，也有未闭合的标签
-->
<html>
<head>
<title></title>
<!-- 除了英文之外，大部分的字符都需要有自己单独的编码方式，utf-8 是一种通用的编码方式，可以编码世界上绝大部分的语言文字 -->
<meta charset="utf-8">
</head>
<body>
<h1 class="test">HTML5 - 1610班</h1>
<!-- 除了标签本身之外，标签内部还有结构可以拆分，标签可以用属性定义或者描述自己的一些特征 -->
<img id="img1" class="test" src="screen123.png" alt="这是头像">
<!-- 通用的属性：
id 在一个页面内是唯一的
class 表示一个类别，可以用来描述公共的特征
title 表示这个标签用来提示的内容
-->
<img id="img2" class="test" src="screen.png" title="头像" alt="">
<!-- 闭合的标签内部可以嵌套其他的标签(嵌套时保持大标签在外小的在内的原则)，但是标签不可以交叉 : <xxx><yyy></xxx></yyy> -->
<!-- 网页的结构传达了作者想传达的准确内容，也是搜索引擎搜索规则中的比较重要的一部分，还有在后期整个 html 文档操作时更加方便 -->
<p>今天王叔叔去小明家<i>玩妈妈</i>说你做完作业可以去玩小明做完作业<b>叔叔亲了他妈</b><em>妈也亲了他</em></p>
</body>
</html>
