小结

在互联网上,图像和链接则是通过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教程 多媒体应用 小结及习题的更多相关文章

  1. IT兄弟连 HTML5教程 CSS3揭秘 小结及习题

    小结 CSS3对于开发者来说,给web应用带来了更多的可能性,极大提高了开发效率.CSS3在选择器上的支持可谓是丰富多彩,使得我们能够灵活的控制样式,而不必为元素进行规范化的命名.CSS3支持的动画类 ...

  2. IT兄弟连 HTML5教程 多媒体应用 新增多媒体播放元素

    在HTML5之前,要在网站上展示视频.音频.动画等多媒体信息,除了使用第三方自主开发的播放器,使用最多的工具应该算是Flash了,但是它们都需要在浏览器中安装各种插件才能使用,有时速度很慢.HTML5 ...

  3. IT兄弟连 HTML5教程 多媒体应用 HTML图像地图

    图像地图是带有可点击区域的图像,通常情况下,每个区域是一个相关的超级链接.点击某个区域,就会到达相关的链接,也可以通过图像地图实现图片切换效果. 1  什么是图像地图 把一幅图像分成为多个区域,每个区 ...

  4. IT兄弟连 HTML5教程 HTML5表单 小结及习题

    小结 HTML表单提交的方法有get方法和post方法,get方法的作用是从指定的资源请求数据,post方法的作用是向指定的资源提交要被处理的数据.HTML表单一直都是Web的核心技术之一,有了它我们 ...

  5. IT兄弟连 HTML5教程 HTML5文字版面和编辑标签 小结及试题

    小结 HTML标签包含结构标签和基础标签,基础标签是在页面制作最常使用的一些标签.基础标签包含标题标签(<h1>~<h6>).换行标签(<br>).段落标签(< ...

  6. IT兄弟连 HTML5教程 HTML5的基本语法 小结及习题

    小结 一个完整的HTML文件由标题.段落.列表.表格.文本,即嵌入的各种对象所组成,这些逻辑上统一的对象称为元素.HTML文档主体结构分为两部分,一部分是定义文档类型,另一部分则是定义文档主体的结构框 ...

  7. IT兄弟连 HTML5教程 DIV+CSS网页标准化布局 小结及习题

    小结 DIV+CSS布局页面的优势:表现和内容相分离.代码简洁,提高页面浏览速度.易于维护和改版.提高搜索引擎对网页的索引效率.每个HTML元素都可以看作一个区块,类似于装了东西的盒子,称为盒子模式. ...

  8. IT兄弟连 HTML5教程 CSS3属性特效 小结及习题

    本章小结 CSS3新增了许多属性,CSS3样式新增了一种颜色模式rgba用来制作透明色,比CSS的颜色模式多了一个透明度的设置.文字的CSS3特效有文字阴影.文字描边.文字排版和文字省略等.另外,CS ...

  9. IT兄弟连 HTML5教程 HTML文档头部元素head

    HTML头部标记是<head>,主要包括页面的一些基本描述语句,以及CSS和JavaScript,一般都可以定义在头部元素中.它用于包含当前文档的有关信息,例如网页标题和关键字等.通常位于 ...

随机推荐

  1. 小白学 Python 爬虫(21):解析库 Beautiful Soup(上)

    小白学 Python 爬虫(21):解析库 Beautiful Soup(上) 人生苦短,我用 Python 前文传送门: 小白学 Python 爬虫(1):开篇 小白学 Python 爬虫(2):前 ...

  2. CentOS 7.4搭建LAMP,LAMP:Linux、Apache、MySQL、PHP

    CentOS 7.4搭建LAMP,LAMP:Linux.Apache.MySQL.PHP. 目录: 第一部分 准备工作 第二部分 安装Apache服务 第三部分 安装MySQL服务 第四部分 搭建PH ...

  3. 3年java开发竟然还不知道Lambda的这个坑

    背景 有朋友反馈zk连接很慢.整理出zk连接的关键逻辑如下: 上面的代码造成第一次调用ClientZkAgent.getInstance的时候,需耗时10s, 这个时间恰好跟semaphore的超时时 ...

  4. 《一头扎进》系列之Python+Selenium框架设计篇3- 价值好几K的框架,狼来了,狼来了....,狼没来,框架真的来了

    1. 简介 前边宏哥一边一边的喊框架,就如同一边一边的喊狼来了!狼来了!.....这回是狼没有来,框架真的来了.从本文开始宏哥将会一步一步介绍,如何从无到有地创建自己的第一个自动化测试框架.这一篇,我 ...

  5. React一键复制

    如题,我们怎么在React或者其他的框架中实现一键复制呢,实际上实现一键复制的代码与框架无关,因为他是用的是原生的API,下面我们用React来实现一下    效果: 核心代码: 直接将红框处改为需要 ...

  6. CCF-CSP题解 201503-4 网络延时

    求树的直径. 两遍\(dfs\)就好了. #include <cstdio> #include <cstring> #include <algorithm> #in ...

  7. MySql全文检索使用详解

    实际项目中经常会有一个字段存储多个值用逗号分隔的场景,当分开查询的时候,使用模糊查询会非常影响效率.mysql提供了全文检索函数可以有效解决这一问题: 1.数据结构 ID CODE MSG 1 111 ...

  8. 在.Net Core中记录日志

    一个完善的系统,必然会有非常完善的日志记录,用户的操作.系统的运行状况等信息被完整的记录下来,方便我们对系统进行维护和改进..net core 也为日志记录提供了内置的支持. 在控制台程序中记录日志 ...

  9. 代码的鲁棒性:链表中倒数第k个结点

    题目描述 输入一个链表,输出该链表中倒数第k个结点.例如:输入一个链表,输出该链表中倒数第k个结点.为了符合大多数人的习惯,本题从1开始计数,即链表的尾结点是倒数第1个结点.例如一个链表有6个结点,从 ...

  10. [UIApplication sharedApplication].keyWindow和[[UIApplication sharedApplication].delegate window]区别

    参考链接:https://www.cnblogs.com/henusyj-1314/p/11643189.html 结论1.在获取到window时最好使用[[UIApplication sharedA ...