HTML 编辑器


HTML 编辑器推荐

【WEB技术大学】为大家推荐几款常用的 HTML 编辑器来编辑 HTML:

以上两款编辑器都有Windows、Macox和Linuxp平台上的版本,可以从官网中下载对应版本的软件,下载后,按步骤安装即可。

下面和大家一起用 Visual Studio Code编辑器来创建 HTML 文件,其他工具的使用差不多。


VS Code

Visual Studio Code(通常简称 VS Code)是一款由微软开发,同时支持 Windows 、macOS 和 Linux 操作系统的代码编辑器,编辑器中内置了扩展程序管理的功能。

第1步: 新建 HTML 文件

在 VS Code 编辑器中,选择" File->New File ",在新建的文件中输入以下代码:

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>【WEB技术大学】教程(jishudaxue.com)title> head> <body> <h1>这里显示一个标题的内容h1> <p>这里显示一个段落的内容p> body> html>

步骤 2: 另存为 HTML 文件

然后选择" File->Save As ",文件名为 jishudaxue.html:

保存 HTML 文件时,建议使用 .html保存到jishudaxue文件夹中

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

右键点击编辑器上的文件名,选择在默认浏览器打开(也可以选择在其他的浏览器):

可能有的人右键点击编辑器上的文件名,没有出现默认浏览器、其他浏览器的选择菜单,这种情况下需要在vs code下安装open in browser和view in browser 插件

右键点击编辑器上的文件名,选择在默认浏览器打开后,运行显示结果类似如下:

VS Code 和 Sublime Text 还可以配合 Emmet 插件来提高编码速度。

Emmet 官网://emmet.io/