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

时间:2022-05-30 02:17
浏览:784
(网站代码编辑)据说高手都是使用记事本来编辑HTML代码,但是比较麻烦,或者无头绪,因此我们通过使用Dreamweaver、visualstudio等软件来编写HTML代码。下面,我们来看看如何使用记事本来编写HTML代码。1、新建记事本首先我们在桌面上新

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

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

1、新建记事本

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

2、格式

然后在记事本中编写如下代码,该代码是固定形式的,如下图所示:

<!DOCTUPE HTML>

<html>

<head>

</head>

<body>

</body>

</html>

3、编写代码

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

4、另存为

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

5、文件名

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

6、网页

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

7、打开

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

8、预览效果

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

标签阅读:

登 录

登录即代表您同意《用户协议》《隐私协议》

注 册

我已阅读并同意《用户协议》《隐私协议》

忘记密码