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,一般都可以定义在头部元素中.它用于包含当前文档的有关信息,例如网页标题和关键字等.通常位于 ...
随机推荐
- 小白学 Python 爬虫(21):解析库 Beautiful Soup(上)
小白学 Python 爬虫(21):解析库 Beautiful Soup(上) 人生苦短,我用 Python 前文传送门: 小白学 Python 爬虫(1):开篇 小白学 Python 爬虫(2):前 ...
- CentOS 7.4搭建LAMP,LAMP:Linux、Apache、MySQL、PHP
CentOS 7.4搭建LAMP,LAMP:Linux.Apache.MySQL.PHP. 目录: 第一部分 准备工作 第二部分 安装Apache服务 第三部分 安装MySQL服务 第四部分 搭建PH ...
- 3年java开发竟然还不知道Lambda的这个坑
背景 有朋友反馈zk连接很慢.整理出zk连接的关键逻辑如下: 上面的代码造成第一次调用ClientZkAgent.getInstance的时候,需耗时10s, 这个时间恰好跟semaphore的超时时 ...
- 《一头扎进》系列之Python+Selenium框架设计篇3- 价值好几K的框架,狼来了,狼来了....,狼没来,框架真的来了
1. 简介 前边宏哥一边一边的喊框架,就如同一边一边的喊狼来了!狼来了!.....这回是狼没有来,框架真的来了.从本文开始宏哥将会一步一步介绍,如何从无到有地创建自己的第一个自动化测试框架.这一篇,我 ...
- React一键复制
如题,我们怎么在React或者其他的框架中实现一键复制呢,实际上实现一键复制的代码与框架无关,因为他是用的是原生的API,下面我们用React来实现一下 效果: 核心代码: 直接将红框处改为需要 ...
- CCF-CSP题解 201503-4 网络延时
求树的直径. 两遍\(dfs\)就好了. #include <cstdio> #include <cstring> #include <algorithm> #in ...
- MySql全文检索使用详解
实际项目中经常会有一个字段存储多个值用逗号分隔的场景,当分开查询的时候,使用模糊查询会非常影响效率.mysql提供了全文检索函数可以有效解决这一问题: 1.数据结构 ID CODE MSG 1 111 ...
- 在.Net Core中记录日志
一个完善的系统,必然会有非常完善的日志记录,用户的操作.系统的运行状况等信息被完整的记录下来,方便我们对系统进行维护和改进..net core 也为日志记录提供了内置的支持. 在控制台程序中记录日志 ...
- 代码的鲁棒性:链表中倒数第k个结点
题目描述 输入一个链表,输出该链表中倒数第k个结点.例如:输入一个链表,输出该链表中倒数第k个结点.为了符合大多数人的习惯,本题从1开始计数,即链表的尾结点是倒数第1个结点.例如一个链表有6个结点,从 ...
- [UIApplication sharedApplication].keyWindow和[[UIApplication sharedApplication].delegate window]区别
参考链接:https://www.cnblogs.com/henusyj-1314/p/11643189.html 结论1.在获取到window时最好使用[[UIApplication sharedA ...