HTML 编辑器

所谓工欲善其事必先利其器,HTML 编程一定要有一个好的编辑器才行。

HTML 编辑器推荐

可以使用专业的 HTML 编辑器来编辑 HTML,简单编程为大家推荐几款常用的编辑器:


接下来我们将为大家演示如何使用 Sublime Text 3 工具来创建 HTML 文件

Sublime Text 3

Sublime Text 3 是一款具有代码高亮、语法提示、自动完成且反应快速的编辑器软件,不仅具有华丽的界面,还支持插件扩展机制,用她来写代码,绝对是一种享受

最重要的,它可以免费使用

步骤 1: 新建 HTML 文件

在 Sublime Text 3 安装完成后,选择" 文件 -> 新建 ",在新建的文件中输入以下代码:

如果你使用的是英文版本,那么就是 "File -> New File "

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>简单编程(twle.cn)</title>
</head>
<body>

<h1>我的第一个标题</h1>

<p>我的第一个段落。</p>

</body>
</html>

如图:

步骤 2: 存储为 HTML 文件

然后选择" 文件-> 保存 ",文件名为 my-first-html.html:

如果你使用的是英文版本,那么就是 "File -> Save "

当您保存 HTML 文件时,既可以使用 .htm 也可以使用 .html 扩展名。两者没有区别,完全根据您的喜好,但我们推荐你使用 .html

步骤 3: 在浏览器中运行 my-first-html.html 这个 HTML 文件

启动您的浏览器,然后选择 "文件" 菜单的 "打开文件" 命令,或者直接在文件夹中双击 my-first-html.html

运行显示结果如下:

关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2018 简单教程 twle.cn All Rights Reserved.