记得刚接触HTML的时候，有一些元素只会写但是不明白其含义，这情况真是很尴尬。本节将来解析一下HTML文档的主要的骨架标签的含义。
一、Hello World
编写第一段HTML代码，在页面上输出文本Hello World代码如下：
<!--声明文档内容为html--> <!DOCTYPE html> <!--设置语言为英文--> <html lang="en"> <head> <!--设置文档默认编码--> <meta charset="UTF-8"> <!--网页的title--> <title>系统首页</title> </head> <body> <p>Hello World</p> </body> </html>
这是一段最简单HTML代码，但是其骨架完整。在浏览器中浏览效果如图：
二、读懂每一个标签
一个符合规范的HTML文档会包含DOCTYPE、html、head、body这些基本的文档元素。当然即使没有显式的元素标签，网页也是可以显示，但是不建议这么去做。
1、HTML5基本文档结构
<!DOCTYPE html> <html lang="en"> <head></head> <body> </body> </html>
上述示例演示了HTML文档骨架的4种文档元素的使用方法。接下来，将逐一解读。
<!DOCTYPE HTML>
!DOCTYPE 元素主要有两个作用第一是告诉浏览器，它即将处理的是一份HTML文档；第二是用来标记HTML的版本。通常这样的声明都在文档的第一行。
<html></html>
html元素是文档的根元素。
head></head>
head元素是文档的头部（通俗的理解），
在head元素中可以使用title元素和其他的元数据元素，也可以在head中引用js、css和定义js、css。
<body></body> body元素（容器）中是文档的展示内容。
PS：小伙伴们真棒，已经写出了第一个网页。加油！
如果觉得我的文章对您有用，请点赞收藏。您的支持将鼓励我继续创作。
知识分享到这里就结束了，学习web前端的可以来我的群
群里每天都有对应资料学习：675498134
欢迎初学和进阶中的小伙伴,一起学习，一起进步。