moocWEB前端技术_1课后答案(慕课2023课后作业答案)

分类： 机械问答发布于：2024-06-02 13:51:42ė45604次浏览618条评论

moocWEB前端技术_1课后答案(慕课2023课后作业答案)

2.3测试：网站开发基础知识

1、端技【单选题】HTML 指的术课是（）。
A、后答后作超文本标记语言(Hyper Text Markup Language)
B、案慕案家庭工具标记语言(Home Tool Markup Language)
C、课课超链接和文本标记语言(Hyperlinks and Text Markup Language)
D、业答都不是端技

2、【单选题】( )属于web标准的术课制定者。
A、后答后作微软
B、案慕案万维网联盟(W3C)
C、课课网景公司(Netscape)
D、业答谷歌

3、端技【单选题】用HTML标记语言编写一个简单的术课网页,网页最基本的结构是( )。
A、后答后作<html><head>…</head><frame>…</frame></html>
B、<html><title>…</title><body>…</body></html>
C、<html><title>…</title><frame>…</frame></html>
D、<html><head>…</head><body>…</body></html>

4、【单选题】DNS的中文含义是 ( )。
A、邮件系统
B、地名系统
C、服务器系统
D、域名服务系统

5、【单选题】( ) 是对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示,是互联网上标准资源的地址。
A、URL
B、URI
C、WWW
D、HTTP

6、【单选题】HTML语言中,为了标识一个HTML文件,应该使用的HTML标签是( )。
A、<html></html>
B、<table></table>
C、<title></title>
D、<link></link>

3.8测试：块级元素、内联元素

1、【单选题】基础知识：下列的HTML中（）标签可以插入一条水平线?
A、<br>
B、<hr>
C、<break>
D、<P>

2、【单选题】块级元素：下列的HTML标签中，最大的标题是（）。
A、<h6>
B、<head>
C、<heading>
D、<h1>

3、【单选题】块级元素：默认情况下,使用<p>标记会形成的效果是（）。
A、在文字<p>所在位置中加入8个空格
B、<p>后面的文字会变成粗体
C、开始新的一行
D、<p>后面的文字会变成斜体

4、【单选题】块级元素：下面（）标签不能起到换行的效果。
A、<ul>
B、<br />
C、<span>
D、<p>

5、【单选题】内联元素：产生斜体字的HTML标签是（）。
A、<i>
B、<italics>
C、<ii>
D、<it>

4.12测试：超链接、多媒体、表格

1、【单选题】超链接：如果在catalog.htm中包含如下代码： <A HREF="#novel">小说</a> 则该HTML文档IE浏览器中打开后,用户单击此链接将( )。
A、使页面跳转到同一文件夹下名为“novel.html”的HTML文档
B、使页面跳转到同一文件夹下名为“小说.html”的HTML文档
C、使页面跳转到catalog.htm包含名为“novel”的锚记处
D、使页面跳转到同一文件夹下名为“小说.html”的HTML文档中名为“novel”的锚记处

2、【单选题】超链接：想要使用户在单击超链接时,弹出一个新的网页窗口,代码是( )。
A、<A href="right.html" target="_blank">新闻</A>
B、<A href="right.html" target="_parent">新闻</A>
C、<A href="right.html" target="_top">新闻</A>
D、<A href="right.html" target="_self">新闻</A>

3、【单选题】div及span：关于DIV标记,下列说法错误的是( )。
A、DIV是一个无任何语义的标签
B、SPAN是一个无任何语义的标签
C、DIV和SPAN可以做网页区域划分。
D、DIV和SPAN可以相互嵌套。

4、【单选题】多媒体：通过（）标记能够在页面设置视频播放。
A、<audio>
B、<mv>
C、<video>
D、<TV>

5、【单选题】超链接：下列有关超链接的说法不正确的是（）
A、超链接只能在不同的网页之间进行跳转
B、超链接是一种标记，形象的说法就是单击网页中的这个标记则能够加载另一个网页，这个标记可以做在文本上也可以做在图像上。
C、超链接是网页与网页之间联系的纽带，也是网页的重要特色
D、超链接文字通常会有一条下划线，我们也可以通过设置取消这条下划线。

6、【单选题】表格：下面对于表格的描述不正确的是（）
A、设计者可以利用表格在页面中进行局部布局。
B、<tr>标签的作用是创建表格列。 <td>标签的作用是创建表格行。
C、早期，设计者通过表格进行网页整体布局。
D、导航栏可以利用表格实现，也可以利用列表实现。

