IT兄弟连 HTML5教程 多媒体应用 小结及习题

小结
在互联网上,图像和链接则是通过URL唯一确定信息资源的位置。URL分为绝对URL和相对URL。通过使用<img />标记在浏览器中显示一张图像。超文本具有的链接能力,可层层链接相关文件,这种具有超链接能力的操作,称为超链接。链接文档中的特定位置也称为锚点,定义锚点和超链接都使用<a>标记。图像地图是带有可点击区域的图像,每个区域是一个相关的超级链接。video和audio这两个HTML5新增加的元素,它们分别用来处理视频与音频数据,使得多媒体播放再也不需要安装插件了。
习题
1.audio元素中src属性的作用是(C)
A.提供播放、暂停和音量控件 B.循环播放
C.制定要播放音频的URL D.插入一段替换内容
2.以下哪个不是HTML5中a元素的属性(C)
A.type B.download
C.name D.rel
3.关于下列<a>标签说法错误的是(D)
A.<a>标签是超链接,可以使用href属性使其指向另一个资源
B.当点击<a>标签时触发的提交为GET提交
C.<a>标签可以嵌套<img>标签,使图片变为一个可点击的超链接
D.<a>标签可以指向一张图片从而在该位置显示一张图片
4.HTML5不支持的视频格式是(C)
A.ogg B.mp4
C.flv D.WebM
5.以下关于video说法正确的是(D)
A.当前,video元素支持三种视频格式,其中WebM=带有Thedora 视频编码和 Vorbis 音频编码的 WebM 文件。
B.source元素可以添加多个,具体播放哪个有浏览器决定。
C.video内使用img展示有视频封面
D.loop属性可以使媒介文件循环播放。
6.用于播放HTML5视频文件的正确HTML5元素是(C)
A.<movie> B.<media>
C.<video> D.<audio>
7.在下列的HTML中,哪个可以产生超链接?(B)
A .<a url="https://www..itxdl.cn">兄弟连IT教育</a>
B.<a href="https://www.itxdl..cn">兄弟连IT教育</a>
C.<a>https://www.itxdl.cn</a>
D.<a name="https://www.itxdl.cn">兄弟连IT教育</a>
8.如何在新窗口打开链接?(B)
A.<a href="https://www.itxdl.cn" new>
B.<a href=" https://www.itxdl.cn " target="_blank">
C.<a href=" https://www.itxdl.cn " target="new">
D.<a href=" https://www.itxdl.cn " target="_self">
9.在下列的 HTML 中,哪个可以插入图像?(B)
A.<imghref="itxdl.gif"> B.<image src=" itxdl.gif">
C.<imgsrc=" itxdl.gif"> D.<img> itxdl.gif</img>
10.以下关于video说法正确的是:(D)
A.当前,video元素支持三种视频格式,其中WebM = 带有Thedora视频编码和Vorbis音频编码的WebM文件。
B.source元素可以添加多个,具体播放哪个有浏览器决定。
C.video内使用img展示有视频封面
D.loop属性可以使媒介文件循环播放。
11.除了 audio 和 video,HTML5 还有哪些媒体标签?
答案:
HTML5对于多媒体提供了强有力的支持,除了audio和video标签外,标签定义嵌入的内容,比如插件。对于定义多个数据源很有用。标签为诸如video元素之类的媒介规定外部文本轨道。用于规定字幕文件或其他包含文本的文件,当媒介播放时,这些文件是可见的。
IT兄弟连 HTML5教程 多媒体应用 小结及习题的更多相关文章
- IT兄弟连 HTML5教程 CSS3揭秘 小结及习题
小结 CSS3对于开发者来说,给web应用带来了更多的可能性,极大提高了开发效率.CSS3在选择器上的支持可谓是丰富多彩,使得我们能够灵活的控制样式,而不必为元素进行规范化的命名.CSS3支持的动画类 ...
- IT兄弟连 HTML5教程 多媒体应用 新增多媒体播放元素
在HTML5之前,要在网站上展示视频.音频.动画等多媒体信息,除了使用第三方自主开发的播放器,使用最多的工具应该算是Flash了,但是它们都需要在浏览器中安装各种插件才能使用,有时速度很慢.HTML5 ...
- IT兄弟连 HTML5教程 多媒体应用 HTML图像地图
图像地图是带有可点击区域的图像,通常情况下,每个区域是一个相关的超级链接.点击某个区域,就会到达相关的链接,也可以通过图像地图实现图片切换效果. 1 什么是图像地图 把一幅图像分成为多个区域,每个区 ...
- IT兄弟连 HTML5教程 HTML5表单 小结及习题
小结 HTML表单提交的方法有get方法和post方法,get方法的作用是从指定的资源请求数据,post方法的作用是向指定的资源提交要被处理的数据.HTML表单一直都是Web的核心技术之一,有了它我们 ...
- IT兄弟连 HTML5教程 HTML5文字版面和编辑标签 小结及试题
小结 HTML标签包含结构标签和基础标签,基础标签是在页面制作最常使用的一些标签.基础标签包含标题标签(<h1>~<h6>).换行标签(<br>).段落标签(< ...
- IT兄弟连 HTML5教程 HTML5的基本语法 小结及习题
小结 一个完整的HTML文件由标题.段落.列表.表格.文本,即嵌入的各种对象所组成,这些逻辑上统一的对象称为元素.HTML文档主体结构分为两部分,一部分是定义文档类型,另一部分则是定义文档主体的结构框 ...
- IT兄弟连 HTML5教程 DIV+CSS网页标准化布局 小结及习题
小结 DIV+CSS布局页面的优势:表现和内容相分离.代码简洁,提高页面浏览速度.易于维护和改版.提高搜索引擎对网页的索引效率.每个HTML元素都可以看作一个区块,类似于装了东西的盒子,称为盒子模式. ...
- IT兄弟连 HTML5教程 CSS3属性特效 小结及习题
本章小结 CSS3新增了许多属性,CSS3样式新增了一种颜色模式rgba用来制作透明色,比CSS的颜色模式多了一个透明度的设置.文字的CSS3特效有文字阴影.文字描边.文字排版和文字省略等.另外,CS ...
- IT兄弟连 HTML5教程 HTML文档头部元素head
HTML头部标记是<head>,主要包括页面的一些基本描述语句,以及CSS和JavaScript,一般都可以定义在头部元素中.它用于包含当前文档的有关信息,例如网页标题和关键字等.通常位于 ...
随机推荐
- Hexo+Github个人博客搭建 | 实战经验分享
概述 第一次尝试搭建属于自己的博客,并且成功了,非常开心. 很久之前就想搭建一个博客,可是也一直没有行动,最近在逛B站的时候发现一个up主(CodeSheep)的一个视频 <手把手教你从0开始搭 ...
- SpringBoot整合axis1.4后,@Autowired注入失败,使用工具类注入
问题描述: 费劲心思搭建好webservices服务端后,没想到客户端调用失败,查看日志文件,发现报空指针异常,debug代码后,发现sql查询的值都是null.通常情况下,我们将Dao注入Servi ...
- 《Dotnet9》系列-开源C# WPF项目1《Accelerider.Windows》强力推荐
时间如流水,只能流去不流回! 点赞再看,养成习惯,这是您给我创作的动力! 本文 Dotnet9 https://dotnet9.com 已收录,站长乐于分享dotnet相关技术,比如Winform.W ...
- C#基础——break ,continue, return用法
- js简单动画:匀速动画、缓动动画、多物体动画以及透明度动画
主要实现以下几种简单的动画效果(其实原理基本相同): 1.匀速动画:物体的速度固定 2.缓动动画:物体速度逐渐变慢 3.多物体动画 4.透明度动画 效果实现: 1.匀速动画(以物体左右匀速运动为例) ...
- 简单看看es6解构赋值
哎,我真的是太难了,今天就被这个解构赋值(也可以叫做析构,貌似析构是在c++中的,所以我这里叫做解构赋值吧)弄的我很烦,本来以为很容易的,结果还是弄了好久...就总结一下解构吧! 1.解构的基本使用 ...
- 高版本Visual Studio和低版本ArcGIS共存 工具箱没有控件的解决方法
转载请声明.博客园/B站/CSDN/知乎/小专栏 @秋意正寒 欢迎访问小专栏,更多WebGIS开发(Cesium等)经验分享:https://xiaozhuanlan.com/gishome 众所周知 ...
- 携程PMO--扑克派对,我的估算我做主!
转自本人运营的公众号“ 携程技术中心PMO”(ID:cso_pmo) 作者简介 Ollie Guan,携程PMO高级项目集经理,负责敏捷总动员及携程技术中心PMO微信公众号运营.上海AUG ...
- BIM工程信息管理系统-详细设计
详细设计说明书 1引言 1.1编写目的 编写详细设计说明书的目的就是为程序员写出实际的程序代码提供依据.它是软件详细设计阶段所有任务和所有相关人员所需的参考资料. 1.2背景 说明: a. 软件名称 ...
- Electron中使用sql.js操作SQLite数据库
推荐sql.js——一款纯js的sqlite工具. 一.关于sql.js sql.js(https://github.com/kripken/sql.js)通过使用Emscripten编译SQLite ...