Skip to content

Latest commit

 

History

History
68 lines (39 loc) · 2 KB

editors.md

File metadata and controls

68 lines (39 loc) · 2 KB

HTML 编辑器 Editors

一个简单的文本编辑器就是您学习 HTML 所需要的一切。

使用 Visual Studio Code 学习 HTML

可以使用专业的 HTML 编辑器创建和修改网页。

但是,对于学习 HTML,我们可以使用简单的文本编辑器,如 Notepad (PC) 或 TextEdit (Mac)。

我们有更好的编辑器推荐,如 Sublime TextVisual Studio Code 它们有良好的代码提示代码高亮,丰富的插件,同时它们还跨平台。

Sublime Text

Sublime Text

Sublime Text 下载安装地址:https://www.sublimetext.com

Visual Studio Code

Visual Studio Code

VSCode 下载安装地址:https://code.visualstudio.com

按照以下步骤使用 Visual Studio Code 创建您的第一个网页。

第一步: 启动 VSCode

Mac 平台:

打开 访达 > 应用程序 > Visual Studio Code.app

打开 Visual Studio Code.app

打开编辑器之后我们只需使用快捷 command + n 键创建一个新文档即可。

 Visual Studio Code.app

第二步: 写一些 HTML

<!DOCTYPE html>
<html>
<body>
  <h1>My First Heading</h1>
  <p>My first paragraph.</p>
</body>
</html>

 Visual Studio Code.app

第三步: 保存 HTML 页面

然后在 菜单 选择 File > Save 保存为 demo.html,注意请添加上文件后缀 .html

Visual Studio Code.app

Visual Studio Code.app

第四步: 在浏览器中查看 HTML 页面

在您喜欢的浏览器中打开保存的 HTML 文件(双击文件,或右键单击 - 并选择 打开方式)。

结果将如下所示:

Visual Studio Code.app