7、【单选题】超链接：若想点击“济南大学”，即能链接到济南大学主页，下面选项正确的是（）。
A、<a title="http://www.ujn.edu.cn">济南大学</a>
B、<a href="www.ujn.edu.cn">济南大学</a>
C、<a href="http://www.ujn.edu.cn">济南大学</a>
D、<a alt="http://www.ujn.edu.cn">济南大学</a>

8、【填空题】多媒体：多媒体来自多种不同的格式。它可以是您听到或看到的任何内容，文字、（）、（）录音、电影、等等。

9、【填空题】特殊符号：在HTML语言中,“”代表（）符号。

4.13测试：表单

1、【单选题】表单：阅读以下代码段,则可知( )。 <INPUT type="text" name="textfield"> <INPUT type="radio" name="radio" value="女"><INPUT type="checkbox" name="checkbox" value="checkbox"> <INPUT type="file" name="file">
A、上面代码表示的表单元素类型分别是:文本框、单选按钮、复选框、文件域
B、上面代码表示的表单元素类型分别是:文本框、复选框、单选按钮、文件域
C、上面代码表示的表单元素类型分别是:密码框、多选按钮、复选框、文件域
D、上面代码表示的表单元素类型分别是:文本框、单选按钮、下拉列表框、文件域

2、【单选题】表单：HTML5中加入了新的表单元素，下列说法不正确的是（）。
A、将<input>标记中的type属性设为range，可以在表单中插入表示数值范围的滑动条。
B、将<input>标记中的type属性设为email，可用于检验该文本框中输入的内容是否符合email的格式。
C、url类型的<input>标记是一种专门用来输入URL地址的文本框。
D、<formmethod>标签的作用是可以将表单内容以不同的方式提交。

3、【单选题】表单：在HTML中,<form method="post”>,method表示( )。
A、提交的方式
B、表单所用的脚本语言
C、提交的URL地址
D、表单的形式

4、【单选题】表单：要使单选框或复选框默认为已选定，要使用( )属性。
A、selected
B、disabled
C、type
D、checked

5、【单选题】表单：下列的HTML中可以产生下拉列表的标签是（）。
A、<list>
B、<input type="list">
C、<input type="dropdown">
D、<select>

6、【单选题】表单：下列的HTML中产生文本区的标签是（）。
A、<iframe>
B、<input type="textarea">
C、<input type="textbox">
D、<textarea></textarea>

4.14测试：HTML5新增属性

1、【单选题】h5:以下（）HTML5新增的标签。
A、<aside>
B、<isindex>
C、<samp>
D、<s>

2、【单选题】下列关于HTML5说法正确的是（）。
A、HTML5只是对HTML4的一个简单升级
B、所有主流浏览器都支持HTML5
C、HTML5新增了离线缓存机制
D、HTML5主要是针对移动端进行了优化

3、【单选题】HTML5不支持的视频格式是（）。
A、ogg
B、mp4
C、flv
D、WebM

4、【单选题】以下不是input在html5的新属性的是（）。
A、DateTime
B、file
C、Color
D、Range

5、【单选题】关于HTML5语法，下面说法不正确的是（）。
A、HTML5忽略标签的大小写。比如<p></P>。
B、HTML5属性值可以忽略引号。如：<input type=checkbox>
C、没有<!DOCTYPE html>HTML5可以正常工作
D、<embed>是HTML5的新标签

5.9测试：CSS语法、基本选择器

1、【单选题】在以下的 HTML 中,( )是正确引用外部样式表的方法。
A、<style src="mystyle.css">
B、<link rel="stylesheet" type="text/css" href="mystyle.css">
C、<stylesheet>mystyle.css</stylesheet>
D、<a href=”mystyle.css”></a>

2、【单选题】CSS中插入注释的正确方法是( )。
A、//this is a comment//
B、'this is a comment
C、/* this is a comment*/
D、//this is a comment

3、【单选题】引用外部样式表的元素应该放在( )。
A、HTML文档的开始的位置
B、HTML文档的结束的位置
C、在head元素中
D、在body元素中

4、【单选题】哪个HTML标签可用来定义内部样式表?
A、<style>
B、<script>
C、<css>
D、<html>

