本文内容体系如下：

前面我们已经学习了网页和网站的入门知识、HTML入门知识，知道了HTML的基本结构和标签相关概念，接下来开始实践，使用Windows系统自带的记事本软件来写我们第一个HTML页面。

一、记事本写HTML代码详细步骤

（1）创建目录

目录也就是文件夹，打开电脑中的某个磁盘（一般不要放在C盘，C盘是系统盘，如果只有一个C盘，那就打开C盘），在磁盘中创建一个文件夹，取名HTMLDemo（这个名称随便取，建议名称中不要包含中文和一些特殊符号），如下图所示。

（2）创建HTML文件

双击HTMLDemo文件夹，进入文件夹中，右击鼠标，选择新建，选择文本文档，给文档取名“01我的第一个网页”（当前学习HTML文件名可以使用中文命名，后面实际开发中，文件名中不要包含中文名和特殊符号），修改文件后缀名为html或者htm。如下图所示。


创建成功的HTML文件如下所示：

有些电脑系统不显示文件后缀名，效果如下

这时候按照上述步骤创建HTML文件，创建的依然是文本文档，效果如下：

要看到文件后缀名，可以点击“查看”，勾选“文件后缀名”，效果如下：

显示文件后缀名之后，可以发现上面创建的文件为txt文件，只是这个文件的名称中包含.html，从外观上看以为是html文件。

（3）编写HTML代码

在“01我的第一个网页.html”文件上右击鼠标，选择“打开方式”，选择“记事本”，效果如下：

打开之后，文件是空文件，什么都没有，效果如下：

在文件中写入HTML结构代码后，按Ctrl+S键保存文件，效果如下：

写代码时，要养成随手按Ctrl+S键保存文件的习惯，避免写了很长时间代码，没有保存，然后电脑故障，代码丢失的问题。没有保存的文件如下所示：

（4）运行HTML文件

HTML代码写完之后，保存好，在这个文件名上双击鼠标，即可使用电脑中默认的浏览器打开这个文件，效果如下：

自此，使用记事本写HTML代码的操作就结束了，是不是很简单啊？小伙伴们，赶紧动手做起来吧~~~

二、HTML代码书写规范

HTML代码在书写的时候要遵守一定的规范，如果不遵守规范，可能会有一些意想不到的错误出现哦，遵守规范，也能体现出你的专业性。当前需要掌握的规范如下：

（1）标签不区分大小写，你写和，甚至效果都是一样的，但是建议所有标签全部使用小写字母。

（2）标签的嵌套使用时，使用Tab键进行缩进，不要全部堆积在一起，这样能显得美观，并且有层次感。同级标签对齐书写，例如head标签和body标签，对齐编写。

（3）双标签成对出现的，虽然结束标签不写，浏览器也能识别，但为了防止意想不到的问题出现，还是需要写上结束标签的。

三、总结

本文内容主要介绍了如何使用Windows系统自带的记事本软件来编写一个最简单的HTML网页文件，以及介绍了HTML代码编写时的一些规范问题，内容很简单，大家一定要动手去做，因为学计算机，最重要的就是动手实践，看代码听别人讲代码，是学不会编程的，切记切记！