第16课《探秘网页与代码》同步练习 2025-2026学年人教版初中信息科技七年级全一册
2026-01-26
|
5页
|
449人阅读
|
3人下载
资源信息
| 学段 | 初中 |
|---|---|
| 学科 | 信息科技 |
| 教材版本 | 初中信息科技人教版七年级全一册 |
| 年级 | 七年级 |
| 章节 | 第16课 探秘网页与代码 |
| 类型 | 作业-同步练 |
| 知识点 | - |
| 使用场景 | 同步教学-周测 |
| 学年 | 2026-2027 |
| 地区（省份） | 全国 |
| 地区（市） | - |
| 地区（区县） | - |
| 文件格式 | DOCX |
| 文件大小 | 29 KB |
| 发布时间 | 2026-01-26 |
| 更新时间 | 2026-01-26 |
| 作者 | 加贝先森 |
| 品牌系列 | - |
| 审核时间 | 2026-01-26 |
| 下载链接 | https://m.zxxk.com/soft/56114886.html |
| 价格 | 0.50储值（1储值=1元） |
| 来源 | 学科网 |
内容正文：
信息技术 人教版（2024）七年级全一册
第四单元 校园活动线上展 第16课《探秘网页与代码》同步练
班级：__________ 姓名：__________ 学号：__________ 得分：__________
一、单选题（每题2分，共10分）
1.下列哪项是用于在网页中插入图像的HTML标签？
A.<a>
B.<img>
C.<p>
D.<h1>
2.在HTML中，用于定义网页主体内容的标签是：
A.<head>
B.<title>
C.<body>
D.<html>
3.以下哪个标签用于创建超链接？
A.<link>
B.<a>
C.<href>
D.<url>
4.如果要在网页中显示一级标题，应使用哪个标签？
A.<title>
B.<h1>
C.<p>
D.<header>
5.下列哪种方式是将图像直接嵌入HTML代码中的方法？
A.使用文件路径
B.使用图像数据编码
C.使用CSS样式
D.使用JavaScript脚本
二、多选题（每题3分，共15分）
6.下列哪些标签属于HTML中的“双标签”？（ ）
A.<img>
B.<p>
C.<br>
D.<h1>
7.一个完整的HTML文档通常包含以下哪些部分？（ ）
A.<head>
B.<title>
C.<body>
D.<footer>
8.在网页中显示图像时，可以使用的图像文件格式包括：（ ）
A..jpg
B..png
C..gif
D..html
9.下列哪些是HTML标签的属性？（ ）
A.src
B.href
C.color
D.size
10.关于HTML代码与网页文件的关系，以下说法正确的是：（ ）
A.HTML代码必须保存在.html文件中
B.浏览器可以直接解析HTML代码并显示网页
C.网页文件是HTML代码的一种常见保存形式
D.HTML代码只能通过网页文件形式在网络上传输
三、填空题（每空2分，共10分）
11.在HTML中，用于定义网页标题的标签是 <__________>。
12.图像标签 <img> 中用于指定图像路径的属性是 __________。
13.超链接标签 <a> 中用于指定链接地址的属性是 __________。
14.在网页中实现文字换行的标签是 <__________>。
15.如果使用图像数据编码方式插入图像，图像数据会以 __________ 形式直接嵌入HTML代码中。
四、判断题（每题2分，共10分）
16.HTML代码中的标签不区分大小写。（ ）
17.<img> 标签是双标签，必须有闭合标签。（ ）
18.修改 <title> 标签的内容会改变浏览器标签页上显示的标题。（ ）
19.网页文件只能以“.html”或“.htm”为扩展名。（ ）
20.使用图像数据编码方式插入图像时，不需要额外的图像文件。（ ）
五、简答题（每题5分，共15分）
21.请简要说明 <head> 标签和 <body> 标签在HTML中的作用分别是什么。
22.比较在网页中显示图像的两种方法（文件路径 vs 图像数据编码）的优缺点。
23.为什么说“HTML代码不一定以网页文件形式保存”？请举例说明。
六、案例分析题（10分）
24.以下是一段简单的HTML代码，请分析其结构并回答：
<!DOCTYPE html>
<html>
<head>
<title>我的网页</title>
</head>
<body>
<h1>欢迎来到我的网站</h1>
<p>这是一个段落。</p>
<img src="photo.jpg" alt="我的照片">
<a href="https://www.example.com">点击这里</a>
</body>
</html>
问题：
（1）这段代码中哪些是双标签？哪些是单标签？
（2）如果要把图片替换为“picture.png”，应该修改哪部分代码？
（3）超链接指向的网址是什么？
七、实验探究题（15分）
25.假设你要为班级科技节制作一个简单的宣传网页，要求包含以下内容：
网页标题为“七年级科技节”
一级标题为“欢迎参观科技节展览”
一段介绍文字（自拟）
一张图片（使用文件路径方式插入）
一个指向学校官网的超链接
请写出完整的HTML代码，并简要说明每个部分的作用。
参考答案
一、单选题
1.B
2.C
3.B
4.B
5.B
二、多选题
6.B、D
7.A、B、C
8.A、B、C
9.A、B
10.B、C
三、填空题
11.title
12.src
13.href
14.br
15.Base64（或编码字符串）
四、判断题
16.对
17.错（<img>是单标签）
18.对
19.错（也可以是其他服务器动态生成）
20.对
五、简答题
21.<head>标签用于定义文档的头部信息，如标题、字符集、样式表链接等；<body>标签用于定义文档的主体内容，即用户在浏览器中看到的部分。
22.文件路径方式：优点——便于管理，适合频繁更换图像；缺点——依赖外部文件，路径错误时图像无法显示。图像数据编码方式：优点——无需外部文件，便于传输和嵌入；缺点——代码冗长，不适合大图像。
23.HTML代码可以通过Web服务器动态生成并直接发送给浏览器，不一定需要保存为静态文件。例如，使用PHP、Python等后端语言生成的网页。
六、案例分析题
24.
（1）双标签：<html>、<head>、<title>、<body>、<h1>、<p>、<a>；单标签：<img>
（2）修改 <img src="photo.jpg"> 中的 src 属性为 "picture.png"
（3）https://www.example.com
七、实验探究题
25.示例代码：
<!DOCTYPE html>
<html>
<head>
<title>七年级科技节</title>
</head>
<body>
<h1>欢迎参观科技节展览</h1>
<p>本次科技节展示同学们在机器人、编程、科学实验等方面的成果，欢迎大家前来参观！</p>
<img src="tech_fair.jpg" alt="科技节海报">
<a href="https://www.school.edu">访问学校官网</a>
</body>
</html>
学科网（北京）股份有限公司
$
资源预览图
1
2
相关资源
由于学科网是一个信息分享及获取的平台，不确保部分用户上传资料的 来源及知识产权归属。如您发现相关资料侵犯您的合法权益，请联系学科网，我们核实后将及时进行处理。