喇翅辉须淘贡馈频失核佳谈贡
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
本公众号可查看各种网课答案，还可免费查看大学教材答案
拉粱苍头霓搪炼常菲捂矾闯旧