常用编辑器:
VSCode phpstorm webstorm
sublime Text adobe Dreamweaver
<a href="https://az764295.vo.msecnd.net/stable/30d9c6cd9483b2cc586687151bcbcd635f373630/VSCodeUserSetup-x64-1.68.1.exe">点击下载</a>
下载完成后安装软件,注意安装过程中尽量不要安装到C盘。
安装完成打开软件按住Ctrl+SHift+x
打开插件安装,搜索Chinese
点击Install
完成后重启下软件即可切换到中文。
按住Ctrl+SHift+x
打开插件安装,搜索HTML CSS Support
点击Install
完成后重启软件
点击左上角文件-新建文本文件-Ctrl+s保存-输入以HTML结尾的文件名(如dome1.html)
按住Ctrl+SHift+x
打开插件安装,搜索Live server
点击Install
完成后重启软件
打开html文件写完代码
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>h1-h6标签的使用</title>
</head>
<body>
<h1>Hello World</h1>
<hr>
<h2>Hello World</h2>
<hr>
<h3>Hello world</h3>
<hr>
<h4>Hello World</h4>
<hr>
<h5>Hello world</h5>
<hr>
<h6>Hello workld</h6>
</body>
</html>
右键Open with Live Server
选择浏览器自动跳转,这时发现写的代码和浏览器是实时更新的。