我们先在网页项目的根目录下 .... 创建一个网页文件 .... 新建文件 .... 命名为 index.html ...
网页的最开始我们要声明一个这个文档的类型，输入 <!DOCTYPE html> ，这是 html5 类型的文档声明，表示这是一个 html 文档，浏览器会读取这个声明判断如何显示文档里的内容。
网页的所有内容会放在一组 <html> 标签里面 ... <html> ，结束用 </html> 。
在这个标签里，我们可以加上一个 lang 属性，说明一下内容的语言，输入 lang="zh-CN" ，引号之间是语言的代码，zh-CN 表示的就是简体中文，如果是英文，语言的代码应该就是 en 。
接下面是网页的 head 部分 ... 我们使用 <head> 标签来标记这部分内容，输入 <head> ，在这个标签之前，我们可以按两下空格键，缩进一下，这样可以记网页代码的结构更清晰。
使用 </head> 结束 ...
在这组 <head> 标签之间，我们可以设置网页的页面标题 ，关键词，描述，字符的编码格式， 使用的样式表和脚本文件等等，这些内容不会真正显示出来。浏览器或者搜索引擎都需要这部分内容来判断如何处理这个网页。
下面我们来看几个在 <head> 部分常用的东西。
先按两下空格，然后输入 <meta charset="utf-8">，这行代码告诉浏览器，网页上的字符使用 utf-8 的编码格式。
另外还有一些 <meta> 标签，比如描述网页的描述，可以输入 <meta name="description" content="凤凰社是一个分享感动的地方"> 。
name="description" 表示这行代码是网页的描述，描述的具体内容就是 content 后面里的内容，也就是 凤凰社是一个分享感动的地方，这行文字是这个网页的一个大概的内容。
搜索引擎可能会用到这个描述内容，有可能把它作为搜索结果的一部分。
另起一行，我们继续输入其它的内容， <title> </title> ，在这组 <title> 标签里，我们可以定义网页的页面标题。 输入 凤凰社 ...
这个标题会显示在浏览器的标题栏或者标签栏上，搜索引擎会把 <title> 标签之间的内容作为搜索结果的标题。
链接样式表与脚本文件
下面我们可以把网页用到的样式表和脚本文件链接过来。另起一行，输入 <link rel="stylesheet" href="bootstrap/css/bootstrap.css">
href 后面就是样式表的具体位置。这里我们使用的是一个相对的地址，也就是相对于这个网页，样式表所在的位置， 相对于 index.html 这个网页，bootstrap.css 这个样式表在 bootstrap 目录下面的 css 这个目录里面。
我们再把需要的脚本文件链接到网页里，输入 <script src="js/jquery-1.8.3.min.js"></script>，使用 <script> 标签我们可以把脚本文件链接到网页里，src后面就是脚本文件具体的位置，相对于 index.html 这个网页，jquery-1.8.3.min.js 这个脚本文件在 js 这个目录下。
复制一下这行代码，我们可以链接其它的脚本文件...
修改一下 src 属性里的值，我们把 bootstrap.js 这个文件链接过来，相对于 index.html 这个文件，bootstrap.js 是在 bootstrap/js 这里 ...
如果网页需要加载其它的样式表和脚本文件，你可以使用这里介绍的形式去把它们链接过来。这样浏览器的显示这个网页的时候，会去下载这些样式表和脚本文件，然后决定如何处理并显示网页里的内容。
保存一下这个网页文件 ...
下面我们可以预览一下这个网页 ... 在网页的目录里，找到刚才我们创建的 index.html 这个网页 ...
除了在这个页面的标签栏上会显示在 <title> 标签里定义的页面标题以外，页面上没有显示任何内容，因为我们还没有真正的输入网页的内容。 在下面视频里我们继续编辑这个网页。
