Visual Studio Code使用与HTML标签

                        Visual Studio Code的使用

     下载Visual Studio Code后，点击扩展安装Chinese 可以使用中文（Visual Studio Code安装完成后默认语言是英语）和open in browser （快捷使用浏览器打开网页）

                                         Visual Studio Code基础快捷方式

ctrl+c   复制

ctrl+v    粘贴

ctrl+x    剪切

ctrl+F    查找，ctrl+H  替换（也可以在编辑中查看使用）

ctrl+d    寻找相同的内容

ctrl+s    保存（也可以点击文件选择自动保存就不需要按ctrl+s保存了）

ctrl+/     注释

!+Enter     快速生成HTML骨架结构（!要在英文状态下才行）

Visual Studio Code中的注释

注释格式：<!--注释内容-->

为何要注释：1、对代码的解释说明，提高阅读效率；2、注释的内容不会被执行

                                  HTML标签

什么是标签：<>包裹起来的特殊字符（也可以是单词或字母）

标签之间的关系：1、嵌套关系（也可以叫做父子关系）；2、并列关系（也可以叫做兄弟关系）

标签分两类：一类是单边标签：单独出现的标签就叫做单边标签 （例：br标签）

一类是双边标签：成双成对、有开头有结尾的标签就叫做双标标签（例：p标签）

                                                     标签分类

b标签	作用：加粗内容 与strong标签效果相同
u标签	作用：为内容加上下划线 与ins标签效果相同
i标签	作用：让文字倾斜 与em标签效果相同
s标签	作用：在内容中间添加删除线 与del标签效果相同
p标签	作用：用来实现分段   特点：1、段落之间有间隙；2、独占一行
h标签	作用：定义标题 ；一共有六个 h1~h6。h1最大，h6最小。特点：1、文字都有加粗；2、文字变大，从h1~h6文字逐渐变小；3、独占一行
br标签	作用：用来实现分行
 	作用：用来表示空格，一个 表示一个空格
img标签	作用：实现图片在网页中显示 ，需借助标签属性进行设置 属性： src：用来表示图片的路径； alt：表示图片加载失败时，所显示的文本； tite ：提示文本，当鼠标悬停时所显示的文本（tite属性不仅仅可以显示与图片标签，也可以用于其他标签）； img可以自定义宽和高。width表示宽，height表示高
hr标签	作用：实现水平分割线