课程名称:前端工程师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开头的路径
正确拼写、背诵每种标签和它们的属性,不要张冠李戴
正确理解每个标签的语义,要在合适的地方使用它们
课程收获:
谢谢老师,讲的非常细致,很容易懂。