2022-2023上学期HTML期末复习题库

HTML1~2部分

单选题改编为填空

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
1. 标签中用于设置页面标题的是**<u>title</u>**。

2. 产生超链接的标签是
   <a href="xxx.xxx.xxx"></a>

3. 属于HTML5标准的新特性的有**WebGL、canvas、Geo Location**。

4. 换行符标签**<u>br</u>**。

5. 标签使用<u>**action**</u>属性指明表单数据要发送到的页面或API URL

6. 用于标记HTML文档的开始和结束的HTML结构标记为
   <html></html>

7. 在使用<form>表单上传文件时，它的enctype属性必须设置**<u>multipart/form-data</u>**.

8. 经常被当做“容器”来放置其他元素的标签是**<u>div</u>**.

9. 在指定单选框时，只有将**<u>name</u>**属性的值指定为相同，才能使选项成为一组。

10. 在<input>标签中将type属性设置**<u>radio</u>**即可定义单选按钮.

11. 在HTML5页面中插入半角的大于号">",应使用的标记符应该是**<u>></u>**.

12. 如果要在表单里创建一个单行文本输入框
    <input type="text"/>

13. 有关列表的说法正确的：**<u>定嵌套列表时，也可以具体指定项目符号或编号样式；有序列表和无序列表可以互相嵌套；无序列表应使用ul和li标签进行创建。</u>**

14. HTML5页面的DTD定义是
    <!DOCTYPE html>


15. 用来实现超链接的元素标签**<u>a</u>**.

16. 页面中有段文字”taobao“,需要使用超链接链接到淘宝网站首页，它的HTML写法为  
    <a href="http://www.taobao.com">taobao</a>;<a
    href="https://www.taobao.com">taobao</a>


17. 图像标签<img>使用 **<u>src</u>** 属性定义要显示的图片路径。

18. 在页面中常常会用到一些包含特殊字符的文本，可以使用特殊字符标记表示，其中空格“"对应的特殊字符标记是 **<u>&4</u>**.

19. 在HTML中经常使用 **<u><table>;table</u>** 标签实现表格。

20. 表单<form>标签使用 **<u>action</u>** 属性指明表单数据要发送到的页面或API URL.

21. 在<input>标签中，指定控件的类型的属性为  **<u>type</u>**.

22. 下拉框<select>标签中使用 **<u>option;<option></u>** 标签定义列表中要显示的文字。

23. <input>标签使用 **<u>placeholder</u>** 属性为输入框提供相关提示信息，它在输入信息为空时以灰色显示出来，而输入框获得焦点时自

    动消失.

24. HTML中的的注释格式为 **<u><!--注释语句--></u>** 。

25. 使用input标签实现密码输入框，**<u><input type="password"/></u>**写出该语句  。

26. 表单<form>标签使用method属性用于规定如何发送表单的数据，分为 **<u>post</u>**  和 **<u>get</u>** 两种方式。

27. HTML中提供了6个等级的标题<h1>~<h6>,标题文字最大的是 **<u>h1</u>**  。

28. <input>标签使用 **<u>required</u>** 属性在form表单提交数据前，规定必须填入数据，如果未输入，则有错误信息提示。

29. 用于定义HTML文档的标题要使用标签 **<u><title>;title</u>** 。

判断题

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
1. 在使用<form>表单提交数据时，需要提交数据的<input>或<select>标签必须有name属性（对）

2. HTML5还未成熟，到现在都没有制定相应的标准。（错）

3. 使用<img>标签显示的图片在网页上可以直接使用鼠标复制（对）

4. HTML语言中可以使用form标签定义表单（对）

5. HTML的<table>表格标签在默认情况下有边框。（错）

6. 使用a标签链接到Baidu 网站的代码为： (错)
   使用a标签链接到Baidu 网站的代码为： <a href="www.baidu.com">Baidu</a>

7. HTML5能独立于各种操作系统平台，是一种跨平台的技术。（对）

8. input标签中的required属性可以用于在表单提交数据时不能为空。（对）

9. div默认的宽度是由其里面的内容决定的。（错）

10. 上传文件时，表单form 的enctype属性设置为multipart/form-data 。（对）

