1. 概论

1-1 Web前端开发概述随堂测验

1、web系统前端是指系统中用户接触到的部分。

2、web系统后端主要负责完成系统功能,包括数据存取、系统安全等。

3、网页对应着的源文件包含一些代码,而浏览器可以解析这些代码,呈现出来。

1-2 网站与网页随堂测验

1、以下关于浏览器的描述错误的是:
    A、主流的浏览器有Chrome,Firefox,IE等。
    B、不同浏览器厂商的浏览器,一定有不同的内核。
    C、不同版本的浏览器差别可能很大,对Web技术的支持度也会不同。
    D、Chrome浏览器可以在进行web前端开发时,用于调试和测试。

2、以下哪一项是一个HTML元素:
    A、<title>
    B、<title>欢迎来到课程首页</title>
    C、<title></title>
    D、</title>

3、只有文字可以进行超链接的设置,而图片不可以。

4、网页的导航栏是超链接的集合,可以由此进入不同版块或页面。

5、网站中的网页是逻辑相关的,可以通过超链接的方式被组织在一起。

1-3 Web前端开发技术随堂测验

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

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

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

4、HTML是超文本标记语言,是制作网页的标准语言。

5、CSS负责网页的结构,JavaScript负责网页的行为,也就是跟用户的一些交互。

6、w3c组织制定关于web技术的一些标准,例如HTML、CSS、JS等。

1. 概论 单元测试

1、web前端开发中的“web”指的是:
    A、Internet
    B、web客户端
    C、web系统
    D、web服务器

2、以下哪个概念或者哪种功能属于“前端”:
    A、web系统中以网页等形式为用户提供的部分,用户能接触到的部分
    B、web系统中负责数据存取的部分
    C、web系统中负责平台稳定性与性能的部分
    D、web系统中负责完成相应的功能、处理业务的部分

3、以下关于网页源文件的叙述不正确的是:
    A、网页源文件是一些代码
    B、网页源文件客户端是看不到的
    C、网页源文件可以在记事本里打开
    D、网页源文件是纯文本文件

4、以下关于web前端开发技术标准叙述不正确的是:
    A、技术标准主要包括HTML、CSS、JS等部分技术的一些规定
    B、技术标准是由W3School组织提供的
    C、这些技术标准是在做web前端开发的时候需要遵守的
    D、技术标准的应用是一个逐步的过程

5、以下不是网页的页面元素的是:
    A、导航栏
    B、logo
    C、文字与图片
    D、网页源文件

6、以下说法中,错误的是:
    A、网站logo、banner、导航栏等都是网页的组成部分
    B、主页就是进入网站的第一个页面,也被称为首页
    C、网站就是一系列逻辑上可以视为一个整体的页面的集合
    D、所有网页的扩展名都是 .htm

7、以下说法中,错误的是:
    A、网页的本质就是HTML等源代码文件
    B、网页就是主页
    C、使用“记事本”编辑网页时,可将其保存为 .htm 或 .html 后缀
    D、网站通常就是一个完整的文件夹

8、下列关于HTML语言描述不正确的是:
    A、HTML语言中可以嵌入如CSS、JavaScript等语言
    B、HTML是指超文本链接语言,用超链接将网页组织在一起
    C、HTML语言是通过一系列特定的标记来标识出相应的意义和作用的
    D、HTML文档本身就是文本格式的文件

9、后端部分是对普通用户不可见的,例如从数据库中读取数据。

10、Web前端开发技术中HTML是用来完成网页内容的,CSS是用来设置样式的。

18贸易第一单元测试

1、web前端开发中的“web”指的是:
    A、Internet
    B、web客户端
    C、web系统
    D、web服务器

2、以下哪个概念或者哪种功能属于“前端”:
    A、web系统中以网页等形式为用户提供的部分,用户能接触到的部分
    B、web系统中负责数据存取的部分
    C、web系统中负责平台稳定性与性能的部分
    D、web系统中负责完成相应的功能、处理业务的部分

3、以下关于网页源文件的叙述不正确的是:
    A、网页源文件是一些代码
    B、网页源文件客户端是看不到的
    C、网页源文件可以在记事本里打开
    D、网页源文件是纯文本文件

4、以下关于web前端开发技术标准叙述不正确的是:
    A、技术标准主要包括HTML、CSS、JS等部分技术的一些规定
    B、技术标准是由W3School组织提供的
    C、这些技术标准是在做web前端开发的时候需要遵守的
    D、技术标准的应用是一个逐步的过程

5、以下不是网页的页面元素的是:
    A、导航栏
    B、logo
    C、文字与图片
    D、网页源文件

