1.html使用标签来表达

���束标签多一个/

文字内容

包裹内容就是双标签，换行等是单标签

浏览器中显示内容：

 2.html的骨架是网页模板

            网页标题    给用户看的

html：整个网页

head：网页头部，存放给浏览器看的代码如CSS       

body：网页主体，存放给用户看的代码，如文字，图片

title：网页标题

vscode快速生成骨架：！+ tab / enter

浏览器显示：

3.标签关系

父子：父在子的缩进之上（嵌套）

兄弟：缩进一样（并列）

html是head和body的父，head和body是兄弟关系

4.注释

注释不会在浏览器中显示

vscode中，添加删除/注释的快捷键：ctrl + /

        加粗显示    普通文字

显示： 

5.标题标签 

标题名：h1~h6

    
一级标题
    
二级标题
    
三级标题
    
四级标题
    
五级标签
    
六级标题

标题独占一行 

规范：h1在一个网页只能用一次，用来放新闻标题或网页logo，其他无限制

6.段落标签

    
新手晋升ES6 - 12特性，至少ES6，尝试看看八股文，理解this，作用域，深浅拷贝，原型链，能用明白一些库，框架，html语义化，less sass，能写出动态效果，基本排版能力，可以不借助框架写出漂亮的页面，配合ajax做数据交互        找工作看天赋，可能根据你的理解能力录取
    
新手晋升ES6 - 12特性，至少ES6，尝试看看八股文，理解this，作用域，深浅拷贝，原型链，能用明白一些库，框架，html语义化，less sass，能写出动态效果，基本排版能力，可以不借助框架写出漂亮的页面，配合ajax做数据交互        找工作看天赋，可能根据你的理解能力录取

p来表示

7.换行，水平线 

    第一行    
    第二行    

一个br是一行，hr是水平线

8.文本格式化标签

    strong加粗    b加粗    
em倾斜    i倾斜    
    ins下划线    u下划线    
    del删除线    s删除线

strong等如图都有对应的快捷方式，但是一般都用左边的写法

9.图像标签

]

打开后发现图片显示在同一行

图片标签属性：

示例：

 加载不出来的提示文字

尺寸比较

 10.路径

相对路径

从当前文件位置出发查找目标文件

注意看文件位置

绝对路径

绝对路径应用场景：友情链接

11.超链接

点击后跳转到其他页面

输入a即可

        跳转到百度        跳转到01        空链接

12.多媒体标签-音频和视频

音频标签

 

视频标签

浏览器支持在静音状态下自动播放，也就是如果要自动播放需要muted和autoplay一起加