我爱自学网 > HTML/CSS > HTML 教程 > HTML 教程 > HTML 编辑器 访问量:

HTML 编辑器

<上一篇:HTML 简介 下一篇:HTML 基础 >

几款常用的HTML编辑器

HTML 编辑器主要用于方便html代码编辑,咱们可以使用专业的 HTML 编辑器来编辑 HTML,我爱自学网为大家推荐几款常用的、专业的HTML编辑器。

    1、Dreamweaver(简称DW)版本有很多,大家可以随意选择。

    2、Notepad++:http://www.php.cn/xiazai/gongju/92【推荐】或者  https://notepad-plus-plus.org/

    3、Sublime Text:http://www.php.cn/xiazai/gongju/93【汉化版推荐】或者  http://www.sublimetext.com/

    4、HBuilder:http://www.dcloud.io/

    5、VS Code:https://code.visualstudio.com/

    6、Sublime Text:http://www.sublimetext.com/

你可以从以上软件的官网中下载对应的软件,按步骤安装即可。

接下来我们将为大家演示如何使用 HTML 编辑器来创建 HTML 文件,其实以上这些工具都差不多。 看大家喜欢哪个就用哪个?

一、Dreamweaver
Adobe Dreamweaver,简称“DW”,中文名称 "梦想编织者",最初为美国MACROMEDIA公司开发 [1]  ,2005年被Adobe公司收购。DW是集网页制作和管理网站于一身的所见即所得网页代码编辑器。利用对 HTML、CSS、JavaScript等内容的支持,设计师和程序员可以在几乎任何地方快速制作和进行网站建设。

1、打开dreamweaver,新建一个HTML文件,输入以下代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>我爱自学网—5azixuewang.com</title>
</head>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html>
我爱自学网

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

在一个容易记忆的文件夹中保存这个文件,比如 123.html

3、在浏览器中运行这个 HTML 文件

在软件中直接按F12,或者启动您的浏览器,然后选择"文件"菜单的"打开文件"命令,或者直接在文件夹中双击您的 HTML 文件,

运行显示结果类似如下:
我爱自学网
其他工具在这里我们就不一一试验了,都是一样的。
<上一篇:HTML 简介 下一篇:HTML 基础 >
本章内容:
1. HTML 简介
2. HTML 编辑器
3. HTML 基础
4. HTML 元素
5. HTML 属性
6. HTML 标题
7. HTML 段落
8. HTML 文本格式化
9. HTML 链接
10. HTML 头部<head>
11. HTML CSS样式
12. HTML 图像
13. HTML 表格
14. HTML 列表
15. HTML 区块
16. HTML 布局
17. HTML 表单
18. HTML 框架
19. HTML 颜色
20. HTML 颜色名
21. HTML 颜色值
22. HTML 脚本
23. HTML 字符实体
24. HTML URL
25. HTML 速查列表
26. HTML 总结
27. HTML - XHTML
28. HTML 多媒体
29. HTML 插件
30. HTML 音频
31. HTML 视频