6、以下说法中,错误的是:
    A、网站logo、banner、导航栏等都是网页的组成部分
    B、主页就是进入网站的第一个页面,也被称为首页
    C、网站就是一系列逻辑上可以视为一个整体的页面的集合
    D、所有网页的扩展名都是 .htm

7、以下说法中,错误的是:
    A、网页的本质就是HTML等源代码文件
    B、网页就是主页
    C、使用“记事本”编辑网页时,可将其保存为 .htm 或 .html 后缀
    D、网站通常就是一个完整的文件夹

8、下列关于HTML语言描述不正确的是:
    A、HTML语言中可以嵌入如CSS、JavaScript等语言
    B、HTML是指超文本链接语言,用超链接将网页组织在一起
    C、HTML语言是通过一系列特定的标记来标识出相应的意义和作用的
    D、HTML文档本身就是文本格式的文件

9、后端部分是对普通用户不可见的,例如从数据库中读取数据。

10、Web前端开发技术中HTML是用来完成网页内容的,CSS是用来设置样式的。

2. HTML基础

2-1 HTML概述随堂测验

1、网页是由HTML语言来实现的,HTML语言是( )。
    A、大型数据库
    B、网页源文件中出现的唯一一种语言
    C、网络通信协议
    D、超文本标记语言

2、HTML文档中的元素分为( )两部分。
    A、内容文本、标签
    B、文本、多媒体元素
    C、超文本、多媒体元素
    D、标签、框架

3、以下关于HTML标签叙述错误的是:
    A、可以单独出现,也可以成对出现
    B、必须正确嵌套
    C、标签可以带有属性,属性的顺序无关
    D、标签和其属性构成了HTML元素

4、HTML的标签一定是成对出现的,否则无法完成嵌套关系。

5、HTML不区分大小写。

6、所有HTML标签都有开始标签和结束标签构成。

7、HTML的注释语句格式为:/* */。

2-2 HTML文件结构随堂测验

1、关于HTML说法错误的是( )。
    A、HTML标签的嵌套结构可以描述成一个网状结构
    B、在<title>和</title>标签之间的是标题信息
    C、HTML是大小写无关的,<b>跟<B>表示的意思是一样的
    D、<meta>标签表示网页元数据,是提供给浏览器和搜索引擎的关于网页的描述性数据

2、下面语句中,()将HTML页面的标题设置为“HTML练习”
    A、<head> HTML练习</head>
    B、<title> HTML练习</title>
    C、<body> HTML练习</body>
    D、<html> HTML练习</html>

3、字符与编码说法错误的是( )。
    A、字符集是字符的集合
    B、字符集通常与某种语言文字相关
    C、编码可以完成字符的唯一的映射
    D、编码方式有很多种,ASCII编码包含了所有语言文字中出现的字符

4、为了标识一个 HTML 文件,应该使用的标签( )。
    A、<style></style>
    B、<body></body>
    C、<head></head>
    D、<html></html>

5、以下不是<!DOCTYPE>元素作用的是( )。
    A、该元素用来定义文档类型
    B、该元素用来声明命名空间
    C、该元素用来向搜索引擎声明网站关键字
    D、该元素用来向搜索引擎声明网站作者

6、Unicode编码与UTF-8编码都涵盖了所有语言文字

7、网页源文件本身的编码方式与浏览器解读的编码方式如果不同,就会出现乱码。

2-3 HTML标签(I) h1~h6、p、br、pre、span、hr随堂测验

1、表示水平分割线线的HTML代码是 :
    A、<hr />
    B、<br />
    C、<tr />
    D、<hr> </hr>

2、下面标记中,( )在标记的位置添加一个回车符。
    A、<h1>
    B、<enter>
    C、<br />
    D、<hr />

3、创建最小的标题的文本标签是:
    A、<pre></pre>
    B、<h1></h1>
    C、<h6></h6>
    D、<b></b>

4、在HTML中,标记<pre>的作用是( )。
    A、标题标签
    B、预排版标签
    C、换行标签
    D、文字效果标签

5、默认情况下,h1标签的文字字号,要远小于h6标签。

2-4 HTML标签(II) a随堂测验

1、超链接基本语法是:
    A、<a goto="URL"> ... </a>
    B、<a herf="URL"> ... </a>
    C、<a link="URL"> ... </a>
    D、<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属性用于指定要链接的地址

4、a标签可以跳转到外部站点的页面,例如跳转到新浪网首页,可以写如下代码: <a href="www.sina.com.cn">新浪首页</a>

