hey,guys.我是poem23.
本篇文章会介绍Visual Studio Code的以及关于html的插件下载。
vsCode是一款轻量级的HTML编码工具。
如果你只是想试试用HTML编译，这里为你提供一个简易的在线编译网页，当然你也可以用它尝试其他语言的编译工作，我把它放在了本篇文章的末尾。
目录
- 1.下载及安装vsCode
- 1.1下载vsCode
- 1.2安装vsCode
- 2.插件
- 3.创建网页文件
- 4.DOCTYPE和lang以及字符集的作用
- 4.1标签
- 4.2lang语言
- 4.3charset字符集
- 5.在线编译器Online Compiler And Editor
1.下载及安装vsCode
1.1下载vsCode
- 进入vsCode官网
打开链接Visual Studio Code按照下面步骤下载
下面提供两种下载方法
方法一：
- 对号入座根据系统选择安装包，选stable即可。
- macOS用户直接解压.zip,点击.app安装。
方法二：
- 点击Download
- 根据操作系统选择相应安装程序
以上两种方法任选一种下载
1.2安装vsCode
- 同意并点击下一步
- 选择安装目录
- 勾选图中选项
- 这样安装部分就完成啦~
2.插件
- 双击打开VSCode，点击扩展
- 界面汉化插件安装
- 搜索Chinese
- 点击【install】，安装完成后重启，下面就是汉化之后的界面。
- 界面字体大小设置
按照上面的的方法，推荐安装以下插件
这是都安装好的样子：（记得安装完要重启vscode哦）
3.创建网页文件
- 点击文件->新建文件
- 点击文件->保存
- 将其保存为.html的格式
- 输入!(半角)并回车
- 在body里输入“我的第一个网页文件”
- 点击运行->启动调试->Chrome
- 完成
4.DOCTYPE和lang以及字符集的作用
VSCode工具生成骨架标签新增代码
4.1<!DOCTYPE>标签
文档类型声明标签，作用就是告诉浏览器使用哪种HTML版本来显示网页。
<!DOCTYPE html>
这句代码的意思是：当前页面采取的是HTML5版本来显示网页。
注意：
1.<!DOCTYPE>声明位于文档中的最前面，处于<html>标签之前。
2.<!DOCTYPE>不是一个HTML标签，它就是文档类型声明标签。
4.2lang语言
<html lang="en">
lang–language
用来定义当前文档的显示语言。
1.en定义语言为英文
2.zh-CN定义语言为中文
简单来说定义为en就是英文网页，定义为zh-CN就是中文网页。
其实对于文档来说，定义成en的文档也可以显示中文，定义成zh-CN的文档也可以显示成英文。
一般建议不要随意更改，浏览器可能会出现错乱。
4.3charset字符集
字符集(Character set)是多个字符的集合，一边计算机能够识别和存储各种文字。
在标签内，可以通过<meta>标签的charset属性来规定html文档应该使用哪种字符编码。
<meta charset="UTF-8">
charset常用的值有：GB2312、BIG5、GBK和UTF-8，其中UTF-8也被称为万国码，基本包含了全世界所有国家需要用到的字符。
注意：上面语法是必须要写的代码，否则可能引起乱码的情况。一般情况下，统一使用"UTF-8"编码。
5.在线编译器Online Compiler And Editor
网页链接Online Compiler And Editor
- 在搜索栏中输入HTML
- 双击打开HTML/CSS/Javascript，打开页面
- 这样你就可以简单的尝试一下啦，不过重要文件记得要保存。
这就是本篇文章的全部内容了，对应视频p10、p11、p12的内容。
下一篇文章会介绍图像标签以及相对路径的内容，感谢浏览。
更多推荐
HTML学习笔记（二）(含vscode配置html_vscode安装方法及常用插件)
发布评论