如果你在此之前从未写过代码，没有自己熟悉的编辑器，完全零基础。推荐使用Nodepad++做为入门编辑器进行学习。
官网地址 notepad-plus-plus.org 下载安装即可。
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8" />
<title>标题</title>
</head>
<body>
<p>Hello World!</p>
</body>
</html>打开Nodepad++，新建一个文件index.html。在文件里写入上面这段代码。双击用浏览器打开文件。如果能在浏览器中看到：
Hello World!
这就代表运行成功。而这些由<>符号组成的元素，就是HTML代码。
上面这段代码，是HTML的基本结构，是每一个HTML文件必须都包含的。
<!DOCTYPE html> <!--告诉浏览器，我是一个HTML文件-->
<html lang="zh-cn"></html> <!--HTML代码的开始和结束。我们输入的任意内容，都必须被这组标签包围-->
<!--头部区域-->
<head></head> <!--这组标签包围的是，肉眼看不到的东西-->
<meta charset="utf-8" /> <!--文档的编码格式-->
<title>标题</title> <!--文档标题-->
<!--主体区域-->
<body></body> <!--这组标签包围的是，肉眼能看到的东西-->
<p>Hello World!</p> <!--一个段落的内容--> HTML的标签，又分为元素和属性。
<html lang="zh-cn">
<meta charset="utf-8" />
<!--上面，<html> <meta> 为HTML元素。元素里面的内容，lang="zh-cn" charset="utf-8" 为HTML的元素属性-->对于元素与属性的微妙关系，会在下面的章节一一展开。
闭合标签是HTML结束的声明，有两种闭合形式，单标签和双标签。
<meta charset="utf-8" /> <!--单标签的闭合方式-->
<title></title> <!--双标签的闭合方式--> 双标签的里面通常包含显示内容，例如上面提到的段落 <p></p>。而单标签通常是独立存在，例如换行 <br />，水平线<hr />等就是单标签。
注释是编程人员对代码对备注，注释的内容只显示在代码中，而用户不能看到。HTML的注释语法是<!-- -->标签。
<!-- 这段内容，将不会被显示 -->
<p>这段内容，将会被显示</p>