2-5 HTML标签(III) img随堂测验

1、有关网页中的图像的说法不正确的是:
    A、网页中的图像并不与网页保存在同一个文件中,每个图像单独保存
    B、HTML语言可以描述图像的位置等属性
    C、HTML语言可以直接描述图像上的像素
    D、图像可以作为超级链接的起始对象

2、假如要将图片文件asrlogo.jpg插入页面,并为该图片、设置提示文字为”ASR Outfitters Logo”.下面语句正确的是:
    A、<omg scr="asrlogo.jpg">ASR Outfitters Logo</omg>
    B、<img src="asrlogo.jpg" alt="ASR Outfitters Logo">
    C、<img src="asrlogo.jpg">alt="ASR Outfitters Logo"
    D、<omg url="asrlogo.jpg" alt="ASR Outfitters Logo">

3、如果图片不能正常显示,错误的原因可能是:
    A、引用图片的路径不对
    B、该图片太模糊
    C、图片太大
    D、图片太小

4、在网页中添加一个图片的HTML代码是:
    A、<bgcolor=″#FFFFFF″>
    B、<img src=″图片路径及文件名″>
    C、<a herf=″链接页面路径及文件名″><img src=″图片路径及文件名″></a>
    D、<title>图片</title>

5、若要在页面中创建一个图形超链接,要显示的图形为 myhome.jpg,所链接的地址为http://www.pcnetedu.com,以下用法中,正确的是:
    A、<a href=”http://www.pcnetedu.com”>myhome.jpg</a>
    B、<a href=” http://www.pcnetedu.com”><img src=”myhome.jpg”></a>
    C、<img src=”myhome.jpg”><a href =”http://www.pcnetedu.com”></a>
    D、<a href =http://www.pcneredu.com><img src=”myhome.jpg”>

6、以下说法中,错误的是:
    A、GIF格式的图象采用无损压缩算法进行图象压缩
    B、只有GIF格式才能使用透明色
    C、GIF格式支持动画
    D、GIF格式支持背景色透明

2-6 HTML标签(IV) div、ul、ol 、table随堂测验

1、无序列表的HTML代码是()
    A、<li><ui>...</li></ul>
    B、<ul><li>...</li></ul>
    C、<ol><li>...</li></ol>
    D、<li><ol>...</li></ol>

2、设置围绕表格的边框宽度的HTML代码是:
    A、<table size="">
    B、<table border="">
    C、<table bordersize="">
    D、<tableborder="">

3、定义表行的HTML是:
    A、<table>
    B、<td>
    C、<th>
    D、<tr>

4、定义表头的HTML是:
    A、<table>
    B、<td>
    C、<tr>
    D、<th>

5、表示区域的标签是:
    A、table
    B、ol
    C、div
    D、ul

2-7 HTML标签(V) form、input、select、textarea随堂测验

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

2、增加表单的输入框的HTML代码是:
    A、<input type=submit>
    B、<input type=image>
    C、<input type=text>
    D、<input type=hide>

3、增加表单的复选框的HTML代码是:
    A、<input type=submit>
    B、<input type=reset>
    C、<input type=text>
    D、<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>

5、增加表单的密码域的HTML代码是:
    A、<input type=submit>
    B、<input type=password>
    C、<input type=radio>
    D、<input type=checkbox>

2. HTML基础 单元测验

1、HTML文件中,下面( )标签中包含了网页的全部内容。
    A、<center>…</center>
    B、<pre>…</pre>
    C、<body>…</body>
    D、<head>…</head>

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>

3、以下说法中,正确的是:
    A、p标签与br标签的作用一样
    B、多个p标签可以产生多个空行
    C、多个br标签可以产生多个空行
    D、p标签里面是段落内容,文字需要br标签才能换行,不能自动换行

4、以下标记符中,没有对应的结束标记的是:
    A、<body>
    B、<br>
    C、<html>
    D、<title>

5、以下说法中,错误的是:
    A、主页是网站中的一个特定页面
    B、网页中的注释可以放在任何位置
    C、在HTML中,  表示空格
    D、在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">

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>

8、以下说法中,错误的是:
    A、JPEG格式使用有损压缩算法进行图象压缩
    B、处理JPEG格式的图象时,可以控制压缩比率
    C、JPEG格式的图象几乎没有颜色限制
    D、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的表格在同一行

10、以下有关列表的说法中,错误的是:
    A、有序列表和无序列表可以互相嵌套
    B、可以具体指定项目符号或编号样式
    C、无序列表应使用ul和li标签进行创建
    D、在创建列表时,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>

