Web前端开发学习通超星期末考试答案章节答案2024年

Web前端开发学习通超星期末考试章节答案2024年一篇结构清晰的文章通常都有标题和段落，HTML网页也不例外，为了使网页中的文字有条理地显示出来，HTML提供了相应的标记。

答案:对使用HTML制作网页时，如果想让HTML标记提供更多的信息，例如希望标题文本的字体为“微软雅黑”且居中显示，此时仅仅依靠HTML标记的默认显示样式已经不能满足需求了，需要使用HTML标记的属性加以设置。

答案:对标记标志着HTML文档的结束，标记标志着HTML文档的开始

答案:错标记用于定义HTML页面的标题，即给网页取-个名字，必须位于标记之内。

答案:对CSS通常称为CSS样式或样式表，主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局等外观显示样式。

答案:对URL可以是“本地磁盘”，也可以是局域网上的某一台计算机，更多的是Internet.上的站点，

答案:对互联网实现了全球信息资源的共享，形成了一个能够共同参与、相互交流的互动平台。

答案:对在浏览器的菜单栏中选择」[查看]→[源文件]选项，弹出的窗口中便会显示当前网页的源代码。

答案:对HTML之所以称为超文本标记语言，不仅是因为它通过标记描述网页内容，同时也由于文本中包含了所谓的“超级链接”点。

答案:对常见标签有（）

答案:div块;img图片(单标签);a链接、下载、锚点;h1-h6.标题标记本身不包含任何内容，通过“名称/值"的形式成对的使用其属性可定义页面的相关参数，例如为搜索引擎提供网页的（）等。

答案:关键字;作者姓名;内容描述;定义网页的刷新时间标记用于定义HTML文档所要显示的内容，也称为主体标记。浏览器中显示的所有（）等信息都必须位于标记内

答案:文本;图像;音频;视频HTML(英文HyperTextMarkupLanguage的缩写)中文译为“超文本标记语言”，主要是通过HTML标记对网页中的（）等内容进行描述。

答案:文本;图片;结构而对于网站设计、制作者来说，Web是一系列技术的复合总称(包括网站的（）等)，我们称它为网页。

答案:前台布局;后台程序;美工;数据库开发W3C文档对象模型(DOM)是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的（）。

答案:内容;结构;样式图像的格式是（）

答案:以上都是图像文件位于html文件的下一级文件夹:输入文件夹名和文件名，之间用（）隔开

答案:1为了使网页更具有语义化，经常会在页面中用到标题标记，HTML提供了（）个等级的标题

答案:6相对路径的设置可分为

答案:以上都是为了方便学习和理解。通常将HTML标记分为（）大类

答案:2一个HTML文档只能含有（）对标记，绝大多数文档头部包含的数据都不会真正作为内容显示在页面中。

答案:1标记主要用来封装其他位于文档头部的标记，例如title>.及

答案:以上都是标记用于定义HTML文档的头部信息，也称为（），紧跟在标记之后，主要用来封装其他位于文档头部的标记，例如title>.及

答案:头部标记（）中文译为“万维网联盟”。万维网联盟是国际最著名的标准化组织。

答案:W3C（）中文译为超文本传输协议。它是一种详细规定了浏览器和万维网服务器之间互相通信的规则。

答案:HTTPWww是Internet.上最主要的服务，其他许多网络功能，如（），都是基于WWW服务的。

答案:以上都是（）是域名解析系统。在Internet.上域名与IP地址之间是一一对应的，域名虽然便于人们记忆，但计算机只认识IP地址，将好记的域名转换成IP的过程被称为域名解析。

答案:DNS静态超链接指的是可以通过改变HTML代码来实现动态变化的超链接，例如我们可以实现将鼠标移动到某个文字链接上，文字就会象动画一样动起来或改变颜色的效果，也可以实现鼠标移到图片上图片就产生反色或朦胧等等的效果。

答案:错绝对路径就是你的主页上的文件或目录在硬盘上真正的路径。

答案:对经过多次真实实验，证明:相对路径不利于搜索引擎表现，绝对路径在搜索引擎中表现良好。

