通过vscode编辑HTML(标签)

一 文本标签

1.! :可以快捷生成html骨架。

2.br 是换行 hr生成水平线。

3.h1至h6个六级标题 改变字体大小，依次递减，且自动换行。

4.ctrl+d 选中多个相同目标，可以方便同时修改。

5.加粗： strong 或者 b

6.下划线: ins 或者 U

7.倾斜： em 或者 i

8.删除键： del 或者 s

9.空格：&nbsp &ensp &emsp

10.p标签:用于段落的划分，自动换行。

二 媒体标签

路径(src)的写法：

                        级别                                         方法
            1.当图片与编辑的html在一个文件夹时(同级)             只需要图片本身的名就可以了
            2.当编译的html与图片所在文件夹在一个文件夹时(下级)    xxx(图片文件夹名)+ / + 图片名
            3.当图片与编译的html的文件夹在同一个文件夹时(上级)    ../+图片名  (返回一级 就用一个../ 返回N级就用N个)  

图片标签：

    代码结构：<img src=" " alt=" " title=" " >这里的img为标签名 src，title与alt都是属性名 引号里面填属性值。
            alt为替换文本 意思是当图片加载失败时才会显示alt中的文本，title为提示文本 当鼠标悬停时才会显示文本。

    
    注意点：1.标签的属性写在开始标签的内部。
            2.标签上可以同时存在多个属性。
            3.属性之间以空格隔开。
             4.标签名与属性之间必须以空格隔开。
              5.属性之间不分先后。

音频标签:

    代码结构：<audio src="" controls loop autoplay></audio>
    
    常见属性：属性名       功能
               src       音频的路径
               controls  显示播放的控件
               autoplay  自动播放(但是部分浏览器不支持)
               loop       循环播放
    目前支持的三种格式： MP3 wav ogg

视频标签：

    代码格式：<video src=" " controls><video>
    常见属性：与音频标签属性几乎一致。 mute属性作用为静音。

三 超链接标签

应用场景：点击链接，从一个页面跳转至另一个页面。

称呼： a标签、超链接、锚标签。

代码：

<a href="目标网页地址">超链接</a>

特点：

 1.双标签，内部可以包裹内容
 2.如果需要a标签点击之后去指定页面,需要设置a标签的href属性

属性target:

		     取值       效果

            _self       通过当前页面打开
            _blank      创建新的页面打开 并且保留之前的页面