5、【单选题】下列()是CSS正确的语法构成。
A、body:color=black
B、{ body;color:black}
C、body { color: black;}
D、{ body:color=black(body}

6、【单选题】在下面关于CSS样式的说明,其中（）不是CSS的特点。
A、Web页面样式与结构分离
B、页面下载时间更快
C、轻松创建及编辑
D、使用CSS增加了维护成本

7、【单选题】下面选项中，（ ）是正确的使用HTML元素的id属性，将p段落的内容定义为红色显示。 <p id="firstp">这是一个段落</p>
A、P { color:red}
B、#firstp { color:red}
C、.firstp { color:red}
D、P.firstp { color:red}

5.10测试：字体、文本、颜色、背景等属性

1、【单选题】如果要使用CSS将文本样式定义为粗体,需要设置（）文本属性。
A、font-family
B、font-style
C、font-weight
D、font-size

2、【单选题】下列CSS（）属性可以更改字体大小。
A、text-size
B、font-size
C、text-style
D、font-style

3、【单选题】（）可以去掉文本超级链接的下划线。
A、a { text-decoration:no underline}
B、a { underline:none}
C、a { decoration:no underline}
D、a { text-decoration:none}

4、【单选题】下列选项中不属于CSS 文本属性的是（）。
A、bgcolor
B、text-transform
C、text-align
D、line-height

5、【单选题】如何使文本以大写字母开头（）。
A、text-transform:capitalize
B、无法通过CSS来完成
C、text-transform:uppercase

6、【单选题】下列说法正确的是（）。
A、在css中表示颜色的方法不唯一，可以使用RGB()函数。比如我们利用RGB(0,0,0)表示白色。
B、在css中表示颜色的方法不唯一，可以使用英文单词。比如我们利用white表示白色。
C、在css中表示颜色的方法不唯一，可以使用六位的十六进制数。比如我们利用#ffffff表示白色，#fff的用法是错误的。
D、在css中表示颜色的方法不唯一，可以使用RGB()函数。比如我们利用RGB(256,0,0)表示红色。

7、【单选题】以下选项（),可以用来设置背景图像的URL。
A、background-image
B、background-repeat
C、background-position
D、background-url

8、【单选题】下列CSS()属性可以更改字体大小。
A、text-size
B、font-size
C、text-style
D、font-style

9、【单选题】背景图的位置可以用background-position属性，下面有关它取值的描述错误的是（）
A、left center表示背景图水平居左，垂直居中。
B、right top表示背景图居右，垂直居上。
C、center bottom表示背景图水平居中，垂直底部。
D、left表示背景图水平居左，垂直底部。

10、【单选题】表示字体大小的单位有很多，下面不属于正确单位的是（）。
A、px
B、em
C、pt
D、pp

11、【单选题】下面（）CSS属性是用来更改背景颜色的。
A、background-color
B、bgcolor
C、.color
D、text

