幻灯片-小泽博客
幻灯片-小泽博客

第四天:HTML的音视频以及链接

视频

视频首先我们要知道,本身就是一个比图片更加能让用户了解熟悉某一个东西的一利器,通过多方位多角度理解的会更加的深刻

音频

音频对于一个网站具有更加大的一个吸引力和新鲜感,而在网页中使用了视频和音频可以使我们的网页更加的精彩新鲜

视频是通过video元素来进行嵌入的,video是一个双标签 video/video,而width是修改视频的长度和宽度的

imagecontrols是显示浏览器自带的播放控件,比如在视频中的静音,提高声音亮度,降低声音亮度,暂停等等都是通过他来实现的

image除外还有这些属性也有可能使用的上

image不过在浏览器当中如果使用自动播放功能首先啊我们要开启静音功能,这是浏览器的一个个性

而在我们浏览器当中支持的视频格式也就三种格式,第一种就是MP4格式,这也是优先考虑格式,第二种格式就是WebM格式,这种格式他体积比较小,第三个就是ogg格式

image而如果要插入一段音频则是用audio这个双标签来进行嵌入,提示:如果不插入controls的话在网页种是不会显示视频格式的

创建链接

在我们的HTML中链接的代码是a/a,为双标签,而href则是意思是去往哪个地方,这俩一起使用就可以在网页中点击链接跳转到另外一个网站,与此同时也可以使用title来改变这个链接的样式,可以是文字也可以是一个logo,这个方法也叫内部链接

而如果我们要想在网页中生成一个下载链接呢,那步骤如下:首先我们要准备一个zip的一个压缩包,可以直接在href后面写上这个软件或者压缩包的名字就ok了

image

image

总结:今日学习了在网站中添加视频和音乐的方法,能够熟练的在网页中添加自己的音视频,并且认识了视频和音频的格式属性,哪些兼容哪些不兼容,还包括创建超链接的方法,这样就可以通过在网页中添加快捷入口更方便用户的使用

学习进度:6.5%

学习中可能出现的问题:链接出现无法使用的情况,视频属性格式的不兼容

明日学习内容预期:继续学习链接的使用,并学习抛锚链接法,并学习网页无语义标签和网页结构标签。

© 版权声明
THE END
喜欢就支持一下吧
点赞5 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片快捷回复

    请登录后查看评论内容