全部学科
NodeJS全栈
nodejs
通用技术
redis git docker nginx mysql zookeeper rabbitmq
Web前端
TypeScript vue CSS HTML javascript pinia vite
JAVA后端
maven spring Mytatis SpringMVC SpringBoot java
Python全栈
python
GO后端
golang gorm gin
小程序首页
HTML / 模拟试卷

多媒体与嵌入内容专题测试

20 题 45 分钟 难度：

考察知识点

  • 图像嵌入与图片标签：img标签属性、src/alt使用、响应式图片
  • 音频与视频标签：audio/video标签、controls属性、多媒体API
  • iframe与嵌入内容：iframe安全、sandbox属性、跨域通信
  • SVG与矢量图形：SVG基本元素、path路径、矢量图形优势
1
单选题

<img>标签中用于指定图片路径的必需属性是？

A

href

B

src

C

link

D

path

2
单选题

关于<img>标签的alt属性，以下说法正确的是？

A

alt属性是可选的，如果不设置浏览器会显示图片文件名

B

alt属性只在图片无法加载时显示，正常情况下没有任何作用

C

alt属性提供图片的文本描述，对SEO和无障碍访问都很重要

D

alt属性和title属性功能完全相同

3
单选题

HTML5中使用哪个标签嵌入视频内容？

A

<media>

B

<video>

C

<movie>

D

<embed video>

4
单选题

HTML中用于嵌入另一个网页的标签是？

A

<embed>

B

<include>

C

<iframe>

D

<frame>

5
单选题

SVG代表什么含义？

A

Scalable Vector Graphics（可缩放矢量图形）

B

Standard Vector Graphics（标准矢量图形）

C

Simple Vector Graphics（简单矢量图形）

D

Static Vector Graphics（静态矢量图形）

6
单选题

以下哪种CSS设置可以让图片响应式自适应容器宽度？

A

img { width: 100%; height: 100%; }

B

img { max-width: 100%; height: auto; }

C

img { width: auto; height: auto; }

D

img { min-width: 100%; max-height: 100%; }

7
单选题

<img>标签的loading="lazy"属性的作用是？

A

图片加载失败时显示占位图

B

图片延迟加载，直到用户滚动到附近才开始加载

C

图片以低质量加载，然后逐步提升清晰度

D

图片在页面加载完成后立即加载

8
单选题

<img>标签的srcset属性的作用是？

A

设置图片加载失败时的备用图片

B

根据屏幕分辨率或宽度提供不同尺寸的图片源

C

设置图片的加载优先级

D

设置图片的动画效果

9
判断题

<img>标签需要使用</img>作为结束标签。

A

对

B

错

10
判断题

在HTML5中，单独设置autoplay属性即可让视频在有声音的情况下自动播放。

A

对

B

错

11
判断题

<iframe>只能嵌入来自同一域名下的页面，不能嵌入外部网站的页面。

A

对

B

错

12
判断题

<embed>标签和<iframe>标签的功能完全相同，可以互相替代。

A

对

B

错

13
判断题

SVG图形元素不能使用CSS进行样式控制，只能通过SVG自身的属性设置样式。

A

对

B

错

14
多选题

以下哪些属性同时适用于<video>和<audio>标签？（多选）

A

controls

B

autoplay

C

poster

D

loop

15
多选题

关于<iframe>标签的sandbox属性，以下哪些说法是正确的？（多选）

A

不设置sandbox属性时，iframe拥有完整的权限

B

设置空sandbox属性会应用最严格的限制

C

sandbox="allow-scripts"允许iframe内执行JavaScript

D

sandbox属性可以完全阻止iframe加载任何内容

16
多选题

SVG矢量图形相比位图（如PNG、JPEG）有哪些优势？（多选）

A

可以无限缩放而不失真

B

文件体积通常更小（对于简单图形）

C

可以用CSS进行样式控制

D

可以用JavaScript操作其内部元素

17
多选题

关于响应式图片的<picture>元素，以下哪些说法是正确的？（多选）

A

<picture>元素可以根据屏幕宽度选择不同的图片源

B

<picture>元素内部必须包含<img>元素作为默认图片

C

<source>元素使用media属性定义媒体查询条件

D

<picture>元素可以同时提供不同格式的图片供浏览器选择

18
填空题

HTML5中使用______标签嵌入音频内容。设置________属性可以显示浏览器内置的播放控件，设置______属性可以让音频循环播放。要提供多种音频格式，可以在标签内使用______子元素。

19
填空题

使用<iframe>标签嵌入网页时，______属性指定要嵌入的页面URL，______和______属性设置iframe的尺寸。为防止iframe内容影响页面安全，可以使用_______属性限制其权限。

20
填空题

SVG中绘制圆形使用______元素，绘制矩形使用______元素，绘制直线使用______元素，绘制路径使用______元素。其中______是最灵活的元素，可以绘制任意复杂图形。

← 上一个试卷 原生表单验证专题测试
下一个试卷 → 表单进阶与验证专题测试

📝 发现内容有误？点击此处直接编辑

想参加完整模拟考试？
小程序提供计时考试、自动评分和详细解析

长按或扫描二维码，立即体验

扫码体验小程序
马上就来
使用微信扫描二维码
立即体验完整题库