12、meta元素的作用是:
    A、meta元素用于表达HTML文档的格式
    B、meta元素用于指定关于HTML文档的信息
    C、meta元素用于实现本页的自动刷新
    D、其他答案都不对

13、语句A:HTML文档必须包括“头”和“主体”两部分 语句B:HTML文档的扩展名为.htm或.html 以下说法正确的是:
    A、两句都对
    B、两句都错
    C、只有A对
    D、只有B对

14、HTML中,用什么方法可以将段落内容在页面中居中:
    A、place=middle
    B、type=middle
    C、align=center
    D、type=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

16、我们想要在HTML文档中加入图像,可以使用哪个标记来达到要求:
    A、<pic>
    B、<picture>
    C、<img>
    D、<image>

17、想要在页面中加入一个分区,可以使用哪些HTML标签来描述:
    A、<span>
    B、<level>
    C、<floor>
    D、<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>

19、以下选项中,哪个全部都是表格标签:
    A、<table><head><tfoot>
    B、<table><tr><td>
    C、<table><tr><tt>
    D、<thead><body><tr>

20、下列的HTML中哪个可以产生复选框:
    A、<input type="check">
    B、<checkbox>
    C、<input type="checkbox">
    D、<check>

21、HTML语言是指超文本标记语言,超文本,是超出文本范围的其他形式、内容更丰富的文本。

22、表单元素需要放在表单域里面,单选按钮需要用radio标签实现。

18贸易第二单元测验

1、HTML文件中,下面( )标签中包含了网页的全部内容。
    A、<center>…</center>
    B、<pre>…</pre>
    C、<body>…</body>
    D、<head>…</head>

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>

3、以下说法中,正确的是:
    A、p标签与br标签的作用一样
    B、多个p标签可以产生多个空行
    C、多个br标签可以产生多个空行
    D、p标签里面是段落内容,文字需要br标签才能换行,不能自动换行

4、以下标记符中,没有对应的结束标记的是:
    A、<body>
    B、<br>
    C、<html>
    D、<title>

5、以下说法中,错误的是:
    A、主页是网站中的一个特定页面
    B、网页中的注释可以放在任何位置
    C、在HTML中,  表示空格
    D、在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">

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>

8、以下说法中,错误的是:
    A、JPEG格式使用有损压缩算法进行图象压缩
    B、处理JPEG格式的图象时,可以控制压缩比率
    C、JPEG格式的图象几乎没有颜色限制
    D、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的表格在同一行

10、以下有关列表的说法中,错误的是:
    A、有序列表和无序列表可以互相嵌套
    B、可以具体指定项目符号或编号样式
    C、无序列表应使用ul和li标签进行创建
    D、在创建列表时,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、able> <tr> <td>单元格1</td> </tr> <tr> <td>单元格2</td> </tr> </table>
    D、<table> <tr> <t1>单元格1</t1> <t2>单元格2</t2> </tr> </table>

12、meta元素的作用是:
    A、meta元素用于表达HTML文档的格式
    B、meta元素用于指定关于HTML文档的信息
    C、meta元素用于实现本页的自动刷新
    D、其他答案都不对

13、语句A:HTML文档必须包括“头”和“主体”两部分 语句B:HTML文档的扩展名为.htm或.html 以下说法正确的是:
    A、两句都对
    B、两句都错
    C、只有A对
    D、只有B对

14、HTML中,用什么方法可以将段落内容在页面中居中:
    A、place=middle
    B、type=middle
    C、align=center
    D、type=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

16、我们想要在HTML文档中加入图像,可以使用哪个标记来达到要求:
    A、<pic>
    B、<picture>
    C、<img>
    D、<image>

17、想要在页面中加入一个分区,可以使用哪些HTML标签来描述:
    A、<span>
    B、<level>
    C、<floor>
    D、<div>

18、HTML语言是指超文本标记语言,超文本,是超出文本范围的其他形式、内容更丰富的文本。

19、表单元素需要放在表单域里面,单选按钮需要用radio标签实现。

2. HTML基础 单元作业

1、要求将网站放在文件夹之中,包括所有网页文件与用到的图片等文件,压缩成.zip或者.rar文件上传。 网站实现如下内容: (1)包含两个网页,内容跟英语相关,具体内容自己设计。(1分) (2)网页中要用到div标签,合理对网页的区域进行划分。(1分) (3)每个网页都有导航栏,导航栏可以水平也可以垂直排列,可以通过导航栏在两个页面之间跳转。(1分) (4)网页有一级标题。(1分) (5)网页有正文段落。(1分) (6)网页上用到1个图片,美化页面。 (1分)