HTML 编辑器
所谓工欲善其事必先利其器,HTML 编程一定要有一个好的编辑器才行。
HTML 编辑器推荐
可以使用专业的 HTML 编辑器来编辑 HTML,简单编程为大家推荐几款常用的编辑器:
-
Sublime Text 3: http://www.sublimetext.com/推荐
-
Atom IDE: https://atom.io/
-
Visual Studio Code: https://code.visualstudio.com/
-
Adobe Dreamweaver CC http://www.adobe.com/cn/products/dreamweaver.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
运行显示结果如下: