一，Visual Studio Code代码编辑器的使用
1.下载地址http://code.visualstudio.com/
2.在商店中搜索并下载插件：chinese（界面汉化）；open in browser（支持使用编辑器打开网页，使用方式为右键单击后选择open in default browser）；power mode（代码输入时有特效，使用时去配置扩展设置里勾选enable to activate power mode）
3.在资源管理器界面右键新建一个文件夹与文件，文件加.html后缀。
4.文件-首选项-设置：设置代码折行（word wrap），改变文本的大小；文件-首选项-颜色主题：改变编辑器背景颜色。
5.编辑器支持的快捷键：CTRL+S:保存。
CTRL+X,CTRL+C,CTRL+V：剪切，复制，粘贴
CTRL+A：全选
shift+end：从头选中一行；shift+home：从尾选中一行
shift+alt+上下键：快速复制一行
alt+上下键：快速移动一行
ctrl+z ：撤销； ctrl+y ：还原
alt+光标左键：实现多光标的操作
ctrl+d ：快速选中后面一样的代码
tab：向后缩进
tab+shift：向前缩进
二：深入了解网站开发
UI设计师：将网页首先设计为一张图片
web前端：
ui设计的图片->网页
web后端的数据->网页
语言
html：结构
css：样式
javascript：行为
web后端：数据操作（数据库）
三：HTML的基本结构与属性
1.标签分为两种写法：
单标签 : <input>
双标签 : <header></header>
注：快捷键：单词 + tab键 -> <单词></单词>
2.属性：让标签具备一些特殊功能
<标签 属性1=“值1” 属性2=“值2”>
3.html的初始代码
快捷键：！+tab
<!DOCTYPE html> : 文档声明 : 告诉页面，接下来要写html代码了。
<html lang="en"> : 根标签：html的最外层标签，包装所有的其他标签
: lang表示当前是什么语言en zh-cn
<head>
<meta charset="UTF-8"> meta : 元信息（辅助的信息）
UTF-8 ：国际通用编码
gb2312 gbk (了解)
<title>Document</title>
</head>
<body>
</body>
</html>
<!DOCTYPE html>:文档声明：告诉页面，接下来要先但是html代码
<html lang="en">:根标签：html的最外层标签，包装其他所有的标签
：lang表示当前是什么语言的网页 en zh-cn
<head>
<meta charset="UTF-8"> meta:元信息（辅助的信息）
UTF-8：国际通用编码。
<title>document</title>:标题
</head>
<body>
</body>
</html>