【九月打卡】第3天 前端工程师2022版 多媒体与语义化标签第一讲

课程名称：前端工程师2022版

课程章节：多媒体与语义化标签

课程讲师： elex

课程内容：

1、使用<img >标签插入图片，首先要先将图片放在images文件夹中，然后在src属性中填入图片路径，不要忘记后缀名；

常见属性有：src（图片路径）、alt（图片加载失败后的备用信息）、width和height（宽高）

2、在<a>标签中的href属性位置填入链接地址（要跳转的网页要提前做好）即可完成网页的跳转，在地址后使用#锚点（必须是h系列标签）可以滚动到锚点的位置；

常见属性：href（链接地址）、title（鼠标悬停的信息提示）、target（值为blank：打开新的标签页）

3、如何在网页插入音频和视频

音频：使用<audio></audio>标签对，在src属性中填入插入音频的路径

常见属性：src（音频路径）、controls（显示播放控件）、loop（循环播放）、autoplay（自动播放：浏览器一般不允许自动播放，为了不打扰到用户）

视频：使用<video></video>标签对，在src属性中填入插入视频的路径

常见属性：src（视频路径）、controls（显示播放控件）、loop（循环播放）、autoplay（自动播放：浏览器一般不允许自动播放，为了不打扰用户）、width（播放器的大小）

4、常见大纲标签和语义化标签有哪些？

大纲标签：header、footer、main、nav、aside、article、section

语义标签：b、u、i、strong、em、mark、span、figcaption、figure

5、相对路径和绝对路径是什么意思？

相对路径：从网页出发找到文件的过程../返回上一级

绝对路径：类似偷图，比如以http或者https开头的路径

正确拼写、背诵每种标签和它们的属性，不要张冠李戴

正确理解每个标签的语义，要在合适的地方使用它们

课程收获：

谢谢老师，讲的非常细致，很容易懂。