HTML 编辑器举荐
能够运用专业的 HTML 编辑器来编辑 HTML,为大众举荐几款常用的编辑器: VS Code:https://code.visualstudio.com/Sublime Text:http://www.sublimetext.com/
你能够从以上软件的官网中下载对应的软件,按过程安装就可。
接下来咱们将为大众演示怎样运用 VS Code 工具来创建 HTML 文件。
VS Code
Visual Studio Code(简叫作 VS Code)是一个由微软研发,同期支持 Windows 、 Linux 和 macOS 等操作系统且开放源代码的代码编辑器,编辑器中内置了扩展程序管理的功能。
VS Code 安装教程参考:https://www.runoob.com/w3cnote/vscode-tutorial.html
过程 1: 新建 HTML 文件
在 VS Code 安装完成后,选取" 文件(F)->新建文件(N) ",在新建的文件中输入以下代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<h1>我的第一个标题</h1>
<p>我的第1个段落。</p>
</body>
</html>
过程 2: 另存为 HTML 文件
而后选取" 文件(F)->另存为(A) ",文件名为 runoob.html:
当您保留 HTML 文件时,既能够运用 .htm 亦可以运用 .html 扩展名。两者无区别,完全按照您的爱好,我意见统一用 .html。
在一个容易记忆的文件夹中保留这个文件,例如 runoob
过程 3: 在浏览器中运行这个 HTML 文件
而后鼠标右击编辑器上的文件名,选取在默认浏览器打开(亦能够其他的浏览器):
注:vscode 中运用浏览器打开 html 文件必须 安装 "open in browser" 扩展。运行表示结果类似如下:
VS Code 和 Sublime Text 还能够协同 Emmet 插件来加强编码速度。 Emmet 官网:http://emmet.io/
我建了一个前端小白交流群,私信我,进入交流群。我会给大众分享我收集整理的各样学习资料,组织大众一块做项目练习,帮忙大众匹配一位学习伙伴互相监督学习,欢迎加入
链接:HTML编辑器
源自:http://RUNOOB.COM
|