11. <img>标签使用src定义图片路径时，只能使用绝对路径。（错）

12. 在<input>标签中将type属性设置为check即可定义单选按钮。（错）

13. HTML书写错误时，浏览器会弹出报错信息。（错）

14. html文件的扩展名为js。（错）

15. 所有的HTML标签都有开始标签和结束标签。（错）

16. div标签默认没有宽度，宽度会随着内容自动适应，高度会自动设置为父容器的高度 （错）

17. div标签默认没有高度，高度会随着内容自动适应，宽度会自动设置为父容器的宽度。（对）

CSS1~2部分

单选题改编为填空

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
1. 用于给页面所有h1标签添加背景色的是**<u>h1(background-color:" red”;}</u>**.

2. CSS属性设置可以设置HTML元素的内填充左、上、右、下分别是10px、20px、30px、40px: **<u>padding:20px 30px 4Opx 1Opx</u>**.

3. 页面上的div标签设计和为它设计的样式如下，这个div的背景色是：red
   <style>
   div{
   width:100px;
   height:  100px;
   background-color:   yellow;
   }
   #div1{
   background-color:   blue;
   }
   .fordiv{
   background-color:   green;
   </style>
   <div          style="background-color:red;"id="div1"class="fordiv"></div>

4. 要实现HTML元素绕Y轴旋转，可以使用CSS变换中的方法**<u>rotateY()</u>**.

5. a:hover表示超链接在鼠标**<u>悬停</u>**的状态.

6. 在Webkit核心的浏览器中，设置transform属性需要添加私有前缀**<u>-webkit-</u>**.

7. 定义HTML文档的背景图的CSS属性为**<u>background-image</u>**.

8. 在css中，应该使用下列哪个CSS3属性实现渐变或过渡效果**<u>transition</u>**.

9. 定义文本字体的CSS属性为**<u>font-family</u>**.

10. 在CSS中可以通过**<u>float</u>**属性实现元素的浮动。

11. ID选择器\#**<u>leftDiv</u>**

12. 设定元素的position属性为下列哪个属性值后，元素上下左右偏移属性可用**<u>relative、absolute、fixed</u>**。

13. css 中，语句div (background-color:#FFFFFF}对页面中对**<u>全部div起作用。</u>**

14. CSS指的是**<u>Cascading Style Sheets</u>**。

15. 把一个div设为弹性盒子，display的属性值应为**<u>flex</u>**

16. 在移动页面适配中，经常使用rem布局，其中rem是指**<u>html</u>**标签元素的字体大小。

17. 在CSS 中，为页面的某个div设置样式.mydiv{width:200px;padding:020px;border:5px;},则该标签的实际宽度为**<u>240px</u>**。

18. CSS的id选择器要在定义的前面使用符号**<u>#</u>**。

19. CSS的class选择器要在定义的前面使用符号 **<u>.</u>**。

20. TML标签元素的相对定位是相对于**<u>自己</u>**实现定位的。

21. 向左浮动可以使用CSS属性 **<u>float.left;; float:left</u>**

22. 元素两边都不允许有浮动应该书写CSS属性 为 **<u>dlear:both;;dear:both</u>**。

23. 为HTML标签元素设置边框圆角需要使用CSS属性  **<u>border-radius</u>**。

24. 使用网络字体Web Font应该使用CSS规则  **<u>@font-face</u>**

25. CSS的中文全称为**<u>层叠样式表</u>**

26. 在CSS中要隐藏元素，可以使用语句**<u>displaysnone;;visiblty:hidden; display:none</u>**

27. 定义动画效果应使用CSS3规则 **<u>@keyframes</u>**

判断题

1
2
3
4
5
6
7
8
9
10
11
12
1. 相对定位会中，HTML标签元素原来所占有的空间会被保留。（对）
2. 内填充和外边距的值不能为负值。（错）
3. div是行内元素，span是块级元素。（错）
4. z-index可用于设置HTML元素的重叠定位顺序，值越大的越在上面。（错）
5. 渡属性transition不能设置动画逆向。（对）
6. 父级元素的position属性可以被子元素继承。（错）
7. 为了实现各大浏览器的兼容性，很多css属性在使用时需要添加前缀，为了实现对chrome浏览器的支持，需要添加下 列前缀-ms-（错）
8. 通过CSS3转换，我们能够对元素进行移动、缩放、转动、拉长或拉伸，转换使用transition属性来实现.（错）
9. 用于设置元素文字颜色的css属性是color.（对）
10. 在CSS中可以通过position属性实现元素的浮动（错）
11. 为了实现各大浏览器的兼容性，很多CSS3属性在使用时需要添加前缀.（对）
12. )在flex弹性布局中， align-content用于单行元素， align-items用于多行元素（错）

简答题

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
1.什么是Box Model,请画出示意图并解释。
所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。CSS盒模型 本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。盒模型允许我们 在其它元素和周围元素边框之间的空间放置元素。

1.Margin(外边距)-清除边框外的区域，外边距是透明的。
2.Border(边框)-围绕在内边距和内容外的边框。
3.Padding(内边距)-清除内容周围的区域，内边距是透明的。
4.Content(内容)-盒子的内容，显示文本和图像。
所以一个盒子实际所占有的宽度(或高度)是由“内容+内边距+边框+外边距”组成的。

2.解释在HTML5开发中，head标签中下面这行代码中content属性各参数的含义：
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,user-
scalable=no*/>

正确答案：
width:设置内容的宽度为设备宽度
initial-scale:初始放大比例为1
maximum-scale:最大缩放比例为1
minimum-scale:最小缩放比例为1
user-scalable:不允许用户进行缩放

3. 实现响应式布局的手段有哪些?
正确答案：
1.使用viewport 2.不使用绝对宽度，使用百分比3.使用相对在小rem布局4.使用@media规则5.使用类似 于BootStrap 的框架6.使用flex弹性布局

JS部分

单选题改编为填空

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
1. 我们可以在哪个HTML标签中放置JavaScript代码?
script

2.如何编写当i等于5时执行一些语句的条件语句
if(i==5)

3.如何把7.25四舍五入为最接近的整数?
Math.round(7.25)

4.()是JavaScript支持的注释字符
//

5.如何在警告框中写入"Hello World"?
alert("Hello World")

6.执行语句var color="red”;color=true; color=25;后， color的值为()
25

7.JavaScript语句如下： var myArray =[1,2,3];myArray[8]=4;alert(myArray.length);,输出的结果为()
9

8.JavaScript中定义函数如下：function test(a,b)(…},则下面的函数调用中哪个是正确的?
test(2,3);test(2);test();

9.JavaScript中，根据CSS选择器在DOM树查找节点的方法是
querySelector

10.JavaScript中，根据标签的id属性在DOM树查找节点，是使用document对象的方法
getElementByld

11.对于手指在触摸屏上移动，应该监听HTML节点对象的()事件。
ontouchmove

12.创建子节点应该采用方法(),再一次性附加到父节点。
createDocumentFragment

判断题

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
1.JavaScript的数组是定长的。(错)

2.JavaScript的函数function调用时参数个数必须匹配。（错）

3.JavaScript中使用break语句跳过本次循环。（错）

4.有数组var myArray=[1,3,5];myArraypush(6);后， myArray=[6,1,3,5]。（错）

5.JavaScript如果有语法错误，IDE和浏览器都会自动提示。（错）

6.isNaN函数的作用是判断变量的值是否为数值，结果为true是数值。（错）

7.JavaScript不是跨平台的语言，除了浏览器内核，还与操作系统有关（错）

8.编写JavaScript语句，不用区分大小写。（错）

9. JavaScript的函数与Java的方法不同，function后面不需要定义返回值类型，参数也不需要定义数据类型。（对）

10.DOM是文档对象模型(Document Object Model),是基于浏览器编程的一套API接口。（对）

11.document.querySelector会返回所有匹配CSS选择器的节点对象集合。（错）

12.使用style对象不能读取HTML元素对象style属性中定义的样式。（错）

13.为提高效率，查找固定的HTML元素节点对象最好不要放在循环中。（对）

14.为HTML元素增加自定义data-属性，浏览器会报错。（错）

15.JavaScript中使用单引号"表示字符，使用双引号""表示字符串。（错）