1.1.1-认识网页（同步练习）-《网页设计与制作》同步教学（电子工业出版社）

《认识网页》的作业： 填空题 1. 网页主要由________、________和________三部分组成。 答案：html、css、javascript 解析：html是网页的骨架，css用于美化网页样式，而javascript负责网页的互动功能。 2. 在网页中，________标签用于定义最重要的标题。 答案：h1 解析：“h1”到“h6”标签在html中用于定义六级标题，其中“h1”定义最重要的标题。 3. ________是一种标记语言，用于创建网页内容。 答案：html 解析：html全称为超文本标记语言，它通过一系列标签来定义网页的结构和内容。 4. ________是用于描述网页外观和格式的标记语言。 答案：css 解析：css全称为层叠样式表，用于设置html元素的布局、颜色、字体等样式。 5. ________使得网页具有交互性，如响应用户的动作。 答案：javascript 解析：javascript是一种脚本语言，可以添加复杂的交互效果，使网页更加动态和响应用户操作。 6. 使用________协议可以实现网页中的超链接跳转。 答案：http/https 解析：http（超文本传输协议）或其安全版本https，是网页间相互链接和跳转的基础协议。 7. 在html中，________标签用于插入图片。 答案：img 解析：img标签用于嵌入图像，必须配合“src”属性指定图像的路径。 8. 为了提高网页的可访问性，应该使用________标签为重要元素提供文本说明。 答案：alt 解析：alt属性用于在img标签内，提供图像的文本描述，有助于搜索引擎理解图像内容并帮助视障用户。 9. 网页中的表格通常由________标签构建。 答案：table 解析：table标签用于创建表格，配合tr、td等标签定义表格的行和单元格。 10. ________标签用于在网页中嵌入外部的html文件。 答案：iframe 解析：iframe标签可以创建一个内嵌框架，用于嵌入另一个网页或其他内容。 11. 在html5中，________标签用于定义导航链接。 答案：nav 解析：nav标签用于包裹页面的主要导航链接，帮助搜索引擎和辅助技术识别网站结构。 12. ________标签用于在网页上创建分节。 答案：section 解析：section标签用于对网页内容进行分节，每一节可以有独立的标题和内容。 选择题 1. 下列哪个不是网页的基本组成部分？ A. html B. css C. flash D. javascript 答案：C 解析：虽然flash曾用于创建动画和互动效果，但现代网页主要依赖html、css和javascript构建，flash因安全问题已逐渐被淘汰。 2. 在html中，哪个标签用于表示最重要的标题？ A. h6 B. h1 C. p D. div 答案：B 解析：“h1”到“h6”表示六级标题，其中“h1”代表最顶级的标题，通常用于页面的主标题。 3. css的主要作用是什么？ A. 创建网页内容 B. 定义网页样式 C. 增加网页交互性 D. 管理网页数据库 答案：B 解析：css主要用于定义html元素的布局、颜色、字体等样式，控制页面的外观。 4. 如何使网页具有交互性？ A. html B. css C. javascript D. python 答案：C 解析：javascript是一种脚本语言，能够实现复杂的交互逻辑，如表单验证、动态内容更新等。 5. 超链接在网页中通常使用哪个协议？ A. ftp B. http C. ssh D. smtp 答案：B 解析：http（hypertext transfer protocol）协议定义了浏览器和web服务器之间的通信方式，常用于网页间的链接和跳转。 6. 在html中，如何插入一张图片？ A. 使用img标签 B. 使用video标签 C. 使用audio标签 D. 使用iframe标签 答案：A 解析：img标签用于在网页中嵌入图像文件，需要指定“src”属性来标识图像的路径。 7. 如何提高网页中图像的可访问性？ A. 使用alt属性 B. 使用large属性 C. 使用autoplay属性 D. 使用loop属性 答案：A 解析：alt属性提供了图像的文本描述，有助于视障用户理解图像内容，同时也有利于搜索引擎优化。 8. 在html中，表格通常由哪个标签构建？ A. table B. list C. form D. blockquote 答案：A 解析：table标签用于创建表格，可以配合tr、td等标签定义表格的行和单元格。 9. 如何在网页中嵌入外部的html文件？ A. 使用p标签 B. 使用div标签 C. 使用iframe标签 D. 使用footer标签 答案：C 解析：iframe标签可以在当前网页中嵌入另一个网页或文档，常用于嵌入地图、广告等第三方内容。 10. html5中，哪个新标签用于定义文章的独立内容区块？ A. article B. section C. aside D. header 答案：A 解析：article标签用于包含独立的内容区块，如博客帖子、论坛帖子等，这些内容通常独立于其他页面内容。 11. 在html5中，哪个标签用于定义导航链接？ A. nav B. footer C. address D. main 答案：A 解析：nav标签专门用于定义导航链接，帮助指明网站的主要导航部分。 12. html5中的footer标签通常用于什么？ A. 定义页脚 B. 定义页眉 C. 定义侧边栏 D. 定义主要内容 答案：A 解析：footer标签用于定义页面或页面中一个区域的页脚，通常包含版权信息、作者信息等。 13. 在html中，哪个标签不适合用于创建导航菜单？ A. ul B. ol C. li D. p 答案：D 解析：ul（无序列表）和ol（有序列表）标签配合li（列表项）标签常用于创建导航菜单，而p（段落）标签则用于文本段落，不适合用于创建导航。 14. 如何让网页适应不同的设备尺寸？ A. 使用固定的像素值 B. 使用百分比宽度 C. 使用javascript调整大小 D. 使用css媒体查询 答案：D 解析：css媒体查询允许根据设备的屏幕尺寸、分辨率等特性来应用不同的样式规则，从而实现响应式设计。 15. 在html5中，哪个新标签用于定义与页面主要内容不直接相关的内容？ A. section B. article C. aside D. header 答案：C 解析：aside标签通常用于包含与页面主要内容不直接相关的内容，如侧边栏、引用等。 简答题 1. 简述网页的基本组成部分。 答案： 网页主要由HTML文件、CSS样式表、JavaScript脚本、图像和其他媒体元素组成。 2. 解释超文本标记语言（HTML）的作用。 答案： HTML是构建网页内容和结构的标准标记语言，它定义了网页的骨架和组织。 3. 描述层叠样式表（CSS）在网页设计中的作用。 答案： CSS用于设置网页的布局、颜色、字体等外观属性，使网页具有良好的视觉效果。 4. 列举一个使用JavaScript的场景。 答案： 使用JavaScript的一个场景是在表单验证中，确保用户输入的数据符合要求。 5. 解释浏览器兼容性对网页设计的影响。 答案： 浏览器兼容性影响网页在不同浏览器中的显示效果，设计师需要确保网页在多种浏览器中都能正确显示。 6. 简述响应式网页设计的概念。 答案： 响应式网页设计是指网页能够自动适应不同设备的屏幕尺寸和分辨率，提供最佳的浏览体验。 7. 描述网页中图像的使用。 答案： 图像在网页中用于增强视觉效果，传达信息，提升用户体验。 8. 解释网站导航的重要性。 答案： 网站导航对于帮助用户找到所需信息至关重要，良好的导航结构可以提高网站的可用性。 论述题 1. 探讨HTML5在现代网页开发中的作用。 答案与解析： HTML5引入了新的元素和属性，如语义化的标签和多媒体元素，这些改进使得创建更丰富和互动的网页成为可能，同时提高了搜索引擎的可访问性。 2. 分析CSS3在网页设计中的新特性。 答案与解析： CSS3引入了新的样式和动画特性，如圆角、阴影、渐变、过渡和变换，这些特性使得设计师能够创造出更加动态和吸引人的视觉效果。 3. 讨论JavaScript在增强网页交互性中的作用。 答案与解析： JavaScript允许网页响应用户的动作，实现动态的内容更新和交互效果，从而提升用户体验。 4. 评价网页设计中内容与表现分离的重要性。 答案与解析： 内容与表现分离是现代网页设计的最佳实践，它使得内容更容易被维护和访问，同时提高了设计的灵活性和可重用性。 5. 分析响应式设计在移动优先策略中的应用。 答案与解析： 响应式设计在移动优先策略中确保了网站在所有设备上都能提供良好的用户体验，这对于适应移动设备的普及和多样化的屏幕尺寸至关重要。 第 1 页，共 2 页 学科网（北京）股份有限公司 $$