当前位置:常识集 > 数码游戏 > 电脑 > 实例教程:如何使用记事本来编写HTML代码
手机版

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

来源:常识集 阅读:1.99W 次

据说高手都是使用记事本来编辑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张
本文链接:https://www.changshiji.com/smyx/diannao/8rq3jj.html

Copyright © 2024. 常识集 All right reserved. 浙ICP备20202586号-2

文字美图素材,版权属于原作者。部分文章内容由网友提供推送时因种种原因未能与原作者联系上,若涉及版权问题,敬请原作者联系我们,立即处理。