HTML 编辑器有助于提高编程效率,可以使用专业的 HTML 编辑器来编辑 HTML 。
浏览器中显示结果如下:
目前在大部分浏览器中,直接输出中文会出现中文乱码,这时候我们就需要声明文档的元数据 为 UTF-8 。
HTML 编辑器是用于编写 HTML 的工具,能够帮助快速完成 Web 页面。
下面推荐两款常用的第三方 HTML 编辑器:
Sublime Text 是一个功能强大的代码编辑器,具有极其丰富的插件,同时支持 Windows、Linux、Mac OS 等操作系统。
安装完 Sublime Text 后,选择 “File(文件)---New File(新建文件)”,在新建的文件中输入以下代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Sublime Text 编辑器<title>
</head>
<body>
<h1>这是标题一</h1>
<p>这是一个段落。</p>
</body>
</html>
效果如下图:
选择 “File(文件)---Save As(另存为)”,文件名为 “html.html” :
鼠标 “右击” 编辑器,选择 “Open in Browser” :
浏览器中显示结果如下:
VS Code(全称 Visual Studio Code)是一个由微软开发,同时支持 Windows 、 Linux 和 macOS 等操作系统且开放源代码的代码编辑器,编辑器中内置了扩展程序管理的功能。
安装完 VS Code 后,选择 “File(文件)---New File(新建文件)”,在新建的文件中输入以下代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>VS Code 编辑器<title>
</head>
<body>
<h1>这是标题一</h1>
<p>这是一个段落。</p>
</body>
</html>
选择 “File(文件)---Save As(另存为)”,文件名为 “html.html” :
鼠标 “右击” 编辑器,选择 “Open in Default Browser” 。
不过 VS Code 默认的右键列表中没有 “Open in Default Browser” 选项,需要安装。
点击编辑器左侧列表中的 Extensions:
输入 “open in browser”,点击安装第一个选项 “open in browser”:
安装完后,鼠标右键列表中就有 “Open in Default Browser” 选项了
浏览器中显示结果如下: