目录
WEB前端开发概述
HTML5基础
页面元素和属性
WEB前端开发概述
1【单选题】
在下列选项中,不属于Web前端开发任务的是( )。
A、页面布局
B、 页面交互
C、通信协议
D、页面特效
我的答案:C
2【单选题】
HTML5是( )年由W3C组织推荐的标准。
A、1993
B、1997
C、2000
D、2014
我的答案:D
3【单选题】
下列选项中,( )不是Web浏览器。
A、 Linux
B、Firefox
C、Safari
D、Opera
我的答案:A
4【单选题】
张同学正在家里通过拨号上网访问新浪主页,此时,他自己的计算机是( )。
A、 服务器
B、浏览器
C、既是服务器也是浏览器
D、既不是服务器也不是浏览器
我的答案:B
5【多选题】
下面的选项中,关于Web标准说法正确的是( )。
A、Web标准只要包括HTML标准
B、Web标准是由浏览器的各大厂商联合制定的
C、Web标准并不是某一个标准,而是一系列标准的集合
D、网页部分的Web标准主要包括结构标准、表现标准和行为标准三个方面
我的答案:CD
6【多选题】
下列选项中的术语名词,属于网页术语的是( )。
A、Web
B、HTTP
C、DNS
D、IOS
我的答案:BCD
7【判断题】
所有的浏览器对同一个CSS样式的解析都相同,因此页面在不同浏览器下的显示效果完全一样。
我的答案:×
8【判断题】
URL(英文Uniform Resource Locator的缩写)中文译为“统一资源定位符”。URL其实就是Web地址,俗称“网址”。
我的答案:√
9【判断题】
在网站建设中,JavaScript用于搭建页面结构。
我的答案:×
10【判断题】
“HTTP”是一种详细规定了浏览器和万维网服务器之间互相通信的规则。
我的答案:√
HTML5基础
1【单选题】
位于HTML文档的最前面,用于向浏览器说明当前文档使用哪种 HTML 或 XHTML 标准规范的标记是( )。
A、<!DOCTYPE>
B、<head></head>
C、<title></title>
D、<html></html>
我的答案:A
2【单选题】
在HTML中,网页要显示的主体内容应放置在( )。
A、<title></title>标记之间
B、<head></head>标记之间
C、<body></body>标记之间
D、HTML中的任意位置
我的答案:C
3【单选题】
若要以加粗宋体、12号字显示“vbscript”以下用法中,正确的是( )。
A、<b><font size=12>vbscript</b></font>
B、<b><font face=”宋体”size=12>vbscript</font></b>
C、<b><font face=“宋体”size=12>vbscript</b></font>
D、<b><font face=“宋体” fontsize=12>vbscript</b></font>
我的答案:B
4【单选题】
下列属性中,哪一项是用于设置鼠标悬停在图像上时的提示文字?( )。
A、title
B、alt
C、width
D、height
我的答案:A
5【单选题】
下列选项不属于HTML5文档的结构元素是( )。
A、<article>
B、<header>
C、<font>
D、<aside>
我的答案:C
6【单选题】
下列哪个是HTML中的空格字符()。
A、div
B、p
C、b
D、 ;
我的答案:D
7【判断题】
完整的HTML文件包括头部和主体两大部分。
我的答案:√
8【判断题】
网页的正文,是用户在浏览器主窗口中看到的信息,包括图片、表格、段落、音频、视频等内容,且需位于<title>标签之内。
我的答案:×
9【判断题】
HTML代码中添加注释的方法主要有2种:<!-- 注释信息 -->与<comment>注释信息</comment>。
我的答案:√
10【判断题】
标题元素<title></title>标签的内容,会显示在浏览器窗口的左上角。
我的答案:√
1【单选题】在<Link>标签的常用属性中,引用外部文档的类型用( )属性表示。
A、head
B、rel
C、href
D、type
我的答案:D
2【单选题】下面哪一个标签的作用是定义文档与外部资源的关系,最常见的用途是链接样式表( )。
A、<title>
B、<meta>
C、<link>
D、<head>
我的答案:C
3【单选题】下列标签中,哪一项可以作为搜索引擎结果中的页面标题( )。
A、<title>
B、<html>
C、<hr>
D、<header>
我的答案:A
4【多选题】
下面哪些是<Link>标签的常用属性( )。
A、href
B、rel
C、type
D、title
我的答案:ABC
5【多选题】
HTML头部标签中,关于<title>标签的作用说法正确的是( )。
A、用于在浏览器的标题栏中显示标题
B、可以用作默认快捷方式或收藏夹的名称
C、可以在<title>标签对之间允许有其它的标签存在
D、可以作为搜索引擎结果中的页面标题
我的答案:ABD
6【多选题】
HTML头部标签中,关于<meta/>标签的作用说法正确的是( )。
A、提供有关页面的元信息
B、对页面的属性设置
C、对搜索引擎的属性设置
D、在HTML5中新增字符编码的属性设置
我的答案:ABCD
7【判断题】
在HTML5中新增字符编码的属性设置,通过set属性进行指定。
我的答案:×
8【判断题】
一个网页可以有多个标题。
我的答案:×
9【判断题】
<style>标签用于为HTML文档定义样式信息,位于<head>头部标记中。
我的答案:√
10【判断题】
<meta/>标签用于定义页面的元信息,可重复出现在<head>头部标记中。
我的答案:√
1【单选题】
<hr noshade>表示( )。
A、表示水平线没有阴影
B、表示水平线没有边框
C、表示页面边界没有阴影
D、表示水平线不显现
我的答案:A
2【单选题】
下列说法错误的是( )。
A、<sup></sup>表示上标
B、<em></em>表示下划线
C、<s></s>表示删除线
D、<strong></strong>表示粗体
我的答案:B
3【单选题】
下面哪个标签可以产生多个空行的效果。( )
A、<b>
B、<br>
C、<font>
D、<I>
我的答案:B
4【单选题】
下列<hr>标签的属性中,哪一项表示水平线的长。( )
A、size
B、color
C、width
D、align
我的答案:C
5【多选题】
HTML文档中的文本控制标签包括( )。
A、标题段落标签
B、文本格式标签
C、特殊字符标签
D、修饰标签
我的答案:ABC
6【多选题】
下列选项中属于文本格式标签的是( )。
A、<br>
B、<hr>
C、修饰标签
D、<div>
我的答案:ABC
7【判断题】
特殊字符标签可用于设定数学公式、版权信息中的特殊字符。
我的答案:√
8【判断题】
标题段落标签主要包含用于设定HTML页面中段落的标题级数的<hi>标签和用于划分段落,控制文本的位置的<p>标签。
我的答案:√
9【判断题】
在大多数浏览器中显示的<h1>、<h2>、<h3>元素内容小于文本在网页中的默认尺寸。
我的答案:×
10【判断题】
可使用align属性设定标题的对齐方式,如:left、right、up、down
我的答案:×
1【单选题】
图像文件名为myhome.jpg,要访问目标网站为http://www.edu.cn,以下创建一个以图像为链源的超链接正确的是( )。
A、<a href="http://www.edu.cn" >myhome.jpg</a>
B、<a href="http://www.edu.cn" ><img src="myhome.jpg">
C、<img src="myhome.jpg"><a href="http://www.edu.cn" ></a>
D、<a href="http://www.edu.cn" ><img src="myhome.jpg"></a>
我的答案:D
2【单选题】
在HTML中,( )不是链接的目标窗口属性。
A、self
B、blank
C、new
D、top
我的答案:C
3【单选题】
以下创建E-mail链接的方法,正确的是( )。
A、<a href="master@163.com" >管理员</a>
B、<a href="#master@163.com" >管理员</a>
C、<a href="callto:master@163.com" >管理员</a>
D、<a href="mailto:master@163.com" >管理员</a>
我的答案:D
4【单选题】
下列属性中,哪一项是用于设置鼠标悬停在图像上时的提示文字?( )。
A、title
B、alt
C、width
D、height
我的答案:A
5【单选题】
可以在网页中显示图片a.gif 的选项是( )。
A、<src=“a.gif”>
B、<img=“a.gif”>
C、<img src=“a.gif”>
D、<a.gif>
我的答案:C
6【多选题】
在网页中常见的图片格式有( )。
A、png
B、jpg
C、gif
D、psd
我的答案:ABC
7【判断题】
图像文件和html文件位于同一文件夹,相对地址为<img src="logo.gif" />
我的答案:√
8【判断题】
PNG格式常常用于Logo、小图标及其他色彩相对单一的图像。
我的答案:×
9【判断题】
相对于GIF,PNG最大的优势是体积更小,支持alpha透明(全透明,半透明,全不透明),并且颜色过渡更平滑,但PNG不支持动画。
我的答案:√
10【判断题】
绝对路径是相对本文档的目标文件位置的表示方法;一方面简洁,另一方面可避免站点移位造成找不到目标文件。
我的答案:×
1【单选题】
下列属性中,哪一项是用于设置鼠标悬停在图像上时的提示文字?
A、title
B、alt
C、width
D、height
我的答案:A
2【单选题】
在HTML中,( )不是链接的目标窗口属性。
A、self
B、new
C、blank
D、top
我的答案:B
3【单选题】
图像文件名为myhome.jpg,要访问目标网站为http://www.edu.cn,以下创建一个以图像为链源的超链接正确是()。
A、<a href="http://www.edu.cn" >myhome.jpg</a>
B、<a href="http://www.edu.cn" ><img src="myhome.jpg">
C、<img src="myhome.jpg"> <a href="http://www.edu.cn" ></a>
D、<a href="http://www.edu.cn" ><img src="myhome.jpg"></a>
我的答案:D
4【单选题】
以下创建E-mail链接的方法,正确的是( )。
A、<a href="master@163.com" >管理员</a>
B、<a href="#master@163.com" >管理员</a>
C、<a href="callto:master@163.com" >管理员</a>
D、<a href="mailto:master@163.com" >管理员</a>
我的答案:D
5【单选题】
创建一个位于文档内部位置的链接的代码是?( )
A、<a href="#NAME"></a>
B、<a name="NAME"></a>
C、<a href="mailtEMAIL"></a>
D、<a href="URL"></a>
我的答案:A
6【单选题】
HTML代码 <a name="NAME"></a> 表示? ( )
A、创建一个超链接
B、创建一个自动发送电子邮件的链接
C、创建一个位于文档内部的连接点
D、创建一个指向位于文档内部的连接点
我的答案:C
7【单选题】
下列哪一项是在新窗口中打开网页文档。( )
A、_self
B、_blank
C、_top
D、_parent
我的答案:B
8【单选题】
在网页中,必须使用( )标记来完成超级链接。( )
A、<a>…</a>
B、<p>…</p>
C、<link>…</link>
D、<li>…</li>
我的答案:A
9【单选题】
要将页面的当前位置定义成名为”vbpos”和锚,其定义方法正确的是( )。
A、<a href=:vbpos”></a>
B、<a href=”#vbpos”>vbpos</a>
C、<a name=vbpos>
D、<a name=”vbpos”></a>
我的答案:D
10【判断题】
超链接是一种标记,形象的说法就是单击网页中的这个标记则能够加载另一个网页,这个标记可以做在文本上也可以做在图像上。
我的答案:√
1【单选题】
在下列选项中,不属于Web前端开发任务的是( )。
A、页面布局
B、页面交互
C、通信协议
D、页面特效
我的答案:C
2【单选题】
定义表格的项目表头的HTML标签是( )。
A、<table>
B、<td>
C、<tr>
D、<th>
我的答案:D
3【单选题】
设置表格的边框为0的HTML 代码是( )。
A、<table cellspacing=0>
B、<table height=0>
C、<table boeder=0>
D、<table cellpadding=0>
我的答案:C
4【单选题】
<table rules=cols>,表示( )。
A、显示所有分隔线
B、只显示组(Groups)与组之间的分隔线
C、只显示行与行之间的分隔线
D、只显示列与列之间的分隔线
我的答案:D
5【单选题】
定义表格行的HTML标签是( )。
A、<table>
B、<td>
C、<th>
D、<tr>
我的答案:D
6【判断题】
在定义列表中,一对<dt></dt>标记只能一对<dd></dd>标记。
我的答案:×
7【判断题】
代码“<td rowspan="3">万柏林区</td>”表示的意思是将水平方向的三个单元格合并为一个单元格。
我的答案:×
8【判断题】
在定义列表中,一对<dt></dt>标记只能一对<dd></dd>标记。
我的答案:×
9【判断题】
<table frame=hsides>只显示一个边框。
我的答案:×
10【判断题】
代码“<td rowspan="3">海淀区</td>”表示的意思是将水平方向的三个单元格合并为一个单元格。
我的答案:×
页面元素和属性
1【单选题】
HTML5 的全局属性中"contenteditable" 用于( )。
A、规定元素的上下文菜单,该菜单会在用户点击右键点击元素时出现
B、规定元素内容是否是可编辑的
C、从服务器升级内容
D、返回内容在字符串中首次出现的位置
我的答案:B
2【单选题】
为了使得元素可拖动,可以把( )属性设置为ture。
A、draggable
B、contenteditable
C、editable
D、dropzone
我的答案:A
3【单选题】
若要以加粗微软雅黑、16号字显示“HTML课程”以下用法中,正确的是( )。
A、<b><font size=16>HTML课程</b></font>
B、<b><font face=”微软雅黑”size=16>HTML课程</font></b>
C、<b><font face=“微软雅黑”size=16>HTML课程</b></font>
D、<b><font face=“微软雅黑” fontsize=16>HTML课程</b></font>
我的答案:B
4【单选题】
下列标签中,哪一项是用于表示文档、页面或应用程序中独立的、完整的、可以独自被外部引用的内容?( )。
A、<article>
B、<header>
C、<footer>
D、<aside>
我的答案:A
5【单选题】
下面的HTML结构元素标签选项中,专门用于定义当前页面或当前文章的附属信息的是( )。
A、<header>标签
B、<footer>标签
C、<aside>标签
D、<article>标签
我的答案:C
6【多选题】
下列选项中属于HTML常用页面节点标签的是( )。
A、<section> 标签
B、<nav> 标签
C、<address> 标签
D、<title> 标签
我的答案:ABC
7【判断题】
HTML5的目标就是通过一些新标签、新功能为开发更加简单、独立、标准的通用Web应用提供标准。
我的答案:√
8【判断题】
< section >标签用于定义文章的节,一般用于成节的内容,会在文档流中开始一个新的节。
我的答案:√
9【判断题】
<menu>标签用于代表页面的一个部分,是一个可以作为页面导航的链接组。
我的答案:×
10【判断题】
<header>标签用于定义文章的页眉信息,其中包含多个标题(<h1>~<h6>)、导航部分(<nav>)或普通内容(<p>和<span>)等部分。
我的答案:√
1【单选题】
在HTML5中,下列用于展现页面中某个事物完成的进度的元素是( )。
A、details
B、meter
C、command
D、progress
我的答案:D
2【单选题】
下列一般用于投票系统中候选人各占比例情况及考试分数统计等的元素是( )。
A、< command >元素
B、< progress >元素
C、< meter >元素
D、<summary >元素
我的答案:C
3【单选题】
在< details >元素属性中,用于设置元素所对应的项目ID号的是( )。
A、open
B、subject
C、draggable
D、summary
我的答案:B
4【单选题】
下列< meter >元素属性中,哪一项是用于设置规定度量的优化值?( )。
A、optimum
B、value
C、max
D、low
我的答案:A
5【多选题】
下面的选项中,属于< command >元素属性的是( )。
A、checked属性
B、disabled属性
C、icon属性
D、radiogroup属性
我的答案:ABCD
6【多选题】
下列选项中属于HTML5为操作新增的交互体验元素有( )。
A、progress
B、meter
C、details
D、menu
我的答案:ABCD
7【判断题】
在一个容器中,< command >元素用于创建上下文、工具栏和弹出菜单。
我的答案:×
8【判断题】
< details >元素用于说明文档的详细信息。
我的答案:√
9【判断题】
< command >元素是HTML5新增的标记,用于定义各种类型的命令按钮。
我的答案:√
10【判断题】
< progress >元素属于状态交互元素,用来表示页面中的某个任务完成的进度。
我的答案:√
1【单选题】
以下哪个标记用来建立一个有序列表( )。
A、<ni>
B、<ul>
C、<ol>
D、<dl>
我的答案:C
2【单选题】
在HTML文本层次语义元素中,用于把文本定义为强调的内容的是( )。
A、<em>标签
B、<dfn>标签
C、<samp>标签
D、<code>标签
我的答案:A
3【单选题】
在HTML文本层次语义元素中,用于对参考文献的引用进行定义的是( )。
A、<strong>元素
B、<cite>元素
C、<var>元素
D、<mark>元素
我的答案:B
4【多选题】
下列哪些选项属于HTML5为了页面的排版需要而提供的语义分组元素?( )。
A、blockquote
B、figure
C、pre
D、height
我的答案:ABC
5【多选题】
在无序列表中经常设置type属性,下列属于type属性值的是( )。
A、disc
B、circle
C、pointer
D、square
我的答案:ABD
6【多选题】
关于定义无序列表的基本语法格式,以下描述正确的是( )。
A、<ul></ul>标记用于定义无序列表
B、<li></li>标记嵌套在<ul></ul>标记中,用于描述具体的列表项
C、每对<ul></ul>中至少应包含一对<li></li>
D、<li>不可以定义type属性,只能使用CSS样式属性代替
我的答案:ABC
7【判断题】
< cite >元素定义带有记号的文本,可以高亮显示文档中的文字以达到醒目的效果。
我的答案:×
8【判断题】
HTML文本层次语义元素<kbd>用于定义键盘文本,它表示文本是从键盘上键入的。
我的答案:√
9【判断题】
在定义列表中,一对<dt></dt>标记可以对应多对<dd></dd>标记。
我的答案:√
10【判断题】
在进行列表嵌套时,无序列表中只能嵌套无序列表。
我的答案:×
1【单选题】
HTML5 的全局属性中"contenteditable" 用于( )。
A、规定元素的上下文菜单,该菜单会在用户点击右键点击元素时出现
B、规定元素内容是否是可编辑的
C、从服务器升级内容
D、返回内容在字符串中首次出现的位置
我的答案:B
2【单选题】
在HTML5 中,spellcheck 是( )。
A、全局属性
B、HTML元素
C、事件属性
D、样式属性
我的答案:A
3【单选题】
为了使得元素可拖动,可以把( )属性设置为ture。
A、draggable
B、contenteditable
C、editable
D、dropzone
我的答案:A
4【多选题】
以下哪项属于html全局属性?( )
A、id
B、style
C、class
D、form
我的答案:ABC
5【判断题】
accesskey属于html全局属性。
我的答案:√
6【判断题】
contextmenu属于html全局属性。
我的答案:√
7【判断题】
translate属于html全局属性。
我的答案:√
8【判断题】
dropzone不属于html全局属性。
我的答案:×
9【判断题】
全局属性contextmenu规定元素的上下文菜单,上下文菜单在用户点击元素时显示。
我的答案:√
10【判断题】
全局属性spellcheck规定是否对元素进行拼写和语法检查。
我的答案:√