
HTML 编辑器推荐
在编写 HTML 代码时,使用专业的 HTML 编辑器能极大提升效率与体验。
下面是开创者教程为大家推荐的几款主流前端代码编辑器:
- WebStorm 专业级 IDE 开发环境:https://www.jetbrains.com/webstorm/
- VS Code 免费开源 IDE 开发环境:https://code.visualstudio.com/
- Sublime Text 文本编辑器:https://www.sublimetext.com/
你可以从对应的软件官网中下载,按步骤安装即可。
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>
步骤 2: 另存为 HTML 文件
然后选择" 文件(F)->另存为(A) ",文件名为 kaicz.html:
当您保存 HTML 文件时,既可以使用 .htm 也可以使用 .html 扩展名。两者没有区别,完全根据您的喜好,我建议统一用 .html。
在一个容易记忆的文件夹中保存这个文件,比如 kaicz
步骤 3: 在浏览器中运行这个 HTML 文件
鼠标右击编辑器上的文件名,点击运行文件(会调用默认浏览器打开):
浏览器运行结果如下:
评论区 0
发表评论
教程介绍
HTML 超文本标记语言,一种用于创建网页的标准标记语言,在浏览器上运行和解析。
60
章节
513
阅读
0
评论