模块1任务1.2和1.3：HTML与CSS初体验、编码工具实战（练习）-《网页设计与制作》（电子工业出版社）上好课

任务1.2和1.3：HTML与CSS初体验、编码工具实战 一、单项选择题（每题3分，共30分） 1．HTML的中文全称是（ ） A. 层叠样式表 B. 编程语言 C. 脚本语言 D. 超文本标记语言 2．Web标准中，负责网页结构的技术是（ ） A. CSS B. ECMAScript C. HTML D. DOM 3．在Web标准体系中，CSS主要负责网页的哪一部分（ ） A. 结构 B. 表现 C. 行为 D. 数据库 4．HTML5文档类型声明语句是（ ） A. <!DOCTYPE html> B. <html> C. <head> D. <body> 5．HTML文档中，存放页面可见内容的标签是（ ） A. <head> B. <html> C. <body> D. <style> 6．VS Code中，实现网页实时预览、保存自动刷新的插件是（ ） A. Prettier B. Live Server C. Chinese(Simplified) D. HTML CSS Support 7．Prettier插件的主要功能是（ ） A. 网页实时预览 B. 自动格式化代码，统一代码风格 C. 将软件界面汉化 D. 调试后端程序 8．网站开发流程的正确顺序是（ ） A. 规划与分析→设计与原型→开发与实现→测试与部署→维护与迭代 B. 设计与原型→规划与分析→开发与实现→测试与部署→维护与迭代 C. 规划与分析→开发与实现→设计与原型→测试与部署→维护与迭代 D. 规划与分析→设计与原型→测试与部署→开发与实现→维护与迭代 9．CSS样式规则写在HTML文档的哪个标签内部（ ） A. <body> B. <html> C. <title> D. <style> 10．精品课程网站项目中，用来存放样式表文件的子文件夹名称是（ ） A. images B. pages C. css D. website 二、判断题（每题2分，共20分，对打√，错打×） 1．HTML标签全部都是单个独立标签，不存在成对标签。（ ） 2．Web标准要求网页实现结构、表现、行为三者分离。（ ） 3．CSS可以控制网页字体、颜色、布局等视觉效果。（ ） 4．<html lang="zh-CN">中lang是标签的属性名，zh-CN是属性值。（ ） 5．<head>标签里面放置网页上用户直接看见的文字、图片内容。（ ） 6．VS Code的Chinese(Simplified)插件作用是把编辑器界面切换为简体中文。（ ） 7．website项目文件夹下pages文件夹用于存放网页页面文件。（ ） 8．网站开发的测试与部署阶段主要任务是做页面视觉设计。（ ） 9．使用记事本编写HTML网页，保存时文件后缀必须为.html。（ ） 10．HTML负责网页内容结构，CSS负责网页样式表现。（ ） 三、名词解释题（每题10分，共50分） 1．HTML 2．CSS 3．Web标准 4．HTML5基础文档结构 5．Live Server插件 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 $ 任务1.2和1.3：HTML与CSS初体验、编码工具实战 一、单项选择题（每题3分，共30分） 1．HTML的中文全称是（ ） A. 层叠样式表 B. 编程语言 C. 脚本语言 D. 超文本标记语言 【答案】D 【解析】HTML是Hypertext Markup Language，中文叫超文本标记语言；CSS是层叠样式表。 2．Web标准中，负责网页结构的技术是（ ） A. CSS B. ECMAScript C. HTML D. DOM 【答案】C 【解析】Web标准三部分：结构对应HTML；表现对应CSS；行为对应ECMAScript、DOM。 3．在Web标准体系中，CSS主要负责网页的哪一部分（ ） A. 结构 B. 表现 C. 行为 D. 数据库 【答案】B 【解析】Web标准：结构HTML；表现CSS，控制布局、颜色字体；行为JavaScript/DOM。 4．HTML5文档类型声明语句是（ ） A. <!DOCTYPE html> B. <html> C. <head> D. <body> 【答案】A 【解析】<!DOCTYPE html>是HTML5的文档类型声明，写在文档最开头，告诉浏览器使用HTML5标准。 5．HTML文档中，存放页面可见内容的标签是（ ） A. <head> B. <html> C. <body> D. <style> 【答案】C 【解析】<body>主体标签，存放页面展示给用户的内容；<head>头部存放网页配置信息，不会直接显示。 6．VS Code中，实现网页实时预览、保存自动刷新的插件是（ ） A. Prettier B. Live Server C. Chinese(Simplified) D. HTML CSS Support 【答案】B 【解析】Live Server插件提供实时预览，保存代码浏览器自动重载；Prettier为代码格式化；Chinese(Simplified)是中文汉化插件。 7．Prettier插件的主要功能是（ ） A. 网页实时预览 B. 自动格式化代码，统一代码风格 C. 将软件界面汉化 D. 调试后端程序 【答案】B 【解析】Prettier是代码格式化工具，自动排版代码，保证代码风格统一。 8．网站开发流程的正确顺序是（ ） A. 规划与分析→设计与原型→开发与实现→测试与部署→维护与迭代 B. 设计与原型→规划与分析→开发与实现→测试与部署→维护与迭代 C. 规划与分析→开发与实现→设计与原型→测试与部署→维护与迭代 D. 规划与分析→设计与原型→测试与部署→开发与实现→维护与迭代 【答案】A 【解析】网站开发五大阶段依次：规划与分析→设计与原型→开发与实现→测试与部署→维护与迭代。 9．CSS样式规则写在HTML文档的哪个标签内部（ ） A. <body> B. <html> C. <title> D. <style> 【答案】D 【解析】<style>标签内部书写CSS样式规则，用来修饰页面元素样式。 10．精品课程网站项目中，用来存放样式表文件的子文件夹名称是（ ） A. images B. pages C. css D. website 【答案】C 【解析】项目目录：css存放样式文件；images存放图片资源；pages存放其他网页；website是项目根目录。 二、判断题（每题2分，共20分，对打√，错打×） 1．HTML标签全部都是单个独立标签，不存在成对标签。（ ） 【答案】× 【解析】HTML标签大多成对出现，例如<html></html>，并非全部是单标签。 2．Web标准要求网页实现结构、表现、行为三者分离。（ ） 【答案】√ 【解析】Web标准核心思想：结构、表现、行为三要素分离，提高代码可维护性。 3．CSS可以控制网页字体、颜色、布局等视觉效果。（ ） 【答案】√ 【解析】CSS层叠样式表，专门控制网页布局、背景颜色、字体大小、对齐等视觉样式效果。 4．<html lang="zh-CN">中lang是标签的属性名，zh-CN是属性值。（ ） 【答案】√ 【解析】标签属性格式：属性名="属性值"；lang是属性名，zh-CN代表简体中文，是属性值。 5．<head>标签里面放置网页上用户直接看见的文字、图片内容。（ ） 【答案】× 【解析】<head>是头部，存放网页元信息；页面可见内容写在<body>标签内。 6．VS Code的Chinese(Simplified)插件作用是把编辑器界面切换为简体中文。（ ） 【答案】√ 【解析】Chinese(Simplified)中文简体插件，功能是汉化VS Code操作界面。 7．website项目文件夹下pages文件夹用于存放网页页面文件。（ ） 【答案】√ 【解析】精品课程网站项目目录，pages子文件夹用来存放各个网页页面文件。 8．网站开发的测试与部署阶段主要任务是做页面视觉设计。（ ） 【答案】× 【解析】视觉设计属于设计与原型阶段；测试部署是完成开发后做测试，部署上线服务器。 9．使用记事本编写HTML网页，保存时文件后缀必须为.html。（ ） 【答案】√ 【解析】记事本编写网页，保存文件后缀名必须为.html，浏览器才能够识别解析网页。 10．HTML负责网页内容结构，CSS负责网页样式表现。（ ） 【答案】√ 【解析】HTML定义网页内容与结构；CSS负责样式美化，二者分工明确，实现结构表现分离。 三、名词解释题（每题10分，共50分） 1．HTML 【答案】HTML即超文本标记语言，1990年由蒂姆·伯纳斯李创立，是建立网页文件的标记语言，通过标签指令，把文本、图像、音频、视频、链接等内容展示在网页上，HTML5为当前主流版本。 2．CSS 【答案】CSS即层叠样式表，1994年提出，由W3C标准化；是控制HTML/XML网页样式与布局的语言，实现字体、颜色、布局等视觉效果，具有层叠继承特性，CSS3划分选择器、动画、弹性布局等多个模块。 3．Web标准 【答案】Web标准是W3C等组织制定的网页技术规范集合，网页分为三部分：①结构，由HTML/XHTML实现，负责文档语义结构；②表现，由CSS实现，负责视觉样式；③行为，由ECMAScript、DOM实现，负责交互动态效果；要求做到结构、表现、行为要素分离，提升代码可维护性。 4．HTML5基础文档结构 【答案】HTML5基础文档结构由4个部分组成：①<!DOCTYPE html>文档类型声明，告诉浏览器使用HTML5标准；②<html></html>文档根标签；③<head></head>头部标签，定义网页文档属性；④<body></body>主体标签，存放页面展示的主要内容。 5．Live Server插件 【答案】Live Server是VS Code的一款插件，提供网页实时预览功能，代码保存后服务器自动重新加载网页，支持CSS自动刷新，支持自定义浏览器和端口，方便前端开发调试网页。 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 $