答案:错所谓标记就是放在“<>”标记符中表示某个功能的编码命令，也称为HTML标签或HTML元素

答案:对如果你用的是PWS或IISWEB服务器，那么路径必须用相对路径来表示，而不能用绝对路径来表示。

答案:错按照连接路径的不同,网页中超链接一般分为（）。

答案:内部链接;锚点链接;外部链接多种多样的文字效果可以使网页变得更加绚丽，为此HTL提供了文本样式标记,用来控制网页中文本的（）。

答案:字体;字号;颜色所谓的超链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是（）。

答案:一个图片;一个电子邮件地址;一个文件;一个应用程序有序列表即为有排列顺序的列表，其各个列表项会按照一定的顺序排列，例如网页中常见的歌曲排行榜、游戏排行榜等都可以通过有序列表来定义。

答案:有序列表一个表单有（）个基本组成部分

答案:3表格的建立方式有

答案:以上都是（）是网页中最常用的列表

答案:无序列表表单按钮:包括（）

答案:以上都是（）常用于对术语或名词进行解释和描述，与无序和有序列表不同，定义列表的列表项前没有任何项目符号。

答案:自定义列表（）允许在待选项中选中一项以上的选项。每个复选框都是一个独立的元素，都必须有一个唯一的名称

答案:复选框（），又称文本区，即有滚动条的多行文本输入控件，在网页的提交表单中经常用到。与单行文本框text控件不同，它不能通过maxlength属性来限制字数，为此必须寻求其他方法来加以限制以达到预设的需求。

答案:文本域实验4：实验内容的发布及实验报告的提交采用系里建立的新平台。新平台地址：8/stuhomework/Index

登录平台后下载实验报告模板及实验附件（如果有），完成实验报告的书写后，在新平台上提交实验报告。（不需要在此提交实验报告）

答案:对实验5：实验内容的发布及实验报告的提交采用系里建立的新平台。新平台地址：8/stuhomework/Index

登录平台后下载实验报告模板及实验附件（如果有），完成实验报告的书写后，在新平台上提交实验报告。（不需要在此提交实验报告）（注：实验5的内容就是大作业的主要内容，可以大作业主要内容做好后再写实验报告5）

答案:对1、预备：正确安装IDE，并能正确使用：新建站点（项目），在站点中新建网页文件并运行，完成测试。2、下载素材文件，完成上机1-1任务要求：建立自己的站点，新建网页文件，完成效果图一样的网页，并压缩上传为附件：

1）完成基本网页测试，完成带图片的简单网页；

2）1-1个人简历（基本标签+特殊符号）.html

3）1-2news新闻.html请注意文件名、文件夹的命名规范。素材下载：HBuilder备用下载：

答案:将所完成的网页文件打包，上传为附件。参考网站第2章对应知识点，完成表格与图像练习与实践：1）1-2-表格与图像练习：使用caption,thead,tbody,th,tfoot等标签，完成表格与图像填充练习；2）1-2-杭州小客车-简单.html：F12查看网站中的网页元素，并自行下载网站中的图像文件，利用给定效果图，完成简单网页模仿。3）1-2-杭州小客车-高仿（选做）.html：仔细分析该网页内容与样式，尝试高仿该网页。完成后，将站点文件夹（包含网页及图片文件）压缩，上传为附件。素材参考：

答案:将网页文件及其所需图像文件夹压缩上传。下载对应素材文件，完成以下网页制作的要求：1）1-2-再别康桥.html，并在原来基础上按步骤完成锚点与地图超链接等;2）1-2-链接到URL.html。素材下载：

答案:将站点文件夹中无关文件删除（只保留必须的图像文件），压缩为“00张怡芳.rar”格式，上传附件。利用所给素材及效果图，完成以下网页制作：

1）2-1-1CSS初识.html（简单CSS标签选择器）；

2）2-1-2简单框架.html（框架模板备用）；

3）2-1-3扑克牌.html（ID选择器，注意外部容器居中设置）；（选做）2-1-4互联网起源.html。素材下载:

答案:将所完成的三个网页及其相关图片文件，以“00张怡芳.rar”格式上传为附件根据所给素材及其相关要求，完成上机实践2-2的以下网页的制作：

