打开这个 index.html ，现在这里显示的就是一个基本的 html 文档的结构，如果你的编辑器安装了 emmet 插件，可以这样，输入一个 ! 号，按一下回车，就可以得到这个基本的结构 ..

文档的一开始是一个文档的声明，意思就是告诉浏览器，这是一个 html 类型的文档 .. DOCTYPE 就是文档类型的意思 .. 从 html 5 开始， html 文档的类型都会使用这种形式 .. 之前的 html 文档的声明会比这个复杂一些 ..

现在我们只需要记住这种简单的文档声明就行了 ..

然后下面用了一组 html 标签 .. 它里面包装了整个文档的内容 ... 在这个标签上，有一个 lang ，它是在这个标签上的一个属性 .. 这个 lang 属性的意思就是告诉浏览器这个文档里的内容的语言是什么 .. en 表示这个文档里面主要是英文内容 ..

如果文档里主要是中文语言，可以把这个 lang 属性的值设置成 zh ... 或者，主要是繁体中文，可以设置成 zh-Hant .. 简体中文可以使用 zh-Hans ...

在这个 html 标签的里面，又分成了几个部分 .. 先是 head 部分，它里面的东西主要就是一些描述用的 meta 标签，链接的样式表，脚本文件等等 .. 这里的内容不会在页面上显示出来 ..

比如这里有一个 meta 标签，上面有一个 charset 属性，这个 meta 标签设置了文档里面使用的字符集 .. UTF-8 是比较国际化的一种字符集 .. 这个字符集会影响浏览器怎么样显示文档里的内容 .. 一般设置成 utf-8 就可以正常显示英文或者中文 ...

它下面是一个 title 标签，这里可以设置文档的标题，这个标题会显示在浏览器的标签栏上 .. 修改一下 .. 设置成 ninghao web .. 保存 .. 注意浏览器的标签栏上的内容就会变成我们修改之后的这个标题 ..

搜索引擎比较在乎这个标题里的内容，它会把这个标题作为判断页面主要内容的一个重要的依据 .. 所以如果有一些内容想让搜索引擎注意到，你就需要好好的在这个 title 里面描述一下 ..

跟 head 标签在同一级别的是一个 body 标签 .. 它里面是网页的主体内容，也就是你想显示给用户的东西都需要放到这个 body 标签里面 ...