1.开发环境搭建
1.1webstorm
刚开始使用的webstorm，光弹出来购买或激活，然后搜了一下，大体解决办法为：
（1）选择Activation Code，然后打开：http://idea.lanyus.com，从公众号上获得激活码。
（2）复制激活码：
传送门：https://blog.csdn.net/ITlanyue/article/details/81502523
1.2vscode
微软的HTML编译器，看的pink的视频下载的。
2.vscode好用插件
下载的地方在左侧菜单栏的 下面那四个方块
2.1Chinese
汉化插件，小白必备
2.2Auto rename Tag
自动更新标记，比<div></div>,把前面的改为<p>,使用该插件后，后面的也自动修改
<div></div>
//未使用插件时：
<p></div>
//使用插件后：
<p></p>2.3Live serve
每次运行代码需要在浏览器上，修改完了需要再次刷新浏览器才能显示，使用该插件只需要按下ctrl+s;相应的浏览器页面就会自动刷新。
2.4会了吧
该插件适用于英语水平有限的同志，可以实时翻译，音标朗读。
3.文档基本标签
3.1文档类型声明标签
<!DOCTYPE html>：当前页面采取的是HTML5版本来显示网页，其必须写到第一行，不属于HTML标签，是给整个文档标注的。
3.2lang的语言种类
<html lang="en">lang即language，en是英语，类似的还有zh-CN、zh都为中文，是声明网页是什么语言，到时候检测到的语言如果和声明的语言不符，就会弹出对话框，提醒你是否需要翻译。
3.3字符集
charset是多个字符的集合，以便计算机能够识别和存储各种文字
在head标签内，可以通过<meta>标签的charset属性来规定HTML文档使用哪种字符编码
<meta charset="UTF-8">
charset常用的值有：GB2312（大部分简体中文）、BIG5（繁体中文）、GBK（简体中文+繁体中文）、UFT-8（万国码）
4.HTML常用标签
4.1标题标签
<h1>标题</h1>
共有六级标签。
4.2段落标签
<p>文字</p>
p：paragraph段落。
特点：会根据浏览器窗口大小自动换行，段与段之间有空隙。
4.3换行标签
<br /><br />：break 强制换行
单标签，不需要结束标签，另起一行，两行之间无间隙
4.4文本格式化标签
加粗：<strong></strong>或<b></b>
倾斜：<em></em>或<i></i>
删除线：<del></del>或<s></s>
下划线：<ins></ins>或<u></u>
都是前者语义更强烈。
<strong>加粗</strong>
<em>倾斜</em>
<del>删除线</del>
<ins>下划线</ins>
------------------------------------------------------------------
4.5<div>和<span>标签
二者都没有语义，像一个盒子，用来布局网页、装内容（文字、图片）
<div></div>
<span></span>
div即division分割、分区。span即跨度、跨距
特点：
一个<div>占一整行，像一个大盒子。
一个<span>占一个小区域，像一个小盒子。
<div>大盒子div</div>
<div>大盒子div</div>
<span>小盒子span</span>
<span>小盒子span</span>
4.6图像标签和路径
4.6.1<src>图片路径
图像标签：<img src="图像URL"/>单标签
src是<img>标签必须属性，用于指定图像文件的路径和文件名
图像最好放在和html文件同一目录下
4.6.2<alt>文本
该标签是在图片显示不出来时，用文字替换。
4.6.3<title>
光标放在图像上显示信息
4.6.4<width<height>
一般只需要修改一个，另一个会等比例缩放，如果两个都修改可能会出现压扁，拉长情况。
使用：直接在<img />里面用
4.6.5<border>
设置边框，一般用css设置
5.常用快捷键
shift+alt+上下=粘贴到那一行
Ctrl+d=选定多个相同的单词
Ctrl+alt+箭头=添加多个光标
Ctrl+h=全局替换
ctrl+g=快速定位到那一行
按住shift+alt别松，然后鼠标选区=区块操作
管理--->键盘快捷方式，修改快捷键
390
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
