网页制作过程中，通常我们会选择一些集成开发工具，如EditPlus、notepad++、sublime、Dreamweaver等。为了方便起见，我们这里选择EditPlus5.-bit版本来制作网页。
创建过程如下图：
创建后html文档中的缩进为一个空格，我们可以通过调整模板和修改设置来使空格数为4，如下图：
修改HTML5文档标题，将代码title与title标记中的“Document”，修改为“我的第一个网页”。然后，在body与/body标记之间添加一段文本“HelloWorld”，具体代码如下：
在菜单栏中选择→选项，其快捷键为Ctrl+S。接着，在弹出来的“另存为”对话框中选择文件的保存地址并输入文件名即可保存文件。例如，本书将文件命名为“第二讲.html”，保存在D盘“HTML5”文件夹下，如下图。
在菜单中选择→选项，会得到网页显示效果，如下。
由于谷歌浏览器对HTML5及CSS3的兼容性支持最好，而且调试网页非常方便，所以在HTML5网页制作过程中它也是最常用的浏览器。我们用谷歌浏览器打开看一下效果，如下。
!doctype标记标记位于文档的最前面，用于向浏览器说明当前文档使用哪种HTML标准规范，HTML5文档中的DOCTYPE声明非常简单，代码如下：
html标记位于!doctype标记之后，也称为根标记，用于告知浏览器其自身是一个HTML文档，html标记标志着HTML文档的开始，/html标记标志着HTML文档的结束，在它们之间的是文档的头部和主体内容。head标记用于定义HTML文档的头部信息，也称为头部标记，紧跟在html标记之后，主要用来封装其他位于文档头部的标记，例如title、meta、link及style等，用来描述文档的标题、作者，以及与其他文档的关系等。一个HTML文档只能含有一对head标记。body标记用于定义HTML文档所要显示的内容，也称为主体标记。一个HTML文档只能含有一对body标记，且body标记必须在html标记内，位于head头部标记之后，与head标记是并列关系。