3.关于html

        紧接昨天的文章了解了html的标签和vscode的一些常用快捷键，那么今天我们继续来了解html的标签、列表标签和表格标签。

一、html的标签

1、图片标签：img <img src="想要添加的图片" alt="加载失败替换的文字" >

                        属性：width=图片的宽        eighth=图片的高

2、音频标签：audio <audio src="想要播放的音频" controls（控制面板） loop（循环播放） autoplay（自动播放）></audio>

3、视频标签：video <video src="想要播放的视频" loop（循环播放） controls（控制面板） autoplay（自动播放） muted（静音）></video>

4、超链接标签：a <a href="最终想要到达的地址" target（打开方式）="{_blank（在新窗口打开）或者self（默认当前浏览器打开）"> <img src="点击的内容" alt="">

        想要快速的打开想要添加的图片或者想要播放的音频、视频，有以下快捷键：

        在英文状态下的 ./ +回车键打开当前一级文件夹，或者在英文状态下的 ../+回车键 打开上一级文件夹找到想要添加的东西，点击打开就可以添加。

二、列表标签

        列表标签中通常使用无序列表、有序列表和自定义列表标签，实现网页中列表结构的搭建。

1、 无序标签：ul：无序标签的整体，用于包裹li标签。

                         li：列表中的每一项，用于包含每一行内容。

                        ul特点：前面带有一个小圆点，且独占一行。

2、有序标签：ol：有序标签的整体，用于包裹li标签。

                        li：列表中的每一项，用于包含每一行内容。

                        ol特点：每一项前都是序号。

        

3、自定义列表

        在网页中的底部导航中通常会使用自定义列表实现

        标签：dl：表示自定义列表的整体，用于包裹dt/dd标签。

                  dt：表示自定义列表的主题。

                  dd：表示自定义列表的针对主题的每一项内容。

        无序列表最为常用，有序列表会偶尔用，自定义列表会在底部导航用，那么它们是如何来应用的呢，请看一下实例

        无序列表如下：

                          

        有序列表如下：

                 

        自定义列表如下：

                

三、表格标签

        1、基本标签：在网页中以行+列单元格的方式整齐展示和数据

标签名	说明
table	表格的整体，可用于包裹多个tr
tr	表格的每行，可用于包裹td
td	表格单元格，可用于包裹内容

        2、表格的相关属性：设置表格基本的展示效果

属性名	属性值	效果
border	数字	边框宽度
width	数字	表格宽度
height	数字	表格高度

        3、表格标题和表头单元格标签：在表格中表示整体大标题和一列小标题

标签名	名称	说明
caption	表格大标题	表格大标题，且在表格整体顶部居中显示
th	表头单元格	表头单元格，每一列的标题且居中显示

       故事的最后，没有小说里的浪漫，也没有小说里的遗憾，他以烂尾草草收场。