第16课探秘网页与代码-同步练习2026-2027学年人教版初中信息科技七年级全一册

第16课《探秘网页与代码》测试卷 2026-2027学年人教版初中信息科技七年级全一册 满分：100分 考试时间：60分钟 班级：__________ 姓名：__________ 学号：__________ 题号 一 二 三 四 五 六 总分 得分 一、单项选择题（本大题共20小题，每小题2分，共40分。在每小题给出的四个选项中，只有一项是符合题目要求的） 1. 网页是互联网上常见的信息呈现形式，关于网页与代码的关系，下列说法正确的是 A. 网页内容与代码之间不存在对应关系 B. 网页内容与代码之间存在一一对应的关系 C. 代码只是网页的装饰，不决定网页内容 D. 网页完全由浏览器自动生成，与代码无关 2. HTML 的中文名称是 A. 高级文本编程语言 B. 超文本标记语言 C. 通用标记程序 D. 网页样式表语言 3. HTML 通过预定义的标记，告诉浏览器网页的 A. 字体颜色和背景 B. 网络地址和端口 C. 内容类型和结构 D. 加密方式和协议 4. 构成 HTML 的核心元素是 A. 属性 B. 标签 C. 程序 D. 表格 5. 下列关于 HTML 标签的说法，不正确的是 A. 大部分标签是成对出现的 B. 一对标签包括起始标签和结束标签 C. 所有标签都必须成对出现 D. 也存在少数单标签（如 <img>） 6. 下面属于单标签的是 A. <html> B. <body> C. <img> D. <head> 7. HTML 文档的最基本结构由三对顶级标签组成，它们是 A. <html>、<head>、<body> B. <title>、<p>、<img> C. <a>、<table>、<style> D. <div>、<span>、<font> 8. 在 HTML 基本结构中，用来设置网页元数据（如标题、字符编码）的标签是 A. <body> B. <title> C. <head> D. <html> 9. 在 HTML 基本结构中，包含网页中可以看到的大部分内容的标签是 A. <html> B. <head> C. <body> D. <title> 10. <title> 标签中定义的内容会显示在浏览器的 A. 地址栏 B. 标签页标题栏 C. 页面正文 D. 状态栏 11. 浏览器对网页代码的处理方式是 A. 把代码直接显示给用户阅读 B. 按标签规则解析代码后渲染成网页 C. 把代码转换成图片后展示 D. 不经过解析直接展示 12. 在编写 HTML 时，可以使用任意一款文本编辑工具打开和修改网页文件，常用的工具不包括 A. 记事本 B. Notepad++ C. VS Code D. 画图工具 13. 修改网页代码后保存，再次用浏览器打开同一网页文件，会看到 A. 仍然是原来的内容 B. 修改后的效果 C. 浏览器报错无法打开 D. 自动恢复为默认页面 14. 关于网页中图片、视频等资源的存放方式，下列说法正确的是 A. 所有资源必须保存在本网站所在的服务器上 B. 所有资源必须来自外部网站 C. 既可以保存在本站服务器，也可通过标签属性指向外站地址 D. 网页中不能包含图片和视频 15. 当网页中的图片通过标签属性指向其他网站的地址时 A. 浏览器无法加载该图片 B. 该图片必须下载到本地才能显示 C. 浏览器会按照地址去对应网站获取图片 D. 会被当作病毒拦截 16. 在 HTML 文档中，表示一个段落的标签是 A. <h1> B. <p> C. <br> D. <hr> 17. 下列标签中，用于插入图片的是 A. <a> B. <img> C. <table> D. <p> 18. 下面关于 HTML 基本结构的书写顺序，正确的是 A. <head> 必须在 <body> 之后 B. <title> 写在 <body> 中 C. <html> 标签包裹整个文档，<head> 和 <body> 是其下级标签 D. <body> 中不能再出现其他标签 19. 用浏览器打开网页文件时，若代码中存在标签书写错误，通常会出现 A. 浏览器直接崩溃 B. 系统报错要求重新安装系统 C. 网页显示异常或内容错位 D. 自动修复所有错误并正常显示 20. 下列活动中，体现了'网页与代码一一对应'这一关系的是 A. 用搜索引擎检索网页 B. 修改 HTML 代码并刷新浏览器查看效果变化 C. 用鼠标点击超链接跳转 D. 给电脑安装浏览器 二、判断题（本大题共10小题，每小题1分，共10分。判断下列各题正误，正确的在题后括号内打'√'，错误的打'×'） 1. 网页与 HTML 代码之间存在一一对应的关系。（ ） 2. HTML 的中文名称是'超文本标记语言'。（ ） 3. HTML 标签全部都是成对出现的，不存在单标签。（ ） 4. <head> 标签中包含网页中可以看到的大部分内容。（ ） 5. <title> 标签中的内容会显示在浏览器的标签页标题栏。（ ） 6. 浏览器是按照标签规则解析代码，将网页呈现给用户的。（ ） 7. 修改网页代码并保存后，刷新浏览器可以看到修改后的效果。（ ） 8. 网页中的图片、视频等资源只能保存在本网站所在的服务器上。（ ） 9. <html> 标签是 HTML 文档的根标签，包裹整个页面内容。（ ） 10. HTML 代码只能使用专用的网页制作软件编写，不能用记事本打开修改。（ ） 三、填空题（本大题共7小题，每空1分，共10分。请把正确答案填写在题中横线上） 1. HTML 的中文名称是________，它是构成网页的基础语言。 2. HTML 通过预定义的________来告诉浏览器网页的内容类型和结构。 3. HTML 中大部分标签是________出现的，包括起始标签和结束标签。 4. HTML 文档最基本的三对顶级标签是________、________和<body>。 5. 在 HTML 基本结构中，设置网页标题、字符编码等元数据的是________标签。 6. 网页中的图片等资源既可以保存在________服务器，也可以通过________属性指向外站地址。 7. 浏览器按照标签规则________代码，将网页呈现给用户。 四、连线题（本大题共5小题，每小题2分，共10分。请将左侧的 HTML 标签与右侧对应的作用用直线连起来） 标签 作用 <html> 表示 HTML 文档的根标签，包裹整个文档 <head> 包含网页元数据，如字符编码、引用样式等 <body> 包含网页中大部分可见内容 <title> 设置网页标题，显示在浏览器标签页上 <img> 插入图片，在网页中显示图像资源 五、材料分析题（本大题共3小题，每小题5分，共15分。阅读材料，回答问题） 阅读材料：在'校园活动线上展'主题学习中，小明用记事本打开了一个名为 index.html 的网页文件，看到其中写有 <html><head><title>读书节活动</title></head><body><h1>欢迎参加读书节</h1><p>读书节将于下周一开始。</p><img src="photo.jpg"></body></html> 等代码。他把 photo.jpg 替换成了另一张图片地址，保存后用浏览器打开，发现网页标题和图片都发生了变化。 1.（5分）小明看到的这段代码中，哪个标签里的内容会显示在浏览器标签页的标题栏？网页中能看到的文字'欢迎参加读书节'和'读书节将于下周一开始。'分别位于哪个标签内？ 2.（5分）小明只修改了图片地址就看到图片变化，这体现了网页与代码之间的什么关系？<img> 标签属于成对标签还是单标签？ 3.（5分）如果小明想让网页显示一张来自其他网站的图片（例如网上的读书节海报），他应该怎样设置 <img> 标签的属性？这说明了网页资源的什么特点？ 六、综合探究题（本大题共3小题，共15分） 在课堂实践中，七年级（1）班同学以'探秘网页与代码'为主题开展探究活动，请你参与并完成下列任务。 1.（5分）请你补全下面一个最简单的 HTML 文档结构框架，在括号处写出相应的标签名称：（　　　　）表示整个网页文档，其内部包含（　　　　）和（　　　　）两个部分，其中（　　　　）用于设置网页元数据，（　　　　）承载网页中可见的大部分内容。 2.（6分）小红在编写网页时遇到了两个问题：①保存并用浏览器打开后，标签页显示的文字不是她想要的；②想在正文中加一张图片却不知道用什么标签。请你分别告诉她应使用哪个标签，并简单说明原因。 3.（4分）请你结合本课所学，说出两点'认识网页与代码一一对应关系'对我们制作和修改网页的实际意义。 参考答案与评分要点 一、单项选择题（每小题2分，共40分） 1.B　2.B　3.C　4.B　5.C　6.C　7.A　8.C　9.C　10.B　11.B　12.D　13.B　14.C　15.C　16.B　17.B　18.C　19.C　20.B 二、判断题（每小题1分，共10分） 1.√　2.√　3.×　4.×　5.√　6.√　7.√　8.×　9.√　10.× 三、填空题（每空1分，共10分） 1. 超文本标记语言；2. 标记（或标签）；3. 成对；4. <html>、<head>（两空顺序不分先后）、<body>；5. <head>；6. 本网站所在（本站）、src（或标签）；7. 解析（解释）。 四、连线题（每小题2分，共10分） <html>——表示HTML文档的根标签，包裹整个文档；<head>——包含网页元数据，如字符编码、引用样式等；<body>——包含网页中大部分可见内容；<title>——设置网页标题，显示在浏览器标签页上；<img>——插入图片，在网页中显示图像资源。 五、材料分析题（共15分） 1.（5分）① <title> 标签里的'读书节活动'显示在浏览器标签页标题栏（2分）；②'欢迎参加读书节'位于 <h1> 标签内（1分）；③'读书节将于下周一开始。'位于 <p> 标签内（2分）。 2.（5分）① 体现了'网页与代码之间存在一一对应的关系'，修改代码就会相应改变网页呈现效果（3分）；② <img> 是单标签（2分）。 3.（5分）① 应将 <img> 标签的 src 属性设置为外站图片的完整网址（URL）（2分）；② 说明网页中的图片等资源既可以保存在本站服务器，也可以通过标签属性指向其他网站的地址（3分）。 六、综合探究题（共15分） 1.（5分）<html>、<head>、<body>、<head>、<body>（每空1分）。 2.（6分）① 标签页标题问题：应使用 <title> 标签，因为 <title> 用来设置网页标题，内容会显示在浏览器标签页（3分）；② 添加图片问题：应使用 <img> 标签，因为 <img> 是专门用于插入图片的单标签（3分）。 3.（4分，言之有理即可得分）参考要点：① 能准确定位网页中需要修改的内容，提高修改效率；② 遇到网页显示问题时，可以通过查看对应代码找出原因；③ 便于理解浏览器渲染网页的过程，为后续学习美化网页、添加超链接打下基础（答出任意两点即可得4分）。 第 8 页　共 8 页 学科网（北京）股份有限公司 $