这篇文章介绍了HTML和CSS的基础知识，包括选择器语法、超链接实现、表单元素、页面布局、颜色取值以及Bootstrap框架的使用。还讨论了JavaScript中的对象、事件处理和CSS的字体样式。内容涵盖了标签属性、类选择器的使用以及表单提交方式等重要概念。
单选题
1、
关于内嵌式CSS样式的语法格式中，下列选项正确的是（）
2分
-
A、A、选择器{k:v; k:v; k:v;}
-
B、B、选择器{k:v, k:v, k:v,}
-
C、C、选择器{k,v; k,v; k,v;}
-
D、D、选择器{k->v; k->v; k->v;}
参考答案 :
A
答案说明 :
内嵌式是将CSS代码集中写在HTML文档的<head>头部标记中，并且用<style>标记定义，其基本语法格式如下： <head> <style type="text/css"> 选择器 {属性1:属性值1; 属性2:属性值2; 属性3:属性值3;} </style> </head>
2、
下列HTML代码中，可以实现超链接的是（）。
2分
-
A、A、<a name=”bookmark”>text</a>
-
B、B、<a href=”#bookmark”>text</a>
-
C、C、<a link=”#bookmark”>text</a>
-
D、D、<a target=”#bookmark”>text</a>
参考答案 :
B
答案说明 :
无
3、
下列关于<body>标签，说法正确的是（）。
2分
-
A、A、一个HTML文档可以含有一对以上的<body>标签
-
B、B、<body>标签位于<html>标签外
-
C、C、<head>标签可以位于<html>标签外
-
D、D、浏览器中显示的所有文本、图像、音频和视频等信息都必须位于<body>标签内
参考答案 :
D
答案说明 :
一个HTML文档只能含有一对<body>标签；<body>标签必须在<html>标签内，位于<head>标签之后，与<head>标签是并列关系
4、
<a></a>标签中target属性可以指定页面的打开方式，下列关于target属性说法正确的是( )。
2分
-
A、A、target="_self"是在新窗口打开
-
B、B、target="_blank"为默认值，是在原窗口打开
-
C、C、target="_parent"是在父框架中打开被链接文件
-
D、D、target="_top"是在父框架中打开被链接文件
参考答案 :
C
答案说明 :
_self是默认值，在原窗口打开；_blank在新窗口打开；_top是在整个窗口中打开被链接文件。
5、
在HTML中，关于表单的描述错误的是（）。
2分
-
A、A、以<form>标签开始，以</form>结束
-
B、B、属性action是指表单提交的地址
-
C、C、属性method是指表单提交的方式
-
D、D、一个网页中只能有一个表单
参考答案 :
D
答案说明 :
可以有多个表单，例如同时含有<form>表单和<input>表单。
6、
下列标签属于换行标签的是（）。
2分
-
A、A、<br />
-
B、B、<p />
-
C、C、<span>
-
D、D、<form>
参考答案 :
A
答案说明 :
<p />是段落标签；<span />是行内标签；
7、
下面选项中，属于HTML的行内标签的是（）。
2分
-
A、A、 <span />
-
B、B、<a />
-
C、C、<br />
-
D、D、<p />
参考答案 :
A
答案说明 :
<span />：行内标签 <a />：超链接标签 <br />：换行标签 <p />：段落标签
8、
下列选项中，不是<img />标记属性的是（）。
2分
-
A、A、src
-
B、B、alt
-
C、C、width
-
D、D、href
参考答案 :
D
答案说明 :
ABC三项都是<img />标记的属性，只有D选项不是。
9、
下列选项中，不属于表单标记<form>常用属性的是（）。
2分
-
A、A、action
-
B、B、 size
-
C、C、method
-
D、D、name
参考答案 :
B
答案说明 :
<form>与</form>之间的表单控件是由用户自定义的，action、method和name为表单标记<form>的常用属性。
10、
阅读下面的代码： <html> <head> <title>选择器</title> <style type="text/css"> .red { color: red; } </style> </head> <body> <!--类选择器的使用--> <h1 class="red">标题一：class="red"，设置文字为红色。</h1> <p class="red font18"> 段落二: class="red font18",设置文字为红色，字号为18px。 </p> </body> </html> 下列选项中，对于上述代码中的类选择说法正确的是（）
2分
-
A、A、“标题一...”与“段落二...”的文本内容都不会显示红色
-
B、B、 类名“red”前的“.”（英文点号）可以省略
-
C、C、同一个类选择器可以被多个标签引用
-
D、D、同一个类选择器不可以被多个标签引用
参考答案 :
C
答案说明 :
对于A选项，两段文本内容都显示红色； 对于B选项，省略“red”前的“.”（英文点号）后，就不是类选择器了，而是标签选择器。 对于D选项，同一个类选择器是可以被多个标签引用的；
11、
关于JavaScript常用对象的说法，正确的是( )。
2分
-
A、A、使用window对象时，不能省略window对象的名称
-
B、B、Date对象提供了直接访问日期的属性
-
C、C、Date对象的getDay()方法返回值星期为1-7
-
D、D、String对象在创建对象实例后才能使用
参考答案 :
D
答案说明 :
A选项中：window对象在使用时是可以省略的；B选项中：Date对象没有提供直接访问日期的属性，只有获取和设置日期的方法；C选项中：返回值星期为0～6；
12、
关于HTML表单中input元素的TYPE属性值，用于创建重置按钮的是（）。
2分
-
A、A、reset
-
B、B、submit
-
C、C、button
-
D、D、image
参考答案 :
A
答案说明 :
reset:定义重置按钮 submit:定义提交按钮 button:定义可点击按钮 image：定义图像形式的提交按钮
13、
以下关于CSS样式中文本及字体属性的说法，错误的是( )。
2分
-
A、A、font-size用来设置文本字体的大小
-
B、B、text-align用来设置文本的对齐方式
-
C、C、font-type用来设置字体的类型
-
D、D、font-weight用来设置字体的粗细
参考答案 :
C
答案说明 :
无
14、
在HTML中，能够实现表格跨列的属性是（）。
2分
-
A、A、colspan属性
-
B、B、rowspan属性
-
C、C、spancol属性
-
D、D、spanrow属性
参考答案 :
A
答案说明 :
无
15、
在HTML的标签中，可以向网页中插入gif图像文件的是（）。
2分
-
A、A、<from />
-
B、B、<body />
-
C、C、<table />
-
D、D、<img />
参考答案 :
D
答案说明 :
<from />：用于定义表单域 <body />：定义文档的主体 <table />：用于定义一个表格 <img />：图像标签
16、
阅读下面CSS代码: .box { margin:10px 5px; margin-right:10px; margin-top:5px; } 下面选项中与该代码段效果等同的是( )。
2分
-
A、A、.box { margin:5px 10px 10px 5px; }
-
B、B、.box { margin:5px 10px 0px 0px; }
-
C、C、.box { margin:5px 10px; }
-
D、D、.box { margin:10px 5px 10px 5px; }
参考答案 :
A
答案说明 :
无
17、
关于<tr>标签的描述，下列说法正确的是（）。
2分
-
A、A、tr是表格中的单元格标签
-
B、B、tr可以单独使用
-
C、C、tr是表格中的行标签
-
D、D、tr没有属性
参考答案 :
C
答案说明 :
<tr>标签是表格中的行标签，不可以单独使用，可定义相应的属性值。
18、
下列关于CSS中颜色的取值方式，错误的是（）。
2分
-
A、A、预定义的颜色值
-
B、B、十六进制
-
C、C、二进制
-
D、D、RGB代码
参考答案 :
C
答案说明 :
在CSS中颜色的取值方式由3种，分别是预定义的颜色值、十六进制和RGB代码。
19、
下列设置CSS字体样式的代码中，正确的是（ ）。
2分
-
A、A、{ font-size: 24px;}
-
B、B、{ font: 24px;}
-
C、C、{ fontSize: 24px;}
-
D、D、{ size: 24px;}
参考答案 :
A
答案说明 :
无
20、
下列关于面包屑导航的说法中，正确的是( )。
2分
-
A、A、面包屑导航仅由文本和链接组成的一行代码构成，占用空间小
-
B、B、面包屑导航无法为导航层次自动添加分隔符
-
C、C、面包屑导航使用起来比较繁琐
-
D、D、面包屑导航无法使用户清晰地看到当前所处位置
参考答案 :
A
答案说明 :
对于C选项，面包屑导航可以帮助用户更快速的访问上级网页，无需借助浏览器的“返回”按钮和顶级导航栏，所以说用起来比较简单方便。
21、
在<div>标签中关于文本对齐方式，错误的是（ ）。
2分
-
A、A、居中对齐：<div align=”middle”>…</div>
-
B、B、居右对齐：<div align=”right”>…</div>
-
C、C、居左对齐：<div align=”left”>…</div>
-
D、D、两端对齐：<div align=”justify”>…</div>
参考答案 :
A
答案说明 :
在<div /> 标签中，设置居中的正确源代码是<div align="center">…</div>。
判断题
22、
在<input>标签中，设置form-control类名，可以对标签的样式进行优化。
2分
-
-
参考答案 :
对
答案说明 :
无
23、
调用事件处理程序主要分为在JavaScript中调用和在HTML中调用两种。
2分
-
-
参考答案 :
对
答案说明 :
无
24、
在<a>标签中，定义类名为page-link，表示页码标签。
2分
-
-
参考答案 :
对
答案说明 :
无
25、
对于JavaScript中的引号，只能使用单引号。
2分
-
-
参考答案 :
错
答案说明 :
JavaScript单引号和双引号都是可以使用的，推荐使用单引号。
26、
<button />中，添加text-nowrap类可以实现按钮文本非自动换行。
2分
-
-
参考答案 :
对
答案说明 :
默认情况下，按钮中的文本内容是自动换行的。
27、
当一个页面被加载时，<link />标签引用的CSS样式表将同时被加载，而@import引用的CSS样式表会等到页面全部下载完后才被加载。
2分
-
-
参考答案 :
对
答案说明 :
内嵌式引入CSS只对其所在的HTML页面有效，网站有多个页面，采用内嵌式不能充分发挥CSS代码的重用。
28、
每一对<ol></ol>标签中可以不包含<li></li>标签。
2分
-
-
参考答案 :
错
答案说明 :
<li></li>标签代表的是具体的列表项，在<ol></ol>标签中应该至少包含一对列表项。
29、
Bootstrap框架常用于开发响应式布局和移动设备优先的Web项目。
2分
-
-
参考答案 :
对
答案说明 :
无
30、
在Bootstrap目录的基本结构中，bootstrap.min.*一类的文件代表的是已经过压缩的文件。
2分
-
-
参考答案 :
对
答案说明 :
无
31、
<form>标签的action属性用于指定表单提交的地址，该属性的值只能是绝对地址。
2分
-
-
参考答案 :
错
答案说明 :
<form>标签的action属性的值可以是绝对地址（如www.baidu.com），也可以是相对地址（如login.html）。
32、
HTML DOM模型可以看作是一个树形结构，树的根节点是Element对象。
2分
-
-
参考答案 :
错
答案说明 :
Element对象是文档根元素，而跟节点是Document对象。
33、
HTML主要作用是通过HTML标签对网页中的文本、图片、声音等内容进行描述。
2分
-
-
参考答案 :
对
答案说明 :
无
34、
在实现按钮时，如果按钮中的文本内容超出了按钮的宽度，默认情况下，按钮中的内容会自动换行排列，如果不希望按钮文本换行，可以在按钮中添加text-nowrap类。
2分
-
-
参考答案 :
对
答案说明 :
无
35、
在单标签中，标签名与“/”之间的一个空格间隔是不可以省略的。
2分
-
-
参考答案 :
错
答案说明 :
对于单标签而言，在标签名与“/”之间有一个空格，虽然在显示效果上有无空格都一样，但是按照规范的要求，建议加上空格。
36、
CSS的margin和padding属性最多可以指定4个属性值，各属性值以空格分隔。
2分
-
-
参考答案 :
对
答案说明 :
无
37、
link标签不给予属性也可以外链css文件，并且有效果。
2分
-
-
参考答案 :
错
答案说明 :
通过<link />标签可以将外部样式表文件链接到HTML文件中。 <link />标签需要放在<head>头部标签中，并且必须指定<link />标签的三个属性，具体如下： href：定义所链接外部样式表文件的地址，可以是相对路径，也可以是绝对路径。 type：定义所链接文档的类型，这里需要指定为“text/css”，表示链接的外部文件为CSS。 rel：定义当前文档与被链接文档之间的关系，这里需要指定为“stylesheet”，表示被链接的文档是一个样式表文件。
38、
阅读下面代码： <ul class="list-group"> <li class="list-group-item active">列表1</li> <li class="list-group-item">列表2</li> <li class="list-group-item">列表3</li> </ul> 上面这段代码表示第一个列表（列表1）处于选中状态。
2分
-
-
参考答案 :
对
答案说明 :
<li>标签中设置active类名，表示该列表处于选中状态。
39、
链入式是使用频率最高，也最实用的CSS样式表，它将HTML代码与CSS代码分离为两个或多个文件，实现了结构和表现的完全分离。
2分
-
-
参考答案 :
对
答案说明 :
无
40、
<input />标签可以通过type属性来指定不同的控件类型
2分
-
-
参考答案 :
对
答案说明 :
<input />标签可以通过type属性来指定不同的控件类型，例如按钮、文本框等；<button> 标签用于定义一个按钮。
41、
通过对<tr>标记应用属性，可以对表格中的某一个单元格进行控制。
2分
-
-
参考答案 :
错
答案说明 :
<tr></tr>用于定义表格中的行，必须嵌套在<table></table>标签中，<td></td>用于定义表格中的单元格，也可称为表格中的列，必须嵌套在<tr></tr>标签中。
填空题
42、
在<a>标签中，可以设置aria-label的属性值为，表示下一页。
2分
参考答案 :
【Next】
答案说明 :
无
43、
通常将HTML标签分为三大类，分别是单标签、和注释标签。
2分
参考答案 :
【双标签】
答案说明 :
无
44、
超文本标记语言简称
2分
参考答案 :
【HTML】
答案说明 :
无
45、
Bootstrap官网提供了3种下载方式，分别是下载预编译的文件、下载源文件进行手动编译和使用引入。
2分
参考答案 :
【CDN】
答案说明 :
无
46、
CSS样式包括内联式、内嵌式、外链式和。
2分
参考答案 :
【导入式】
答案说明 :
无
47、
Bootstrap中，可以展示当前页在导航层次结构中的位置的是。
2分
参考答案 :
【面包屑导航】
答案说明 :
无
48、
浏览器对象模型中，核心对象是对象。 （注意：单词首字母小写）
2分
参考答案 :
【window】
答案说明 :
无
49、
CSS中文译为，是用于（增强）控制网页样式并允许将样式信息与网页内容分离的一种标签性语言。
2分
参考答案 :
【层叠样式表】
答案说明 :
无
50、
W3C中将DOM标准分为3部分，分别是、XML DOM和HTML DOM。
2分
参考答案 :
【DOM】
答案说明 :
无
51、
HTML中，列表通常分为3类，分别是无序列表、和定义列表。
2分
参考答案 :
【有序列表】
答案说明 :
无
52、
<a>标签的属性用于指定链接指向的页面的URL。
2分
参考答案 :
【href】
答案说明 :
无
53、
表单主要由3部分构成，分别是表单控件、提示信息和。
2分
参考答案 :
【表单域】
答案说明 :
表单主要由3个部分构成，分别为表单控件、提示信息和表单域。这3个部分的详细介绍如下所示。 表单控件：包含具体的表单功能项，如单行文本输入框、密码输入框、复选框、提交按钮等。 提示信息：一个表单中通常还需要包含一些说明性的文字即表单控件前的说明文字，用于提示用户进行填写和操作。 表单域：它相当于一个容器，用来容纳所有的表单控件和提示信息。
5272
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
