句靡篱姑喀能僻杀面踏颠垂躬
1. 概论 1. 概论 单元测试
1、 web前端开发中的“web”指的是:
A:Internet
B:web客户端
C:web系统
D:web服务器
答案: web系统
2、 以下哪个概念或者哪种功能属于“前端”:
A:web系统中以网页等形式为用户提供的部分,用户能接触到的部分
B:web系统中负责数据存取的部分
C:web系统中负责平台稳定性与性能的部分
D:web系统中负责完成相应的功能、处理业务的部分
答案: web系统中以网页等形式为用户提供的部分,用户能接触到的部分
3、 以下关于网页源文件的叙述不正确的是:
A:网页源文件是一些代码
B:网页源文件客户端是看不到的
C:网页源文件可以在记事本里打开
D:网页源文件是纯文本文件
答案: 网页源文件客户端是看不到的
4、 以下关于web前端开发技术标准叙述不正确的是:
A:技术标准主要包括HTML、CSS、JS等部分技术的一些规定
B:技术标准全部是由W3School组织提供的
C:这些技术标准是在做web前端开发的时候需要遵守的
D:技术标准的应用是一个逐步的过程
答案: 技术标准全部是由W3School组织提供的
5、 以下不是网页的页面元素的是:
A:导航栏
B:logo
C:文字与图片
D:网页源文件
答案: 网页源文件
6、 以下说法中,错误的是:
A:网站logo、banner、导航栏等都是网页的组成部分
B:主页就是进入网站的第一个页面,也被称为首页
C:网站就是一系列逻辑上可以视为一个整体的页面的集合
D:所有网页的扩展名都是 .htm
答案: 所有网页的扩展名都是 .htm
7、 以下说法中,错误的是:
A:网页的本质就是HTML等源代码文件
B:网页就是主页
C:使用“记事本”编辑网页时,可将其保存为 .htm 或 .html 后缀
D:网站通常就是一个完整的文件夹
答案: 网页就是主页
8、 下列关于HTML语言描述不正确的是:
A:HTML语言中可以嵌入如CSS、JavaScript等语言
B:HTML是指超文本链接语言,用超链接将网页组织在一起
C:HTML语言是通过一系列特定的标记来标识出相应的意义和作用的
D:HTML文档本身就是文本格式的文件
答案: HTML是指超文本链接语言,用超链接将网页组织在一起
9、 后端部分是对普通用户不可见的,例如从数据库中读取数据。
A:正确
B:错误
答案: 正确
10、 Web前端开发技术中HTML是用来完成网页内容的,CSS是用来设置样式的。
A:正确
B:错误
答案: 正确
11、 以下关于web前端开发技术标准叙述不正确的是:
A:技术标准主要包括HTML、CSS、JS等部分技术的一些规定
B:技术标准是由W3School组织提供的
C:这些技术标准是在做web前端开发的时候需要遵守的
D:技术标准的应用是一个逐步的过程
答案: 技术标准是由W3School组织提供的
2. HTML基础 2. HTML基础 单元测验
1、 HTML文件中,下面( )标签中包含了网页的全部内容。
A:<center>…</center>
B:<pre>…</pre>
C:<body>…</body>
D:<head>…</head>
答案: <body>…</body>
2、 用 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>
答案: <html> <head>…</head> <body>…</body> </html>
3、 以下说法中,正确的是:
A:p标签与br标签的作用一样
B:多个p标签可以产生多个空行
C:多个br标签可以产生多个空行
D:p标签里面是段落内容,文字需要br标签才能换行,不能自动换行
答案: 多个br标签可以产生多个空行
4、 以下标记符中,没有对应的结束标记的是:
A:<body>
B: <br>
C:<html>
D: <title>
答案: <br>
5、 以下说法中,错误的是:
A:主页是网站中的一个特定页面
B:网页中的注释可以放在任何位置
C:在HTML中, 表示空格
D:在HTML中,可以用<hr>标签产生空行
答案: 在HTML中,可以用<hr>标签产生空行
6、 以下描述将图像作为链接的形式正确的是:
A:<a href=”http://www.z.com”><img src=”logo.gif”></a>
B:<a href=”http://www.z.com”></a><img src =”logo.gif”>
C:<a href=”http://www.z.com” img src =”logo.gif”></a>
D:<a href=”http://www.z.com” ><img src =”logo.gif”>
答案: <a href=”http://www.z.com”><img src=”logo.gif”></a>
7、 已知services.html与text.html在同一站点文件夹site中。text.html位于site根下,但文档services.html在site子文件夹information中。现要求在text.html文档中编写一个超链接,链接到文档services.html。下面语句正确的是:
A:<a href=”services.html “>Link</a>
B:<a href =”information/services.html”>Link</a>
C:<a href =”../services.html”>Link</a>
D:<a href =”text.html “>Link</a>
答案: <a href =”information/services.html”>Link</a>
8、 以下说法中,错误的是:
A:JPEG格式使用有损压缩算法进行图象压缩
B:处理JPEG格式的图象时,可以控制压缩比率
C:JPEG格式的图象几乎没有颜色限制
D:JPEG格式的图象具有透明色的特点
答案: JPEG格式的图象具有透明色的特点
9、 根据以下的HTML代码:<html> <head> <title>表格</title> <head> <body> <table border=”1″> <tr> <td >1</td> <td >2</td> </tr> <tr> <td >3</td> </tr> </table> </body></html>对以上代码,以下描述正确的是:
A:该网页内容的第一行显示“表格”
B:1和2的表格在同一列
C:1和2的表格在同一行
D:1和3的表格在同一行
答案: 1和2的表格在同一行
10、 以下有关列表的说法中,错误的是:
A:有序列表和无序列表可以互相嵌套
B:可以具体指定项目符号或编号样式
C:无序列表应使用ul和li标签进行创建
D:在创建列表时,il标签用于创建有序列表
答案: 在创建列表时,il标签用于创建有序列表
11、 要创建一个1行2列的表格,下面语句正确的是:
A:<table> <td> <tr>单元格1</tr> <tr>单元格2</tr> </td></table>
B:<table> <tr> <td>单元格1</td> <td>单元格2</td> </tr></table>
C:<table> <tr> <td>单元格1</td> </tr> <tr> <td>单元格2</td> </tr></table>
D:<table> <tr> <t1>单元格1</t1> <t2>单元格2</t2> </tr></table>
答案: <table> <tr> <td>单元格1</td> <td>单元格2</td> </tr></table>
12、 meta元素的作用是:
A:meta元素用于表达HTML文档的格式
B:meta元素用于指定关于HTML文档的信息
C:meta元素用于实现本页的自动刷新
D:其他答案都不对
答案: meta元素用于指定关于HTML文档的信息
13、 语句A:HTML文档必须包括“头”和“主体”两部分语句B:HTML文档的扩展名为.htm或.html以下说法正确的是:
A:两句都对
B:两句都错
C:只有A对
D:只有B对
答案: 只有B对
14、 HTML中,用什么方法可以将段落内容在页面中居中:
A:place=middle
B:type=middle
C:align=center
D:type=center
答案: align=center
15、 A文件夹与B文件夹是同级文件夹,其中A下有a.htm,B下有b.htm文件,现在我们希望在a.htm文件中创建超链接,链接到b.htm,应该在a.htm页面代码中如何描述链接内容:
A:b.htm
B:././././B/b.htm
C:../B/b.htm
D:../../b.htm
答案: ../B/b.htm
16、 我们想要在HTML文档中加入图像,可以使用哪个标记来达到要求:
A:<pic>
B:<picture>
C:<img>
D:<image>
答案: <img>
17、 想要在页面中加入一个分区,可以使用哪些HTML标签来描述:
A:<span>
B:<level>
C:<floor>
D:<div>
答案: <div>
18、 下列的HTML中哪个可以产生超链接:
A:<a url=”http://www.w3schools.com”>W3Schools.com</a>
B:<a>http://www.w3schools.com</a>
C:<a href=”http://www.w3schools.com”>W3Schools</a>
D:<a>http://www.w3schools.com</a>
答案: <a href=”http://www.w3schools.com”>W3Schools</a>
19、 以下选项中,哪个全部都是表格标签:
A:<table><head><tfoot>
B:<table><tr><td>
C:<table><tr><tt>
D:<thead><body><tr>
答案: <table><tr><td>
20、 下列的HTML中哪个可以产生复选框:
A:<input type=”check”>
B:<checkbox>
C:<input type=”checkbox”>
D:<check>
答案: <input type=”checkbox”>
21、 HTML语言是指超文本标记语言,超文本,是超出文本范围的其他形式、内容更丰富的文本。
A:正确
B:错误
答案: 错误
22、 表单元素需要放在表单域里面,单选按钮需要用radio标签实现。
A:正确
B:错误
答案: 错误
作业2. HTML基础 2. HTML基础 单元作业
1、 要求将网站放在文件夹之中,包括所有网页文件与用到的图片等文件,压缩成.zip或者.rar文件上传。网站实现如下内容:(1)包含两个网页,内容跟英语相关,具体内容自己设计。(1分)(2)网页中要用到div标签,合理对网页的区域进行划分。(1分)(3)每个网页都有导航栏,导航栏可以水平也可以垂直排列,可以通过导航栏在两个页面之间跳转。(1分)(4)网页有一级标题。(1分)(5)网页有正文段落。(1分)(6)网页上用到1个图片,美化页面。 (1分)
评分规则: 包含2个网页
包含div划分的区域
包含导航栏,并且链接跳转关系正确
有h1标签构成的一级标题
有p标签构成的段落
有img标签插入的图片,并且图片可以正确显示
作业3. CSS样式 3. CSS样式 单元作业
1、 要求将网站放在文件夹之中,包括所有网页文件与用到的图片等文件,压缩成.zip或者.rar文件上传。CSS样式采用内嵌样式完成。网站实现如下内容(见附件图1,图2):(1)包含1个网页。(1分)(2)网页中要用到表格, a) 表格分成2行,第一行包含表头单元格(1分)
b) 第二行包含普通单元格(1分)
c)表格宽度300px(1分) (3)表格第一行 a) 有背景颜色#3cc(1分) b) 文本居中对齐(1分) c) 文字18个像素大小(1分) d)行高3字符(1分) (4)表格第二行单元格 a) 文字白色,背景黑色,字号12像素大小(1分) b)包含一个无序列表,无列表标号 (1分) (5)无序列表中是10个超链接(1分) a) 超链接无下划线 (1分) b)默认超链接文字白色(1分) c)鼠标悬停超链接背景颜色变白,文字颜色变黑(1分) (6)代码是否规范(1分)
评分规则: 是否:包含1个网页
是否:表格分成2行,第一行包含表头单元格
是否:第二行包含普通单元格
是否:表格宽度300px
是否:表格第一行,有背景颜色#3cc
是否:表格第一行,文本居中对齐
是否:表格第一行,文字18个像素大小
是否:表格第一行,行高3字符
是否:表格第二行单元格,文字白色,背景黑色,字号12像素大小
是否:表格第二行 ,包含一个无序列表,无列表标号
是否:无序列表中是10个超链接
是否:超链接无下划线
是否:默认超链接文字白色
是否:鼠标悬停超链接背景颜色变白,文字颜色变黑
代码是否规范
上方为免费预览版答案,如需购买完整答案,请点击下方红字
为了方便下次阅读,建议在浏览器添加书签收藏本网页
添加书签方法:
1.电脑按键盘的Ctrl键+D键即可收藏本网页
2.手机浏览器可以添加书签收藏本网页
我们的公众号
打开手机微信,扫一扫下方二维码,关注微信公众号:萌面人APP
本公众号可查看各种网课答案,还可免费查看大学教材答案
念灌澎勘斡答悲聚爽怪射席晌