第18课美化网页方法多-同步练习 2026-2027学年人教版初中信息科技七年级全一册

第18课《美化网页方法多》测试卷 2026-2027学年人教版初中信息科技七年级全一册 满分：100分 考试时间：60分钟 班级：__________ 姓名：__________ 学号：__________ 题号 一 二 三 四 五 六 总分 得分 一、单项选择题（本大题共20小题，每小题2分，共40分。在每小题给出的四个选项中，只有一项是符合题目要求的） 1. HTML在网页制作中的主要作用是 A. 美化网页的颜色和布局 B. 构建网页的基本结构 C. 管理网页中的数据 D. 编写复杂的计算公式 2. 在HTML中，设置网页背景颜色应使用 A. <font>标签的color属性 B. <p>标签的align属性 C. <body>标签的bgcolor属性 D. <style>标签的size属性 3. 在网页代码<font color="#FF0000">中，color属性的作用是 A. 设置文本的颜色 B. 设置文本的字体 C. 设置文本的大小 D. 设置文本的对齐方式 4. 在网页代码<font size="6" face="楷体">中，face属性的作用是 A. 规定文本的颜色 B. 规定文本的字体 C. 规定文本的大小 D. 规定文本的位置 5. 在网页代码<font size="7">中，size属性的作用是 A. 规定文本的颜色 B. 规定文本的字体 C. 规定段落的缩进 D. 规定文本的大小 6. 关于网页中颜色值的表示方法，下列说法正确的是 A. 颜色值只能用英文单词表示 B. 颜色值只能用一位数字组成 C. 颜色值可以用十六进制表示，如#FF0000 D. 颜色值中不能出现任何字母 7. 在HTML代码中，<center></center>标签的作用是 A. 设置网页的背景颜色 B. 定义网页的一级标题 C. 在网页中插入一张图片 D. 将内容居中对齐，但已过时并不常用 8. 在HTML代码中，&nbsp;表示 A. 一个换行符 B. 一个不间断空格 C. 一段注释文字 D. 一个超链接 9. 关于用HTML代码美化网页，下列说法正确的是 A. 美化效果丰富，操作也十分简便 B. 可以一次性统一修改所有同类标签的样式 C. 美化效果往往很有限，而且操作非常烦琐 D. 完全不需要掌握任何标签和属性 10. 如果想让网页中所有段落的字体都改为“隶书”，用HTML代码美化的做法是 A. 只需修改一个标签即可全部生效 B. 无法实现 C. 必须重新编写整个网页 D. 需要逐个修改每个段落中的<font>标签，十分烦琐 11. CSS的全称是 A. Cascading Style Sheets（串联样式表） B. Computer Style System（计算机样式系统） C. Creative Style Sheet（创意样式表） D. Colorful Style Settings（彩色样式设置） 12. 关于CSS的作用，下列说法正确的是 A. 只能设置网页中的文本内容 B. 可以描述网页的外观和格式，控制某类HTML标签内容的颜色、字体、宽度、高度等 C. 只能用来插入图片和表格 D. 与网页的美化没有任何关系 13. 网页中的CSS代码一般放在 A. <title></title>标签之间 B. <body></body>标签之后 C. <style></style>标签之间 D. <img>标签之中 14. CSS的基本语法结构由（　　）组成 A. 标签和属性 B. 函数和参数 C. 标题和正文 D. 选择器和声明 15. 在CSS的一条声明中，属性和值之间用什么分开、以什么结束 A. 用逗号分开，以句号结束 B. 用冒号分开，以分号结束 C. 用空格分开，以分号结束 D. 用等号分开，以逗号结束 16. 在CSS代码h1 { color: #FF0000; }中，h1是 A. 属性 B. 属性值 C. 选择器 D. 声明 17. 在CSS中，设置背景颜色的属性是 A. color B. font-size C. text-align D. background-color 18. 在CSS中，设置字体大小的属性是 A. font-family B. font-size C. color D. text-indent 19. 在CSS中，要让段落中的首行文本缩进两个字符，应使用的属性是 A. text-align B. font-family C. text-indent D. background-color 20. 关于用HTML代码美化和用CSS美化网页的比较，下列说法正确的是 A. 两者效果完全相同，可以随意替换 B. 用HTML代码美化的效果一定比用CSS美化更好 C. 使用CSS美化网页必须先删除网页中的HTML代码 D. 用CSS可以统一设置样式、便于维护，美化效果更好 二、判断题（本大题共10小题，每小题1分，共10分。判断下列各题正误，正确的在题后括号内打“√”，错误的打“×”） 1. 用HTML代码可以美化网页，但美化效果往往很有限，而且操作非常烦琐。（ ） 2. CSS是Cascading Style Sheets的缩写，中文常称为层叠样式表。（ ） 3. 网页中的CSS代码只能写在HTML文件的末尾，不能写在<head>区域。（ ） 4. CSS的一条声明由属性和值组成，属性和值之间用冒号分开，以分号结束。（ ） 5. <center></center>是当前推荐常用的将内容居中对齐的方式。（ ） 6. &nbsp;表示不间断空格，可以用来控制文本排版中的空格显示。（ ） 7. 用CSS美化网页时，只要设置一次，就能统一改变某类标签的显示效果。（ ） 8. <font size="6">中的size属性用来规定文本的颜色。（ ） 9. 网页中的颜色值可以用十六进制表示，如#FF0000。（ ） 10. 用CSS美化网页的效果往往很有限，而用HTML代码美化网页效果更好。（ ） 三、填空题（本大题共7小题，每空1分，共10分。请把正确答案填写在题中横线上） 1. 用HTML代码美化网页时，设置网页背景颜色可使用<body>标签的________属性；设置文本的字体可使用<font>标签的________属性。 2. CSS是________的缩写，中文常称为层叠样式表。 3. CSS的基本语法结构由________和声明两部分组成。 4. CSS的一条声明由属性和值组成，属性和值之间用________分开，以________结束。 5. 网页内的CSS代码一般放在<________>标签之间。 6. 在CSS中，设置文本颜色的属性是________，设置背景颜色的属性是________。 7. 在CSS中，设置段落首行文本缩进的属性是________。 四、连线题（本大题共5小题，每小题2分，共10分。请将左侧的CSS属性与右侧对应的作用用直线连起来） CSS属性 作用 color 设置文本的颜色 font-family 设置文本的字体 font-size 设置文本的大小 background-color 设置背景颜色 text-align 设置文本的对齐方式 五、材料分析题（本大题共3小题，每小题5分，共15分。阅读材料，回答问题） 阅读材料：在第四单元“校园活动线上展”的学习中，小明为介绍科技节项目制作了一个网页。起初他想让网页更美观，就在每个标题和段落前都加上了<font>标签，逐个设置color、face、size属性，反复调整了好几次才把字体、颜色统一起来，觉得十分费力。后来在老师的指导下，他把CSS代码写在<style>标签中，只写了几条声明，就统一设置了所有同类元素的颜色、字体和大小，网页很快就变得整齐美观了。 1.（5分）小明最初用HTML代码美化网页，这种方式有什么不足？请结合材料说明。 2.（5分）请写出CSS的基本语法结构，并说明选择器和声明各自的作用。 3.（5分）结合材料，说说用CSS美化网页相比用HTML代码美化有哪些优势。 六、综合探究题（本大题共3小题，共15分） 在课堂实践中，同学们围绕“美化科技节网页”开展探究活动，请你参与并完成下列任务。 1.（5分）请写出用HTML代码美化网页时常用的标签及属性（至少三组），并说明它们的作用。 2.（6分）请写出用CSS美化网页的一般做法，并给出一段CSS代码示例，用来设置网页的背景颜色和一级标题的字体大小。 3.（4分）结合本课所学，说说人工智能技术在美化网页方面能给我们带来哪些帮助。 参考答案与评分要点 一、单项选择题（每小题2分，共40分） 1.B　2.C　3.A　4.B　5.D　6.C　7.D　8.B　9.C　10.D　11.A　12.B　13.C　14.D　15.B　16.C　17.D　18.B　19.C　20.D 二、判断题（每小题1分，共10分） 1.√　2.√　3.×　4.√　5.×　6.√　7.√　8.×　9.√　10.× 三、填空题（每空1分，共10分） 1. bgcolor、face；2. Cascading Style Sheets（串联样式表）；3. 选择器；4. 冒号、分号；5. style；6. color、background-color（两空顺序不分先后）；7. text-indent。 四、连线题（每小题2分，共10分） color——设置文本的颜色；font-family——设置文本的字体；font-size——设置文本的大小；background-color——设置背景颜色；text-align——设置文本的对齐方式。 五、材料分析题（共15分） 1.（5分）① 用HTML代码美化网页，美化效果往往很有限（2分）；② 需要对每个元素单独设置样式，操作非常烦琐，效率低，修改起来也很麻烦（3分）。 2.（5分）① CSS的基本语法结构由选择器和声明两部分组成（1分）；② 选择器用来指定需要改变样式的HTML元素（2分）；③ 声明由属性和值组成，属性和值之间用冒号分开、以分号结束，用来描述元素要改成什么样子（2分）。 3.（5分）① 用CSS可以一次性统一设置某类元素的样式，不必对每个元素单独设置，操作更简便、效率更高（2分）；② 便于统一修改和维护，能让网页呈现出一致的美化风格（2分）；③ 美化效果更丰富、更好（1分）。 六、综合探究题（共15分） 1.（5分，每写对一组且作用正确得2分，最多得5分）参考要点：① <body bgcolor="..."> 设置网页的背景颜色；② <font color="..." face="..." size="..."> 设置文本的颜色、字体和大小；③ <p align="..."> 设置段落的对齐方式；④ <center></center> 将内容居中对齐（已过时并不常用）；⑤ &nbsp; 表示不间断空格，控制文本排版中的空格显示。 2.（6分）① 做法：先指定需要改变样式的HTML元素（选择器），再对元素的颜色、字体等进行描述（声明），并把CSS代码写在<style></style>标签之间（3分）；② 代码示例（3分，意思正确即可）：<style>　body{background-color:#b0e5ec;}　h1{font-size:50px;}　</style>。 3.（4分，言之有理即可得分）参考要点：① 可以把已有的HTML代码提交给在线的网页生成模型，让它用CSS对网页进行美化，提高美化的效率（2分）；② 有助于我们了解和学习更多的美化方法，但生成的结果仍需根据需求检查、调整，不能完全依赖（2分）。 第 页　共 页 学科网（北京）股份有限公司 $