跳到主要内容

HTML 编辑器

可以使用专业的html编辑器来编辑html文件，常用的几种编辑器：

可以根据自己的实际需要，在对应软件的官网中进行下载，按步骤进行安装即可。

VS Code

Visual Studio Code (简称 VS Code) 是一个由微软开发，同时支持Widnows、Linux 和 macOS 等操作系统且开放源代码的代码编辑器，编辑器中内置了扩展程序管理的功能。

VS Code 安装教程，请参考：https://www.runoob.com/vscode/vscode-tutorial.html

步骤1：创建 HTML 文件​

在VS Code 安装完成后，选择“文件(F)→ 新建文件(N)”，在新建的文件中输入以下的代码

<!DOCUTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>HinsHo的学习笔记</title>
        <body>

            <h1>我的第一个标题</h1>
            <p>我的第一个段落</p>

        </body>
    </head>
</html>

截图如下:

VS Code 代码

步骤2：保存文件​

将编写好代码的文件保存成 html 或者 htm 格式的文件。 Save file

步骤3：使用浏览器打开文件​

通过鼠标在文件名上进行右键，选择在默认浏览器中打开。 open in default browser

安装插件

使用Open in Default Browser 功能，需要在VS Code中安装插件。 install plugin

步骤4：运行结果​

在浏览器中可以查看到，运行的结果如下图所示： result