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: <list>
B: <ul>
C: <ol>
D: <dl>
答案: 【 <ol>

10、单选题:

在页面中插入图片可以使用<img>标签来完成,该标签的src属性用来指出图片来源,在设计时,该属性最理想的值为()。

‌选项:
A: 相对路径,如src="images/logo.gif"
B: 绝对路径,如src="https://202.117.1.13/images/logo.gif"
C: 根路径,如src="/images/logo.gif"
D: 以上都可以
答案: 【 相对路径,如src="images/logo.gif"

11、单选题:
‎要对表格中的第二行进行合并,可能用到表格中的( )属性。‍
选项:
A: colspan和rowspan都不行
B: colspan和rowspan都可以
C: colspan
D: rowspan
答案: 【 colspan

12、单选题:

img标签中的alt属性的作用是指明( )。

​选项:
A: 图片的说明文本
B: 图片的来源
C: 图片来自互联网的地址
D: 图片来自本地的地址
答案: 【 图片的说明文本

13、单选题:
‏<pre>元素作用是()。​
选项:
A: 预览
B: 标签外部原样显示
C: 三种说法都不对
D: 标签内部原样显示
答案: 【 标签内部原样显示

14、单选题:
‍HTML标签中,h4和h5显示出来的内容()更大。‍
选项:
A: h5
B: h4
C: 一样大
D: 无法确定
答案: 【 h4

15、多选题:
‌以下属于块元素的包括()。‌
选项:
A: br
B: strong
C: p
D: h2
答案: 【 p;
h2

16、多选题:
‌target是标签a中的一个属性,它的值可以是()。‌
选项:
A: _self
B: _blank
C: _parent
D: _top
答案: 【 _self;
_blank;
_parent;
_top

17、判断题:
‍后端部分是对普通用户不可见的,例如从数据库中读取数据。‌
选项:
A: 正确
B: 错误
答案: 【 正确

18、判断题:
‏Web前端开发技术中HTML是用来完成网页内容的,CSS是用来设置样式的。​
选项:
A: 正确
B: 错误
答案: 【 正确

19、判断题:
‎网页的标题可在title中进行编辑。‌
选项:
A: 正确
B: 错误
答案: 【 正确

20、判断题:
​在HTML中,块元素必须嵌套在行内元素之中。​
选项:
A: 正确
B: 错误
答案: 【 错误

随堂测验

1、单选题:
​以下说法错误的是( )。‎
选项:
A: HTML与CSS配合使用,是为了内容与样式分离。
B: 如果只使用HTML而不使用CSS,网页是不可能有样式的。
C: JavaScript可以嵌入在HTML语言中,作为网页源文件的一部分存在。
D: CSS表示层叠样式表,可以添加页面的样式,规定网页的布局。
答案: 【 如果只使用HTML而不使用CSS,网页是不可能有样式的。

2、多选题:
‏关于内容、结构和表现说法正确的是(  )。​
选项:
A: 内容是页面传达信息的基础
B: 表现使得内容的传达变得更加明晰和方便
C: 结构就是对内容的交互及操作效果
D: 内容就是网页实际要传达的信息,包括文本、图片、音乐、视频、数据、文档等
答案: 【 内容是页面传达信息的基础;
表现使得内容的传达变得更加明晰和方便;
内容就是网页实际要传达的信息,包括文本、图片、音乐、视频、数据、文档等

3、多选题:
‌关于 web 标准以下说法正确的是(    )。‏
选项:
A: Web 标准是一个复杂的概念集合,它由一系列标准组成
B: 这些标准全部都由 W3C 起草与发布
C: Web 标准可以分为 3 个方面
D: Web 标准里的表现标准语言主要包括 CSS
答案: 【 Web 标准是一个复杂的概念集合,它由一系列标准组成;
Web 标准可以分为 3 个方面;
Web 标准里的表现标准语言主要包括 CSS

4、判断题:
‌HTML是超文本标记语言,是制作网页的标准语言。​
选项:
A: 正确
B: 错误
答案: 【 正确

5、判断题:
​CSS负责网页的结构,JavaScript负责网页的行为,也就是跟用户的一些交互。​
选项:
A: 正确
B: 错误
答案: 【 错误

