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: 错误
答案: 【 正确

随堂测验1

1、判断题:
​web系统前端是指系统中用户接触到的部分。‌
选项:
A: 正确
B: 错误
答案: 【 正确

2、判断题:
‎web系统后端主要负责完成系统功能,包括数据存取、系统安全等。‌
选项:
A: 正确
B: 错误
答案: 【 正确

3、判断题:
‍网页对应着的源文件包含一些代码,而浏览器可以解析这些代码,呈现出来。​
选项:
A: 正确
B: 错误
答案: 【 正确

随堂测验2

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

2、单选题:
‍以下哪一项是一个HTML元素:‏
选项:
A: <title>
B: <title>欢迎来到课程首页</title>
C: <title></title>
D: </title>
答案: 【 <title>欢迎来到课程首页</title>

3、判断题:
‌只有文字可以进行超链接的设置,而图片不可以。‌
选项:
A: 正确
B: 错误
答案: 【 错误

4、判断题:
‏网页的导航栏是超链接的集合,可以由此进入不同版块或页面。‌
选项:
A: 正确
B: 错误
答案: 【 正确

5、判断题:
‌网站中的网页是逻辑相关的,可以通过超链接的方式被组织在一起。‎
选项:
A: 正确
B: 错误
答案: 【 正确

随堂测验3

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基础

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中,&nbsp; 表示空格
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: 错误
答案: 【 错误

随堂测验1

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

2、单选题:
‎HTML文档中的元素分为(  )两部分。‍
选项:
A: 内容文本、标签
B: 文本、多媒体元素
C: 超文本、多媒体元素
D: 标签、框架
答案: 【 内容文本、标签

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

4、判断题:
‏HTML的标签一定是成对出现的,否则无法完成嵌套关系。‏
选项:
A: 正确
B: 错误
答案: 【 错误

5、判断题:
‏HTML不区分大小写。‍
选项:
A: 正确
B: 错误
答案: 【 正确

6、判断题:
‏所有HTML标签都有开始标签和结束标签构成。‏
选项:
A: 正确
B: 错误
答案: 【 错误

随堂测验2

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

2、单选题:
‌下面语句中,()将HTML页面的标题设置为“HTML练习”‍
选项:
A: <head> HTML练习</head>
B: <title> HTML练习</title>
C: <body> HTML练习</body>
D: <html> HTML练习</html>
答案: 【 <title> HTML练习</title>

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

4、单选题:
‎为了标识一个 HTML 文件,应该使用的标签(    )。‏
选项:
A: <style></style>
B: <body></body>
C: <head></head>
D: <html></html>
答案: 【 <html></html>

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

6、判断题:
‍Unicode编码与UTF-8编码都涵盖了所有语言文字‍
选项:
A: 正确
B: 错误
答案: 【 正确

7、判断题:
‌网页源文件本身的编码方式与浏览器解读的编码方式如果不同,就会出现乱码。‌
选项:
A: 正确
B: 错误
答案: 【 正确

随堂测验3

1、单选题:
‏表示水平分割线线的HTML代码是 :‍
选项:
A: <hr />
B: <br />
C: <tr />
D: <hr> </hr>
答案: 【 <hr />

2、单选题:
‌下面标记中,( )在标记的位置添加一个回车符。‌
选项:
A: <h1>
B: <enter>
C: <br />
D: <hr />
答案: 【 <br />

3、单选题:
‌创建最小的标题的文本标签是:‌
选项:
A: <pre></pre>
B: <h1></h1>
C: <h6></h6>
D: <b></b>
答案: 【 <h6></h6>

4、单选题:
‌在HTML中,标记<pre>的作用是(  )。‍
选项:
A: 标题标签
B: 预排版标签
C: 换行标签
D: 文字效果标签
答案: 【 预排版标签

5、判断题:
‌默认情况下,h1标签的文字字号,要远小于h6标签。​
选项:
A: 正确
B: 错误
答案: 【 错误

6、判断题:
‏HTML的注释语句格式为:/*   */。‎
选项:
A: 正确
B: 错误
答案: 【 错误

随堂测验4

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: 错误
答案: 【 错误

随堂测验5

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

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">
答案: 【 <img src="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>
答案: 【 <img src=″图片路径及文件名″>

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”>

答案: 【 <a href=” http://www.pcnetedu.com”><img src=”myhome.jpg”></a>

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

随堂测验6

1、单选题:
‏无序列表的HTML代码是()​
选项:
A: <li><ui>...</li></ul>
B: <ul><li>...</li></ul>
C: <ol><li>...</li&g

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

发表评论

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