主题
  • 默认模式
  • 浅蓝色模式
  • 淡红色模式
  • 深夜模式

HTML 编辑器推荐

在编写 HTML 代码时,使用专业的 HTML 编辑器能极大提升效率与体验。

下面是开创者教程为大家推荐的几款主流前端代码编辑器:

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


WebStorm

WebStorm 是 JetBrains 公司开发的一款强大的集成开发环境(IDE),专门用于前端开发,WebStorm 具备强大的代码智能感知能力,能够理解代码上下文,为开发者提供精准的代码补全、方法提示、参数建议等功能。

WebStorm 安装教程参考:https://www.kaicz.com/webstorm/webstorm-tutorial.html

步骤 1: 新建 HTML 文件

在 WebStorm 安装完成后,选择“文件(F)->新建(N)->HTML文件”,在新建的文件中输入以下代码:

实例代码 运行代码
复制
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>开创者教程(kaicz.com)</title>
</head>
<body>
    <h1>我的第一个标题</h1>
    <p>我的第一个段落。</p>
</body>
</html>

WebStorm新建HTML文件

步骤 2: 另存为 HTML 文件

然后选择" 文件(F)->另存为(A) ",文件名为 kaicz.html:

WebStorm保存HTML文件

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

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

步骤 3: 在浏览器中运行这个 HTML 文件

鼠标右击编辑器上的文件名,点击运行文件(会调用默认浏览器打开):

WebStormHTML文件运行

浏览器运行结果如下:

HTML运行结果




评论区 0
发表评论