1）2-2-solar.html:带导航（锚记）的太阳系八大行星网页；

2）2-2-导航菜单.html(实现同一个网页中，不同div内导航菜单效果不同）；

3）（选做加分项）2-2-任意网站中横向导航模仿制作。素材下载：

答案:复合选择器的应用：伪类别选择器、分组选择器、后代选择器；利用无序列表，结合后代选择器+伪类别选择器设计制作导航菜单。将所完成的网页文件压缩为“00张怡芳.rar”格式上传附件。完成以下两个任务：1）带section框架.html（包含shortcuticon的HTML5框架）。2）Project1：完成个人应聘简历网页，介绍自己的学习经历、兴趣爱好、实习或工作经历（可假设），内容要求完整详实，最后一行写本人版权所有。可参考所给效果图，技术要求：使用基本section框架（不仅限），div有效页面宽度1000px左右，居中对齐；有背景颜色，有图像，且带有导航与超链接，包括链接到锚记、外部URL地址等。注：添加音频或视频的加分。素材下载：

答案:加音频视频、CSS样式等其他非必须项可加分。根据素材及效果图，完成以下任务：1)3-1古人练习.html（块级元素关系、盒子模型）2)3-1ipanda.html（使用float，clear属性）

答案:完成后的站点文件夹压缩，上传为附件。完成以下任务：1）3-2-float左右布局.html;2)3-2-个人文集.html素材下载：

答案:上传全部网页相关压缩文件。1、分步骤完成position四角定位扑克牌，（a）叠放，（b）四角定位；2、分步骤完成19楼网页（布局文件a.html、中间过程文件b.html、最终文件c.html）

（a）使用float左右大布局，精细布局部分用position布局（例如左边块中的图片轮播部分）；

（b）添加基本的图像与文本、添加右边讨厌广告条，保留布局颜色块；

（c）细化网页，具体结果参考效果图。

（d）*添加轮播效果，关闭讨厌的广告条。

（e）***使用flexbox伸缩盒技术（如downbar的四个图片）。（挑战题）或完成一模一样完成实际的19楼网页(参考网站/

)。

答案:站点文件夹压缩，上传为附件。/star3/origin/0c348f054c81d0a53a43f9ed8cdc1306.png

答案:将所完成的网页文件压缩上传。上交实训报告，每人一份。小组负责人另外上交一个网站压缩包，内含：

1）网站规划书；

2）网站页面全部文档。模板下载：

答案:压缩文件名必须包含全部项目制作成员。利用以下方式设计导航菜单

导航项1导航项2以下哪个选项无法实现鼠标在上的时候，字体为黄色、下划线的效果

。

答案:navi

li

a:hover{color:rgba(255,255,0,1);text-decoration:

underline;}下面选项中可以产生带有数字的列表前导：（

）

答案:item1item2item3下面哪个是不需要成对出现的标签名（without

closing

tag）：

答案:

下列选项中，哪个是在HTML代码中表格的行标签？（

）

答案:

以下哪一组的选择器命名是规范的？

答案:wrapper{

}.a_b_c{

}img.pic1{

}/star3/origin/6ead71a316df45c7ae8581863116e208.jpg

答案:margin:

20px;以下哪个颜色值是设置深灰色：

答案:color:

#333;以下哪个标签是网页结构的必备标签，没有它，网页结构是不合法的：(

)

答案:下面哪个CSS设置中，将所有段落文本设置为红色是正确的：

