HTML基础测试⼀．单选题（共20⼩题，每题1.5分，共30分）
1、下⾯哪⼀个标签不能放在head标签内？（ C ）
A. title标签
B. style标签
C. body标签
D. script标签
2、如果⽹页中出现乱码，我们⼀般使⽤（ A ）来解决。
A. <meta charset="utf-8" />
B. <style type="text/css"></style>
C. <script></script>
D. <link type="text/css" rel="stylesheet" href="css/index.css">
3、下⾯选项中，属于HTML正确注释⽅式是（ C ）。
A. //注释内容
B. /*注释内容/
C. < !--注释内容-->
D.//注释内容//
4、选出你认为最合理的定义标题的⽅法是（ C ）。
A. <div>⽂章标题</div>
B. <p><b>⽂章标题</b></p>
C. <h1>⽂章标题</h1>
D.<strong>⽂章标题</strong>
5、如果想要实现粗体效果，我们可以使⽤（ A ）标签来实现。
A. <strong></strong>
B. <em></em>
C. D.
6、下⾯有关⾃闭合标签说法不正确的是（ B ）。
A. ⾃闭合标签只有开始符号没有结束符号
B. ⾃闭合标签可以在内部插⼊⽂本或图⽚
C. meta标签是⾃闭合标签
D. hr标签是⾃闭合标签
7、在浏览器默认情况下，下⾯有关块元素和⾏内元素说法不正确的是（ D ）。
A. 块元素独占⼀⾏
B. 块元素内部可以容纳块元素
C. 块元素内部可以容纳⾏内元素
D. ⾏内元素可以容纳块元素
8、下⾯标签中，哪⼀个不是块元素？（ A ）
A. strong
B. p
C. div
D. hr
9、在下⾯⼏种列表形式中，哪⼀种在HTML5中已经被废弃了。（ D ）
A. 有序列表ol
B.⽆序列表ul
C. 定义列表dl
D.⽬录列表dir
10、下⾯哪种列表我们在实际开发中是⽤得最多的？（ B ）
A. 有序列表ol
B.⽆序列表ul
C. 定义列表dl
D.⽬录列表dir
11、下⾯有关ul元素说法不正确的是（ D ）。
A. ul元素的⼦元素只能是li，不能是其他元素
B. ul元素内部的⽂本，只能在li元素内部添加，不能在li元素外部添加
C. 绝⼤多数列表都是使⽤ul元素来实现，⽽不是ol元素
D. 我们可以在ul元素中直接插⼊div元素
12、下⾯有关HTML语义化不正确的是（ A ）。
A. 对于⼤多数标签实现的效果，我们完全可以使⽤div和span来代替实现
B. 学习HTML⽬的在于：在需要的地⽅，⽤正确的标签
C. 语义化对于搜索引擎优化来说是⾮常重要的
D. 语义化⽬的在于提⾼可读性和可维护性
14、在img标签中，（ B ）属性的内容是提供给搜索引擎看的。
A. src
B.alt
C.title
D.class
15、下⾯说法，正确的是（ B ）。
A.当⿏标移到图⽚上时，就会显⽰img标签alt属性中的⽂字
B. src是img标签必不可少的属性，只有定义它之后图⽚才可以显⽰出来
C. 在实际开发中，我们常⽤的是绝对路径，很少⽤到相对路径
D. 如果想要显⽰⼀张动画图⽚，可以使⽤png格式来实现
23、下⾯说法中，正确的是（ C ）。
A. 现在已经是CSS3时代了，CSS2没必要再去学
B. ⼀般使⽤script标签来引⽤外部样式表
C. 在实际开发中，⼀般使⽤外部样式表的多
D. 内部样式表和⾏内样式表在实际开发中⼀点⽤处都没有
24、每⼀个样式声明之后，要⽤（ B ）表⽰⼀个声明的结束。
A. 逗号
B. 分号
C. 句号
D. 顿号
25、下⾯哪⼀项是CSS正确的语法结构？（ D ）
A. body:color=black
B. {body;color:black}
C. {body:color=black;}
D. body{color:black;}
26、下⾯有关id和class的说法中，正确的是（ D ）。
A. id是唯⼀的，不同页⾯中不允许出现相同的id
B. id就像你的名字，class就像你的⾝份证号
C. 同⼀个页⾯中，不允许出现两个相同的class
D. 可以为不同的元素设置相同的class来为他们定义相同的css样式
27、下⾯有关选择器的说法中，不正确的是（ A ）。
css 属性选择器A. 在class选择器中，我们只能对相同的元素定义相同的class属性
B. 后代选择器选择的不仅是⼦元素，还包括它的其他后代元素（如“孙元素”）
C. 组选择器可以对⼏个选择器进⾏相同的操作
D. 想要为某⼀个元素定义样式，我们可以使⽤不同的选择器来实现
28、CSS中可以使⽤（ C ）属性来定义字体粗细。
A. font-family
B. font-size
C. font-weight
D. font-style
⼆、判断题（每题1分，共13分）
1.在HTML中，若实现点击超链接时，弹出⼀个新的⽹页窗⼝，符合要求的写法是<a href="right.html" target="_blank">节⽬</a> （ T ）
2.由于某些字符在HTML中有特殊含义，因此需要在浏览器中显⽰这些字符，就必须在HTML中使⽤字符转译码。其中 表⽰空格 （ T ）
3.在HTML中，从本页⾯连接到页⾯中锚记是marker位置的代码是<a href="hello.htm" position="marker">Hello</a> （ F ）
4.<a href="index.html" target="_blank">⾸页</a>这段代码⽬标窗⼝在当前窗⼝中打开 （ F ）
5.将⼀个⽹页中所有的h1元素以及p元素的字体颜⾊设置为红⾊的CSS代码为h1, p {color:red;} （ T ）
6.使⽤外部样式表可以使⽹站更加简洁，风格保持统⼀，它的⽂件扩展名为 .cs （ F ）
7.外部样式表内容不需要使⽤<style>标签,⽽是使⽤<link>标签引⼊外部样式 （ T ）
8.在HTML中，通过a{text-decoration:none}可以实现⿏标悬停在超链接上时，为⽆下划线的效果 （ T ）
9.div标签是块级元素 （ T ）
10.下⾯选项中，可以设置页⾯中某个DIV标签相对页⾯⽔平居中的CSS样式是vertical-align:middle （ F ）
11.在HTML中，DIV默认样式下是不带滚动条的，若要使<div>标签出现滚动条，需要为该标签定义overflow:scroll样式 （ T ）
12.若某个标签⾥的内容超过标签的尺⼨，则超出的内容⾃动隐藏的CSS样式是visibility:hidden （ T ）
15.html内嵌框架的标签名是iframe （ T ）
17. 权重等级由⾼到低依次为!important > 内联样式 > ID选择器 > 类、伪类和属性选择器（ T ）
三、简答题（每题14分，共42分）
1、请默写HTML基本结构。
<!DOCTYPE html>
<html>
<meta charset=”utf-8”/>
<title>标题</title>
</head>
<body>
</body>
</html>
2、下⾯有⼀段代码，如果我们想要选中所有的div和p，请⽤⾄少2种不同的选择器⽅式来实现，并且选出最简单的⼀种。<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<div></div>
<p></p>
<p></p>
<strong></strong>
<span></span>
</body>
</html>
（1）使⽤元素选择器：
<style>
Div{
}
P{
}
</style>
（2）使⽤交集选择器：
Div,p{
}
3、为下⾯这段⽂字定义字体样式，要求字体类型指定多种、⼤⼩为14px、粗细为粗体、颜⾊为蓝⾊。
“有规划的⼈⽣叫蓝图，没规划的⼈⽣叫拼图。”
<!DOCTYPE html>
<html>
<head>
<title>标题</title>
<style>
P{
Font：微软雅⿊，arial;
Font-size:14px;
Font-weight:bold;
Font-color:blue;
}
</style>
</head>
<p>有规划的⼈⽣叫蓝图，没规划的⼈⽣叫拼图。</p>
</body>
</html>
四、论述题（每题15分，共15分）
1、请罗列出盒⼦模型的计算公式，盒⼦的宽度等于什么，盒⼦的⾼度等于什么？
答：盒⼦的宽度=width+左右两边边框+左右两边的内边距
盒⼦的⾼度=height+上下两边边框+上下两边的内边距

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。