6、判断题:
‎w3c组织制定关于web技术的一些标准,例如HTML、CSS、JS等。‎
选项:
A: 正确
B: 错误
答案: 【 正确

2. HTML基础

随堂测试

1、单选题:
​超链接基本语法是:‌
选项:
A: <a goto="URL"> ... </a>
B: <a herf="URL"> ... </a>
C: <a link="URL"> ... </a>
D: <a href="URL"> ... </a>
答案: 【 <a href="URL"> ... </a>

2、单选题:
‏超文本标记语言<a href=“http://www.cctv.com”>央视国际</a>的作用是:‍
选项:
A: 插入一段央视国际网站的文字
B: 插入一幅央视国际网站的图片
C: 创建一个指向央视国际网站的电子邮件
D: 创建一个指向央视国际网站的超链接
答案: 【 创建一个指向央视国际网站的超链接

3、单选题:
‍以下说法正确的是:‎
选项:
A: <a>标签是页面链接标签,只能用来链接到其他页面
B: <a>标签是页面链接标签,只能用来链接到本页面的其他位置
C: <a>标签的src属性用于指定要链接的地址
D: <a>标签的href属性用于指定要链接的地址
答案: 【 <a>标签的href属性用于指定要链接的地址

4、判断题:
​a标签可以跳转到外部站点的页面,例如跳转到新浪网首页,可以写如下代码:‌​<a href="www.sina.com.cn">新浪首页</a>‌
选项:
A: 正确
B: 错误
答案: 【 错误

随堂测验

1、单选题:
‏在HTML中,<form action=?>,action表示:‎
选项:
A: 提交的方式
B: 表单所用的脚本语言
C: 提交的URL地址
D: 表单的形式
答案: 【 提交的URL地址

2、单选题:
‌增加表单的输入框的HTML代码是:​
选项:
A: <input type=submit>
B: <input type=image>
C: <input type=text>
D: <input type=hide>
答案: 【 <input type=text>

3、单选题:
‎增加表单的复选框的HTML代码是:‏
选项:
A: <input type=submit>
B: <input type=reset>
C: <input type=text>
D: <input type=checkbox>
答案: 【 <input type=checkbox>

4、单选题:
‌增加表单的文本域的HTML代码是:‌
选项:
A: <input type=submit></input>
B: <textarea name="textarea"></textarea>
C: <input type=radio></input>
D: <input type=checkbox></input>
答案: 【 <textarea name="textarea"></textarea>

5、单选题:
‍增加表单的密码域的HTML代码是:‎
选项:
A: <input type=submit>
B: <input type=password>
C: <input type=radio>
D: <input type=checkbox>
答案: 【 <input type=password>

3. CSS样式

随堂测验

1、单选题:
‎在CSS语言中下列哪一项是"列表项标号图象"的语法( )。‎
选项:
A: width: <值>
B: height: <值>
C: list-style-image: <值>
D: list-style-picture: <值>
答案: 【 list-style-image: <值>

2、单选题:
​下列(    )表示列表项符号是小方块。‎
选项:
A: list-style-type: square
B: list-type: square
C:  type: 2
D: type: square
答案: 【 list-style-type: square

3、多选题:
‌list-style-position的取值包括(    )。‎
选项:
A: inside
B: inner
C: outter
D: outside
答案: 【 inside;
outside

4、多选题:
​list-style-type属性叙述正确的是(    )。‌
选项:
A: 可以设置列表项目标号类型。
B: 对无序列表有效。
C: 对有序列表有效。
D: 对表格单元格有效。
答案: 【 可以设置列表项目标号类型。;
对无序列表有效。;
对有序列表有效。

5、多选题:
‍以下对列表的描述,哪个是正确的(    )。‎
选项:
A: list-style-type 
B: list-style-color 
C: list-style-position 
D: list-style-image:url
答案: 【 list-style-type ;
list-style-position ;
list-style-image:url

6、判断题:
‏如果设置table标签的border属性,默认可以看到两层边框线。​
选项:
A: 正确
B: 错误
答案: 【 正确

7、判断题:
‏可以使用table-collapse属性将表格边框和单元格边框重合在一起显示。‎
选项:
A: 正确
B: 错误
答案: 【 错误

4. CSS布局与定位

随堂测试

剩余75%内容付费后可查看

发表评论

电子邮件地址不会被公开。 必填项已用*标注