继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

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

artimis_new
关注TA
已关注
手记 39
粉丝 3
获赞 19
课程名称:前端工程师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开头的路径

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

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


课程收获:

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

打开App,阅读手记
1人推荐
发表评论
随时随地看视频慕课网APP