HTML文档类型包括如下几部分

1.总览

<!DOCTYPE html>
<html>
<head>
	<title>我的页面</title>
	<!--设置文档使用utf-8字符集编码-->
	<meta charset="utf-8">
	<!--style标签中可以写css样式-->
	<style>
	p{
		color:red;
	}
	</style>
</head>
<body>
	<!--这里写例子-->
	<p>举个例子</p>
</body>
</html>

将上面内容复制到编辑器，更改为.html后缀结尾的文件
浏览效果如下

1.1 声明文档类型

只需要记住如下声明类型即可

<!DOCTYPE html>
1.2. HTML元素
<html>
</html>
1.3.head元素
<head>
	<!--设置文档使用utf-8字符集编码-->
	<meta charset="utf-8">
	<!--style标签中可以写css样式-->
	<style></style>
	<!-- title标签设置页面标题 体现在浏览器页面标题-->
	<title></title>	
</head>
1.4.body元素
<body>
</body>

2. 特殊字符的使用

在html文件中 <,>,",',&是特使字符，在html文件中直接用这些字符会直接被编译成html语法，遇到此类字符，html提供了具体写法，替代字符以&开头，以;结束如下所示

特殊字符替代字符
<&lt;
>&gt;
"&quot;
’&apos;
&&amp;

举例如下：

<div>我想显示p标签</div>
<!--正确示例-->
<div>正确显示p标签：&lt;p&gt;<div>
<!--错误示例-->
<div>错误显示p标签：<p><div>

页面展示如下

3. 注释的使用

html中的注释语法以<!-- 开头，以 -->结尾
如下

<!--这里写注释语句，下面是div元素-->
<div>举个例子</div>

更多推荐

html文件剖析 - mdn学习