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

据说高手都是使用记事本来编辑HTML代码 , 但是比较麻烦 , 或者无头绪 , 因此我们通过使用Dreamweaver、visual studio等软件来编写HTML代码 。 下面 , 我们来看看如何使用记事本来编写HTML代码 。 工具/材料 HTML
操作方法 01 新建记事本
首先我们在桌面上新建一张记事本 , 不用重命名 , 如下图所示:

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



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


</body>
</html>

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



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

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



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

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



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

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



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

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



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

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



08 【实例教程:如何使用记事本来编写HTML代码】预览效果
会在浏览器中显示预览效果 , 我们将浏览器放大四倍 , 如下图所示:

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





以上内容就是实例教程:如何使用记事本来编写HTML代码的内容啦 , 希望对你有所帮助哦!

    猜你喜欢