实例教程:如何使用记事本来编写HTML代码

据说高手都是使用记事本来编辑HTML代码,但是比较麻烦,或者无头绪,因此我们通过使用Dreamweaver、visual studio等软件来编写HTML代码。下面,我们来看看如何使用记事本来编写HTML代码。

实例教程:如何使用记事本来编写HTML代码

操作方法

(01)新建记事本首先我们在桌面上新建一张记事本,不用重命名,如下图所示:

实例教程:如何使用记事本来编写HTML代码 第2张

(02)格式然后在记事本中编写如下代码,该代码是固定形式的,如下图所示:<!DOCTUPE HTML><html> <head> </head> <body> </body></html>

实例教程:如何使用记事本来编写HTML代码 第3张

(03)编写代码然后在记事本body区域中编写如下图代码:

实例教程:如何使用记事本来编写HTML代码 第4张

(04)另存为然后点击标题栏中的【文件】,在弹出的下拉菜单中,点击【另存为】,如下图所示:

实例教程:如何使用记事本来编写HTML代码 第5张

(05)文件名会弹出一个窗口,在文件名中输入【】,重点是后缀,我们知道是网页的后缀名,如下图所示:

实例教程:如何使用记事本来编写HTML代码 第6张

(06)网页然后点击【确定】按钮,在桌面上会出现一个网页,如下图所示:

实例教程:如何使用记事本来编写HTML代码 第7张

(07)打开右击该网页,在弹出的下拉菜单中,点击【打开】选项,如下图所示:

实例教程:如何使用记事本来编写HTML代码 第8张

(08)预览效果会在浏览器中显示预览效果,我们将浏览器放大四倍,如下图所示:

实例教程:如何使用记事本来编写HTML代码 第9张