HTML 编辑器
HTML 编辑器推荐
可以直接使用文本编辑器或者记事本对HTML 代码进行编辑,为了更方便快捷的对代码进行编辑,我们推荐使用专业的 HTML 编辑器来编辑 HTML,Paoo教程为大家推荐几款常用的HTML编辑器:
你可以从以上软件的官网中下载自己喜欢使用的软件,或者网上搜索下载,按步骤安装即可。
Notepad++ 是 Windows操作系统下的一套免费的文本编辑器,适合编写计算机程序代码。
Sublime Text 是一个支持Windows、Linux、Mac OS X等操作系统的跨平台的编辑器。
HBuilder 是DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE。
我们下面将为大家演示如何使用Notepad++编辑器工具来创建 HTML 文件,其他两个工具操作步骤和此软件类似,大家可以根据喜好及使用习惯选择自己喜欢的软件。
Notepad++ 简介
Notepad++是 Windows操作系统下的一套免费的文本编辑器(软件版权许可证: GPL),有完整的中文化接口及支持多国语言编写的功能(UTF8技术)。
它可以使用较少的CPU功率,能最大降低电脑系统能源消耗,但是轻巧且执行效率较高,能帮助你节省很多时间,喜欢代码编辑的人可以用用这款软件哟!
步骤 1: 下载安装
从 Notepad++ 官方网站下载安装或者百度结果中下载安装即可,如果你是中文windows系统,安装会自动默认选择简体中文。
步骤 2: 新建 HTML 文件
在 Notepad++ 安装完成后,选择" 文件(F)->新建(N) ",在新建的文件中输入以下代码:
Paoo教程(www.paoo.net),我的第一个标题栏这是我的第一个标题。
这是我的第一个段落。
段落元素由 p 标签定义。
步骤 3: 另存为 HTML 文件
然后选择" 文件(F)->另存为(A) ",文件名为 paoo.html:
保存 HTML 文件时,文件名后缀可以使用 .htm 也可以使用 .html 扩展名,两者没有区别,根据自己喜好即可。
最好是选一个自己容易找到记住的文件夹,这样会更方便的使用,比如 paoo
步骤 4: 运行自己编写的HTML程序
打开你的IE浏览器,或者谷歌、360、火狐浏览器,然后双击此文件,既可以运行(前提是你的HTM或HTML文件默认打开方式为浏览器)。也可以选择浏览器的"文件"菜单的"打开文件"命令,打开此网页。
运行显示结果如下(红色框中可以看到标题栏的内容):
Notepad++ 和 Sublime Text 可以配合 Emmet 插件来提高代码编辑速度。