<!DOCTYPE HTML> <html> <head>...</head> <body>...</body> </html>
解释一下上面的代码：
1.首先，<!DOCTYPE HTML>是HTML文档声明，必须写在HTML文档的第一行，位于<html>标签之前，表明该文档是HTML5文档。
2.<html></html> 称为HTML根标签，所有的网页标签都在<html></html>中。
3.<head></head> 标签用于定义文档的头部，它是所有头部元素的容器。常见的头部元素有<title>、<script>、<style>、<link>和<meta>等标签。
4.在<body>和</body>标签之间的内容是网页的主要内容，如<h1>、<p>、<a>、<img>等网页内容标签，在<body>标签中的内容（图中淡绿色部分内容）最终会在浏览器中显示出来。
HTML文档包含了HTML标签及文本内容，不同的标签在浏览器上会显示出不同的效果，所以我们需要记住最常见的标签的特性。
<html>：开始标签 ; </html>：闭合标签，闭合标签和开始标签不同，在于前面多了/
html中的标签都是 闭合标签,
<!-- 声明HTML文档的类型,标记该文档为HTML5的文件--> <!DOCTYPE html> <!-- 页面根节点开始--> <!-- html中的标签都是 闭合标签 闭合标签包含 双闭合和单闭合 双闭合有:<html></html> 单闭合有:<meta> 或者这样写<meta/>也可以 --> <html></html> <!-- 页面根节点结束-->
闭合标签包含 双闭合和单闭合
双闭合有:<html></html> 就是有开头，有结尾
单闭合有:<meta> 或者这样写<meta/>也可以 ，只有一个标签就是单闭合标签
编写HTML，记得缩进，不然看起来很乱
<!-- 声明HTML文档的类型,标记该文档为HTML5的文件--> <!DOCTYPE html> <!-- 页面根节点开始--> <!-- html中的标签都是 闭合标签 闭合标签包含 双闭合和单闭合 双闭合有:<html></html> 单闭合有:<meta> 或者这样写<meta/>也可以 --> <html> <!-- 页面字节点开始区域--> <head> <!-- 包含头部信息 是一个容器 包含 style title meta script link等标签--> </head> <body> <!-- 包含浏览器显示的内容标签div p a img input等标签 --> 这是我们的文档 </body> <!-- 页面字节点结束区域--> </html> <!-- 页面根节点结束-->
上面的代码用浏览器打开出现乱码，让浏览器显示中文
在<head>里面加上<meta>标签 ，<meta>声明头部的元信息，<meta>是单闭合标签， 可以<meta/>这样写
规定编码格式为utf-8
<!-- 声明HTML文档的类型,标记该文档为HTML5的文件--> <!DOCTYPE html> <!-- 页面根节点开始--> <!-- html中的标签都是 闭合标签 闭合标签包含 双闭合和单闭合 双闭合有:<html></html> 单闭合有:<meta> 或者这样写<meta/>也可以 --> <html> <!-- 页面字节点开始区域--> <head> <!-- 声明头部的元信息，对我们HTML文档 规定编码格式--> <meta charset="utf-8"> <!-- 包含头部信息 是一个容器 包含 style title meta script link等标签--> </head> <body> <!-- 包含浏览器显示的内容标签div p a img input等标签 --> 这是我们的文档 </body> <!-- 页面字节点结束区域--> </html> <!-- 页面根节点结束-->
