HTML基础知识(二) 开发工具VSCode

目录

一、VSCode的使用

二、插件安装

1.点击侧面工具

 2.搜索插件直接安装(推荐插件如图)

 三、解释增加代码


 

一、VSCode的使用

1.双击打开软件

2.新建文件(Ctrl+N)

3.保存(Ctrl+S),保存为.html(纯文本.txt)

4.Ctrl++和Ctrl+ - 可以放大缩小视图

5.生成页面骨架结构(输入!(英文),按下Tab键)

HTML基础知识(二) 开发工具VSCode_第1张图片

 6.利用插件在浏览器中预览页面:单击鼠标右键,弹出出口中点击"Open In Defalt Browser"(Alt+B)

二、插件安装

1.点击侧面工具

ac40f4985de24cd6bb96b2258480415d.png

 2.搜索插件直接安装(推荐插件如图)

HTML基础知识(二) 开发工具VSCode_第2张图片

 三、解释增加代码

HTML基础知识(二) 开发工具VSCode_第3张图片

 1.声明在文档最前面,不是一个HTML标签,是文档类型声明标签,它可以告诉浏览器使用哪种HTML版来显示网页。

2.lang语音种类,用来定义当前文档显示的语言。en为英文,zh-CN为中文(可以相互显示)

3.字符集(Character set)是多个字符的集合,以便计算机能够识别和存储各类文字。

UTF-8为万国码,GB2312为简体中文,BIG5为繁体中文,GBK为中文(繁,简)

4.见图注释

 

 

 

 

 

 

 

 

 

你可能感兴趣的:(前端知识,前端,html,vscode,visual,studio,code)