Web前端设计与开发巩建学习题答案

项目1一、单选题ACD二、判断题错对三、问答题HBuilder的工作界面主要分为：①菜单栏：包含软件使用过程中的各种菜单。②工具栏：提供了许多可供操作的工具。③项目资源管理器：包含诸多资源管理器之类的不同视图。④编辑器：编辑文件的主要区域。⑤迷你地图：显示在编辑器的右侧，可以通过单击或者拖动阴影区域以快速跳至文件不同部分；可以在编辑器右侧，单击鼠标右键，选择关闭或打开迷你地图。⑥控制台：可以在编辑器下方区域显示不同的面板，以获取输出或调试信息、错误和警告或集成终端信息。⑦状态栏：展示打开的项目以及编辑的文件信息。项目2一、单选题DBD二、判断题对对三、问答题1.相对路径相对路径即相对于当前页面的路径。如果网页和所引用的图片在同一个目录中，则直接引用文件名即可。如果所要引用的图片位于网页的上一级目录中，则使用“../”符号，该符号表示当前目录的上级目录，依此类推“../../”表示当前目录的上上级目录。如果所要引用的图片在页面的下一级目录中，则直接写目录和文件名即可。2.绝对路径图片的绝对路径指的是图片所在位置的完整路径，它分为本地绝对路径和网络绝对路径。本地绝对路径是包括盘符和目录的完整路径。例如，在E盘中有一个demo目录，在demo目录下有一个images目录，在images目录下有一个spring.jpg图片。那么，spring.jpg的绝对路径是"E:\demo\images\spring.jpg"。网络绝对路径即资源的网址。例如，/images/summer.jpg。项目3一、单选题CCBBC二、判断题错对错对三、问答题1.标题标签<h1>到<h6>功能：定义标题层级，<h1>为最高级标题，<h6>为最低级应用场景：<h1>：页面主标题（通常唯一）<h2>：主要章节标题<h3>-<h6>：子标题层级2.强调标签<b>(Bold)功能：视觉强调（无语义含义），仅加粗文本应用场景：突出显示关键词（如产品名称）无特殊语义的视觉强调3.换行标签<br>功能：强制文本换行（行中断）应用场景：地址分行显示诗歌/歌词分行4.水平线标签<hr>功能：创建主题分隔线应用场景：章节内容分隔话题转换提示项目4一、单选题DCB二、判断题对错三、问答题基本语法：<ul> <li>列表项1</li> <li>列表项2</li> <li>列表项3</li> <li>列表项4</li></ul>关键点：1.<ul>标签•定义无序列表的容器•默认显示为带项目符号（通常是实心圆点）的列表2.<li>标签•定义列表中的每个项目•必须嵌套在<ul>内项目5一、单选题DAB二、判断题对对三、问答题属性描述border设置表格的边框width设置表格的宽度，其值可以是像素值或者百分比height设置表格的高度，其值可以是像素值或者百分比text-align设置单元格中内容的水平对齐方式(默认左对齐，取值有left、center、right)vertical-align设置单元格中内容的垂直对齐方式(默认垂直居中，取值有top、middle、bottom)padding设置表格内容到表格边框之间的距离border-collapse设置表格的行和单元格的边框是否合并在一起(默认值separate表示边框独立，collapse表示边框合并)border-spacing设置相邻单元格边框之间的距离empty-cells设置表格中的空白单元格是否显示边框和背景，仅当border-collapse为默认值时，该属性有效项目6一、单选题CC二、判断题错对对三、问答题在HTML5中，表单提交的方式有两种：GET和POST。表单使用GET方式提交数据时，数据会附加在URL尾部，由用户端直接发送至服务器，传输速度比POST快，缺点是数据传输的长度有限制，且提交的信息会出现在浏览器的地址栏中。使用POST时，表单数据与URL分开发送，客户端会通知服务器来读取数据，没有数据传输长度的限制，提交的内容不会出现在地址栏中，效果如图6-2所示，缺点是传输速度比GET慢。在对安全性有要求的情况下，不建议使用GET方式，而应该使用POST方式。项目7一、单选题BDAB二、判断题对错对三、问答题1.margin属性为盒子外部的透明区域，用于控制相邻元素间距，包含了上(top)下(bottom)左(left)右(right)四条边，可通过代码分别设置每一条边框的外边距，也可以同时设置四条边框的外边距。如果边距值设置为负值，则盒子之间的距离会越来越近，反之如设为正值，则越来越远。2.元素的浮动是指设置了浮动属性的元素会脱离标准流的控制，移动到指定位置。在CSS中，通过float属性设置左浮动或右浮动。float属性设为left或right，可以使浮动元素向左或向右移动，直到它的外边框碰到父元素或另一个浮动元素的边框为止。若不设置float属性，则float属性默认为none，即不浮动。3.定位是指将某个元素置于某个位置，是页面布局的核心，在CSS中，对盒子进行定位主要通过float属性和position属性实现。position属性用于元素参照指定位置进行偏移。定位主要分为：静态定位、相对定位、绝对定位和固定定位。项目8一、单选题DAA二、判断题对对对三、问答题在JavaScript中，newObject()和对象字面量{}都用于创建对象，但存在关键区别：newObject()是构造函数调用，会根据传入参数类型返回不同类型的对象（如传入数字时返回Number对象，传入字符串时返回String对象），而{}始终创建纯净的普通对象。对象字面量{}语法更简洁高效，支持声明时直接定义属性和方法，是现代开发的首选方式，如配置对象、模块导出或简单数据封装（例如constuser={name:"Alice",age:30}）。而newObject()仅在需要特殊类型转换时适用，如动态创建包装对象（constnumWrapper=newObject(42)会创建Number对象而非原始值），但其性能较低且可读性差。项目9一、单选题BCB二、判断题错对错三、问答题窗口事件是JavaScript中与浏览器窗口或框架相关的交互事件，主要用于响应用户操作或浏览器状态变化。常见的窗口事件有onload事件、‌onblur事件、onchange事件和onsubmit事件。1）onload事件是JavaScript中用于处理页面或资源加载完成时触发的关键事件。2）onblur事件‌是指当鼠标单击或键盘操作使元素失去焦点时触发的事件。例如，在文本框中完成输入后，若用户单击页面其他区域导致该文本框失去焦点，便会