12、【单选题】（）可以将所有的<h1>标签添加背景颜色。
A、.h1 { background-color:#FFFFFF}
B、h1 { background-color:#FFFFFF;}
C、h1.all { background-color:#FFFFFF}
D、#h1 { background-color:#FFFFFF}

13、【单选题】下列（）代码的解释是正确。
A、#p2{ text-align:center} 将网页中的第二段设为居中。
B、#p2{ text-align:center} 将网页中的类名为p2的段落设为居中。
C、#p2{ text-align:center} 将网页中的id名为p2的段落设为居中。
D、#p2{ text-align:center} 将网页中的id名为p2的部分设为居中。

6.6测试：复杂选择器

1、【单选题】若对p段落的第一行进行设置,则用下列（）选择器) 。
A、p:firstline
B、p: first-letter
C、p:before
D、p

2、【单选题】同一个 HTML 元素被不止一个样式定义时，会发生冲突。 如果下面四个选项的样式同时设置，网页会使用（）样式。
A、浏览器缺省设置
B、外部样式表
C、内部样式表(位于<head>标签内部)
D、内联样式(在 HTML 元素内部)

3、【单选题】下列（）选项是把列表中的最后一个“li”的背景设置为蓝色。
A、ul>li{ background:blue;}
B、ul>li:last-child{ background:blue;}
C、ul>li:first-child{ background:blue;}
D、ul>li:only-child{ background:blue;}

4、【单选题】下列（）属性不可以被继承。
A、border
B、font-style
C、text-align
D、list-style

5、【单选题】下列（）项不是超级链接的伪类。
A、a:hover
B、a :link
C、a:active
D、a:span

7.14测试：盒模型、表格及列表、display属性

1、【单选题】在CSS中,下面不属于盒子模型属性的是（）
A、font
B、margin
C、padding
D、border

2、【单选题】设计者可以通过CSS的（）属性改变元素的左外边距。
A、text-indent
B、margin-left
C、margin
D、indent

3、【单选题】css中 body{ padding-left:20px;}表示（）。
A、页面左边的表格大小
B、页面左边的空白大小
C、页面左边的可用区域大小
D、页面左边的可编辑区域大小

4、【单选题】在CSS中,关于BOX的margin属性的叙述正确的是（）。
A、边距margin只能取一个值
B、margin属性的参数有margin-left、margin-right、margin-top、margin-bottom
C、margin属性的值不可为auto
D、margin属性的参数值不能全部设置成0px

5、【单选题】下列（）属性能够设置盒模型的左侧外补丁。
A、margin:
B、indent:
C、margin-left:
D、text-indent:

7.15测试：布局

1、【单选题】以下（）布局模型会导致元素塌陷。
A、浮动模型
B、层模型
C、盒子模型
D、流动模型

2、【单选题】有关z-index属性的叙述正确的一项是（）。
A、此属性必须与position属性一起使用才能起作用，此时position取任何值都可以。
B、此值越大，层的顺序越往下。
C、此值越大，层的顺序越往上。
D、即使上面的层没有任何内容也会挡住下面的层，使下面的层显示不出来。

3、【单选题】以下选项中,有关display的说法不正确的是（）。
A、行内元素不能设置宽度和高度，即使display属性也无法改变其属性。
B、display可以用来改变网页元素的属性，比如，我们可以设置行内元素为display：block，将其改为块级元素。
C、display可以用来改变网页元素的属性，比如，我们可以设置块级内元素为display：inline-block，设置多个块级元素在一行显示。
D、传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性页面布局。

4、【单选题】用HTML+CSS开发商业站点测试分析,在制作网页时，关于overflow属性说法错误的是( )。
A、overflow属性的常见值有visible、hidden、scroll、auto
B、当属性值为hidden时，如果内容被修剪，则浏览器会显示滚动条以便查看其余内容
C、可以使用overflow属性与盒子宽度配合使用，清除浮动来扩展盒子的高度。
D、如果页面中有绝对定位元素，并且绝对定位的元素超出了父级的范围，使用overflow属性则不合适

5、【单选题】下列关于页面布局的说法错误的是（）。
A、设计者在最初使用table标记进行页面布局。由于太繁琐，目前table通常用来做局部布局了。
B、传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性页面布局。
C、CSS3中新增了flex属性，该属性用于设置或检索弹性盒模型对象的子元素如何分配空间。
D、如果元素不是弹性盒模型对象的子元素，则 flex 属性一样可以进行布局设置。

6、【单选题】 在HTML中，实现如图所示的效果，图片与边框之间间距为3像素，则横线1，2，3处应分别填写( )。 <style type="text/css"> body{ font-size:12px;} a{ text-decoration:none;color:#000000;} a:hover{ text-decoration:underline;} h3{ margin:0;padding:0;font-size:12px;____1____text-align:center;line-height:26px;} dt{ ___2___margin-right:10px;} dt img{ ___3___border:1px solid #cccccc;} dd{ line-height:22px;} </stlyle> </head> <body> <dl> <dt><img src="images/ad_img.jpg"/> <h3>#读书季#</h3> </dt> <dd><a href="#">中国历史</a></dd> <dd><a href="#">西里尔写世界史</a></dd> <dd><a href="#">少年文艺</a></dd> </dl> </body>
A、1处：font-weight:normal; 2处：float:left; 3处：margin:3px;
B、1处：font-weight:bold; 2处：float:right; 3处：margin:3px;
C、1处：font-weight:normal; 2处：float:left; 3处：padding:3px;
D、1处：font-weight:500; 2处：text-align:left; 3处：padding:3px;

8.8测试：css3属性

1、【单选题】如果想对一个div块元素的宽度属性设置一个2s的过渡效果,相应的CSS属性应该如何写( )。
A、animation: width 2s;
B、transition: width 2s;
C、transition: 2s width;
D、transition: div width 2s;

2、【单选题】对3D物体进行操作时,有x,y,z三个轴的方向,Y轴的正方向是什么方向?( )。
A、竖直向上
B、竖直向下
C、向屏幕外
D、向屏幕内

3、【单选题】下列关于border-image属性说法错误的是:( )。
A、可以给元素边框添加背景图片。
B、border-image属性可以设置边框图像的重复、拉伸等效果。
C、当使用border-image-slice属性时,需要指出上右下左的剪裁宽度的单位。
D、order-image-repeat:设置指定边框图片的覆盖方式。

4、【单选题】正确给文本添加阴影的是( )。
A、box-shadow
B、border
C、margin
D、text-shadow

5、【单选题】关于Filter的描述错误的是( )。
A、定义了元素的可视效果。
B、grayscale()用于将图像转换为灰度图像。grayscale()参数值为0-1之间的小数,也支持0%-100%百分比形式。
C、blur(x)给图像设置高斯模糊。"x"一值设定高斯函数的标准差,或者是屏幕上以多少像素融在一起, 所以值越大越模糊
D、contrast(x)调整图像的对比度。值是100%的话,图像会全黑。值是0%,图像不变。

6、【单选题】关于animation的叙述错误的是( )。
A、animation-name规定需要绑定到选择器的 keyframe 名称
B、animation-duration规定完在动画开始之前的延迟
C、animation-timing-function定义速度曲线
D、animation-direction规定是否应该轮流反向播放动画。

7、【单选题】使用transform的那个属性能够实现元素的倾斜( )。
A、translate()
B、scale()
C、rotateX()
D、skew()

学习通WEB前端技术_1

作为一个WEB前端工程师，我们需要掌握的技术非常多，其中包括HTML、CSS、JavaScript等等。在学习这些技术之前，我们需要了解WEB前端的基本概念。

WEB前端的基本概念

WEB前端是指开发和维护以Web为基础的应用程序的开发人员。Web前端技术包括HTML、CSS和JavaScript，HTML是用于创建网页结构的语言，CSS用于样式和布局，JavaScript用于交互和动态效果。

HTML是HyperText Markup Language的缩写，它是 Web 页面的基础，用于创建和组织页面内容。HTML最基本的标签是 <html> 和 </html>，这两个标签必须出现在 Web 页面的最外层。

CSS是Cascading Style Sheets的缩写，它是用于设置 Web 页面的样式和布局的语言。CSS最基本的标签是 <style> 和 </style>，这两个标签用于在HTML文档中定义样式。

JavaScript是一种脚本语言，它可以在 Web 页面中实现交互和动态效果。JavaScript最基本的标签是 <script> 和 </script>，这两个标签用于在HTML文档中添加脚本。

HTML基础标签

HTML最基本的标签是 <html> 和 </html>，它们分别表示 Web 页面的开头和结尾。下面是一个基本的 HTML 页面结构：

<html>  <head>    <title>页面标题</title>  </head>  <body>    页面内容  </body></html>

在上面的代码中，<head> 标签用于指定文档的头部信息，包括页面标题、样式和脚本等；<body> 标签用于指定文档的主体内容。

在 HTML 中有很多标签，下面是一些常用的标签：

  1. <h1> - <h6> 标题标签，用于定义不同级别的标题
  2. <p> 段落标签，用于定义文本段落
  3. <a> 链接标签，用于创建链接到其他页面或站点
  4. <img> 图片标签，用于在页面中插入图片
  5. <ul> 和 <li> 列表标签，用于创建无序列表和有序列表

CSS基础语法

CSS语法是由选择器、属性和值组成的，下面是一个基本的 CSS 规则：

选择器 {   属性1: 值1;  属性2: 值2;}

在上面的代码中，选择器用于指定要设置样式的元素，属性用于指定要设置的样式属性，值用于指定要设置的样式属性的值。

下面是一些常用的 CSS 样式属性：

  1. color - 字体颜色
  2. font-size - 字体大小
  3. background-color - 背景颜色
  4. margin - 外边距
  5. padding - 内边距
  6. border - 边框
  7. width - 宽度
  8. height - 高度
  9. float - 浮动
  10. display - 显示方式

JavaScript基础语法

JavaScript是一种面向对象的脚本语言，它可以在 Web 页面中实现交互和动态效果。下面是一个基本的 JavaScript 代码：

<script>  // 输出 Hello World!  document.write(\Hello World!\</script>

在上面的代码中，<script> 标签用于指定 JavaScript 代码，document.write() 方法用于在页面中输出内容。

下面是一些常用的 JavaScript 语法：

  1. 变量 - 用于存储和操作数据
  2. 函数 - 用于封装可重复使用的代码块
  3. 条件语句 - 用于根据条件执行不同的代码块
  4. 循环语句 - 用于重复执行代码块
  5. 事件 - 用户的行为，如点击、鼠标移动等

总结

作为一个 WEB 前端工程师，掌握 HTML、CSS 和 JavaScript 等技术是必不可少的。HTML 用于创建和组织页面内容，CSS 用于设置页面样式和布局，JavaScript 用于实现页面交互和动态效果。通过学习本文中介绍的基础内容，可以为后续的学习打下坚实的基础。



Ɣ回顶部