答案:p{color：#F00;}以下哪个不是HTML文档中的标签（tag，或称标记）：

答案:color以下CSS属性中，哪个设置字体为红色的方法是错误的：

答案:color:

#RED;网页设计中的CSS指的是：

答案:Cascading

Style

Sheets以下哪个关于HTML及网页前端开发的说法是错误的:

答案:网页前端开发者在进行HTML5网页制作的时候，必须使用、等语义化新标签。HTML标签中，文本可以设置为一级标题h1到N级标题

：

答案:h6以下哪个能将id为wrap的容器设为页面居中的效果：

答案:wrap{width:80%;margin:auto;}以下哪个不是用于网页制作/网站开发中用到的语言？

答案:C语言以下哪个图像文件/超链接使用的是绝对路径：（

）

答案:网易以下哪个写法在语法上是错误的：

答案:<footid=”footer”>此处为页脚内容

以下哪段是使用HTML5语义化新标签nav定义导航菜单的正确方式：

答案:如果要去除或者添加超链接的下划线，通常需要设置其（

）属性：

答案:text-decoration下面哪种技术能够使网页具有交互性与动态性：

答案:JavaScript以下哪个添加边框线的做法可能会出现问题？

答案:border-color:

rgba(255,0,0,1)

;以下哪个不属于网页中表格不可缺少的标签？

答案:设置超链接的CSS样式时，除了设置其通用的样式时，例如：a{

text-decoration:

none;}以外，通常需要设置其连接属性，其中鼠标在上（鼠标悬停）选择器名为：

答案:a:hover下面哪个是规范的选择器名称：

答案:body以下哪个不属于设置文本字体样式的属性：

答案:floatCSS样式属性中，关于clear的说法或用法，哪个是错误的？

答案:在CSS属性中，使用clear：both;是保证第三个兄弟块在前两个兄弟块下方的唯一方法。响应式设计中，关于图像的处理或者描述，以下哪个是错误的？（

）

答案:当在一个div父块（#article1）中插入图片，设置CSS样式：#article1img{width:50%;}则在网页中，显示的图像大小就是图片原始尺寸的一半以下关于meta标签作用的说法，正确的是：

答案:一般用来定义页面的说明（description）、作者（author）、关键字（keywords）等信息；在使用媒体查询进行网页设计时，以下哪个说法是错的:(

)

答案:必须将所有的CSS选择器定义在媒体查询中，即在@mediaonlyscreenand(min-width:40em){}的花括号中以下哪个关于HTML及网页前端开发的说法是错误的：（

）

答案:网页前端开发者在进行HTML5网页制作的时候，必须使用、等语义化新标签。网页中表单的标签（tag）是：（

）

答案:form使用position进行精准布局，让子块#son在父块#father的右上角，以下哪个做法是正确的：

答案:/*CSS样式代码

*/#father{

..../*定义宽度高度*/

position:relative;}#son{

..../*定义宽度高度*/

position:absolute;}}===========

son

关于网站的说法，以下哪个说法是错误的：

答案:一般网站只包括HTML、CSS等，不包括JavaScript或其他编程语言等内容。以下哪个不是上课时讲到的网页制作3O原则：

答案:出Output->入input关于响应式设计，以下哪个说法是正确的（

）

答案:断点是响应式设计中的重要概念,它可以是网页有明显的列的变化的时候，也可以是在调整文字大小的细微变化的时候，都能设置断点。响应式网页设计中，经常要使用以下哪个属性来设置网页元素的不可见:(

)

答案:display:none;表单元素的哪个属性，用来提示帮助用户填写输入字段？

答案:placeholder网页中的DOM模型指的是:(

)

答案:DocumentObjectModel下列哪个选项中，是在表单里创建一个普通文本框？（

）

答案:以下哪个获取网页元素的JavaScript方法是错误的:()

答案:document.getElementByIdName("idname");关于响应式设计的说法，哪个是错误的（

）

答案:单张网页的工作量更少，代码不累赘，后期维护方便/star3/origin/11a1fa1ef32e42e0f39add17ae85e231.jpg

答案:leftbar

img

{background-color:#FF9;border:

dashed

2px

#000;padding:5px;float:left;

}关于表单的单选按钮，以下哪个说法是正确的：（

）

答案:同一组的单选按钮，为了保证只能选中一个，必须使用相同的name属性关于网页中的API，以下哪个说法是错误的?(

)

答案:sessionStorage本地储存，实现客户端数据的永久存放,浏览器关闭，不影响数据的变化以下哪个图片类型属于矢量图形，可以放大而不失真（

）

答案:SVG在HTML页面中，带有“<>”符号的元素被称为HTML标记，、、都是HTML标记。

答案:对设置外边距的最简单的方法就是使用margin属性，这个属性接受任何长度单位、百分数值甚至负值。

答案:对当父级position为static(position的默认值为s