HTML CSS JavaScript网页制作案例教程（AI助学）（第3版）习题 第1-9章

本章习题

一、填空题

1.网页的行为标准包括ECMAScript、、BOM。

2.是由HTTP加上TLS/SSL协议构建的可进行加密传输、身份认证的网络

协议。

3.是一种用于创建网页的标记语言。

4.是一种用于检索、传递以及展示WWW信息资源的应用程序。

二、判断题

1.动态网页显示的内容会随着用户操作和时间的不同而变化。（）

2.BOM用于对页面中的各种元素进行操作。（）

3.XHTML的设计目的是实现HTML向XML的过渡。（）

4.URL只能是Internet上的站点。（）

5.Web标准中的表现是指网页展示给访问者的外在样式。（）

三、选择题

1.下列选项中，关于网页组成的说法错误的是（）。

A.静态网页更容易进行更新

B.动态网页可以与服务器数据库进行实时的数据交换

C.网页可以分为静态网页和动态网页

D.静态网页访问的速度快

2.下列选项中，关于网页相关名词的说法错误的是（）。

A.通过URL可以访问互联网上的文件

B.HTTP传输的数据都是加密的

C.网上聊天和网上购物都是基于WWW服务

D.Web是一系列技术的复合总称

3.下列选项中，关于开发网页技术的说法正确的是（）。

A.HTML不支持使用属性来定义标签的特性却行为

B.CSS用于开发交互式网页

C.CSS只能对页面中的文本内容进行设置

D.HTML5增强了表单功能

4.下列选项中，关于浏览器的说法错误的是（）。

A.浏览器分为PC端浏览器和移动端浏览器

B.Firefox浏览器是一个自由并开源的网页浏览器

C.Edge浏览器只支持Windows操作系统

D.Chrome浏览器支持PC端和移动端

四、简答题

1.请简述HTML5的优势。

2.请简述Chrome浏览器的主要优势。

1.1本章习题

一、填空题

1.网页的根标签是主体标签是,文档标题标签是______o

2.HTML中的标签种类分为、和o

3.网页中的路径分为和o

二、判断题

1.vbody>标签和〈卜0@€1>标签是并列关系。（）

2.<head>标签内部可以包含其他标签。（）

3.vp>标签能使文本依据浏览器窗口大小自动换行。（）

4.一个标签只能设置一个属性。（）

5.相对路径就是相对于当前文件的路径。（）

三、选择题

1.下列标签中，用于定义HTML文档所要显示内容的标签是（）。

A.<head>B.<body>C.<html>D.<title>

2.下列选项中，属于单标签的有（）。（多选）

A.<hr>B.<p>C.<h2>D.<br>

3.下列标签中，用于设置文本下划线的是（）。

1.A.vb>和〈strong〉

2.B.vu>和vins>

3.和vcm>

4.D.vdel>和

4.关于图片格式的描述，下列说法错误的是（）。

5.A.网页中小图片或网页基本元素储存时一般选择GIF或PNG格式

6.B.网页中半透明图像储存时一般选择GIF或PNG格式

7.C网页中类似照片的图像储存时一般选择JPEG格式

8.D.网页目前尚不支持使用WebP格式

5.下列选项中，属于网页上常用图像格式的有（）。（多选）

9.A.GIF格式B.PSD格式C.PNG格式

D.JPG格式

6.下列选项中，可以调整图像宽度的属性是（）。

10.A.vspaceB.titleC.alt

D.width

四、简答题

1.请简述＜img＞标签相对路径的设置方法。

2.请简述vmeta＞标签的作用。

1.2本章习题

一、填空题

4.常见的CSS代码书写方式有、和o

5.CSS基础选择器有、、和4种。

6.text-overflow属性的作用是_______。

二、判断题

6.CSS样式规则是由选择器、大括号和声明构成。（）

7.标签选择器用于通过标签名指定样式。（）

8.CSS的层叠性是指多种CSS样式的叠加。（）

9.外边距属性具有继承性.（）

10.权重相同时，CSS优先级遵循就近原则。（）

三、选择题

7.关于CSS样式规则格式的描述，下列说法正确的有（）。（多选）

A.大括号内部只能是一条声明

B.大括号内的每条声明由属性和属性值组成

C.大括号内的声明以“键值对”的形式出现

D.属性和属性值之间用英文分号进行分隔

8.关于行内式的描述，下列说法正确的是（）。

A.行内式是通过标签的style属性来设置样式

B.行内式的代码可复用性强

C.行内式可以将结构和样式完全分离

D.行内式的代码要写在vstyle>标签中

9.下列选项中，用于设置字体样式属性的有（）。（多选）

A.font-sizeB.font-styleC.font-weightD.fbnt-family

10.下列选项中，用于设置首行文本缩进的属性是（）。

A.text-overflowB.white-spaceC.text-shadowD.text-indent

H.下列选项中，关于选择器优先级的说法正确的是（）。

A.id选择器>类选择器>标签选择器

B.标签选择器>id选择器>类选择器

C.类选择器>id选择器>标签选择器

D.类选择器>标签选择器>id选择器

四、简答题

1.请简述什么是结构与表现相分离。

2.请简述类选择器和后代选择器的差异。

1.3本章习题

一、填空题

7.盒子模型包括元素的内容、宽度、、内边距、边框和

8.在CSS中，padding属性用于设置_____<>

9.width和height的属性值可以是相对于的百分比数值。

10.HTML元素类型，一般分为和行内元素。

11.opacity的属性值是一个介于0.0（完全透明）和之间的数字。

二、判断题

11.vdiv>标签是一个块标签，可以实现网页的规划和布局。（）

12.在CSS中，bordei"属性是一个复合属性。（）

13.内边距出现在盒子模型内容区域的周围。（）

14.display属性可以对元素的类型进行转换。（）

15.在CSS3中，一个元素只能设置一个背景图像。（）

三、选择题

12.下列选项中，属于盒子模型基本属性的有（）。（多选）

A.内边距B.外边距C.边框D.宽度和高度

13.下列选项中，关于"padding:20Px30px10px;”说法正确的有（）。

（多选）

A.该元素上下方向的内边距均为20px

B.该元素的上内边距为20px

C.该元素左右内边距为30px

D.该元素下内边距为10px

14.下列选项中，用于改变盒子模型外边距的是（）。

A.marginB.paddingC.typeD.border

15.下列选项中，关于盒子模型中的宽度属性说法正确的是（）。

A.盒子模型中的宽度属性适用于所有元素

B.盒子模型中的宽度属性仅适用于行内元素

C.盒子模型中的宽度属性仅适用于块级元素

D.以上说法都正确

16.下列关于background-repeat属性值的描述中，正确的有（）。（多

选）

A.repeat表示沿水平和垂直两个方向平铺

B.no-repeat表示背景图像不平铺

C.repeat-x表示背景图像只沿水平方向平铺

D.repeat-y表示背景图像只沿垂直方向平铺

17.下列选项中，关于＜span＞标签的描述说法正确的是（）。（多选）

A.vdiv,标签可以内嵌vspan＞标签

B.v§pan＞标签不能嵌套vdiv＞标签

C.vspan＞标签常用于定义网页中某些特殊显示的文本，配合class属性使用

D.vspan＞标签本身没有样式，只有设置样式时，才会产生视觉上的变化

18.下列选项中，可以设置颜色不透明度的是（）。（多选）

A.rgba模式B.opacity属性C.rgb模式D.CMYK

19.下列选项中，用于设置圆角边框的属性是（）。

A.border-styleB.border-heightC.border-radiusD.border-

color

20.下列选项中，属于渐变属性可设置的渐变有（）。（多选）

A.径向渐变B.菱形渐变C,重复渐变D.线性渐变

四、简答题

1.请简述重复线性渐变的基本语法格式，并解释说明。

2.请简要描述background-position属性的取值。

1.4本章习题

一、填空题

12.网页中的列表通常分为三类，分别是、有序列表vol＞和定义列表

＜dl＞o

13.在列表样式属性中，用来为列表项设置项目图像的属性是o

14.属性用于控制列表项目符号的位置。

15.当＜a＞标签的target属性值为时，表示在新窗口打开页面。

16.＜a＞标签的伪类用于设置超链接访问后的样式。

二、判断题

16.在HTML中，＜ul〉标签用于定义有序列表。（）

17.使用list-style-type属性可以控制列表的项目符号。（）

18.为＜a＞标签设置“display:block；”样式可以将其变为块级元素。（）

19.va＞标签的href属性用于指定链接页面的打开方式。（）

20.锚点链接常用于内容较多，页面过长的网页。（）

21.使用链接伪类时,通常按照a:用k、a:visiteda:hovei•和a:active的顺序书写。

（）

三、选择题

21.下列选项中，关于无序列表的描述说法正确的有（）。（多选）

A.无序列表的各个列表项之间没有级别之分

B.无序列表使用标签定义

C.无序列表使用＜ol＞标签定义

D.无序列表使用<dl>标签定义

22.下列选项中，属于定义列表标签的是（）。

A.<dl>B.<li>C.<td>D.<dd>

23.下列选项中，属于list-style-position属性值的是（）。（多选）

A.sideB.insideC.outsideD.0

24.下列选项中，属于<a>标签的target属性值的是（）。

A..doubleB._selfC._newD._blank

25.下列选项中，关于链接伪类的描述正确的有（）。（多选）

A.a:link用于设置超链接的默认样式

B.a:visited用于设置超链接访问之后的样式

C.a:hover用于设置鼠标指针悬停时超链接的样式

D.a:active用于设置单击时超链接的样式

四、简答题

1.请简述如何实现列表嵌套，并使用代码举例。

2.请简述使用背景图像定义列表项目符号的优势。

1.5本章习题

一、填空题

17.在HTML中，标签用于定义表格中的表头单元格。

18.标签用于定义表格的底部。

19.<input>标签的属性用于指定不同的控件类型。

20.<textarea>标签的rows属性用于定义多行文本输入框中显示的。

二、判断题

22.<table>标签的align属性用于设置同一行中内容的水平对齐方式。（）

23.一个〈table,标签中只能允许有一个<th>标签。（）

24.在定义单选按钮时，必须为同一组单选按钮指定相同的name值，这样才能实现

单选效果。（）

25.在定义下拉列表时，<optgroup>标签必须嵌套在〈select,标签中。（）

26.vform>标签的action属性用于设置表单数据的提交方式。（）

三、选择题

26.下列选项中，创建表格的基本标签是（）。

A.<table>B.<input>C.<form>D.<titlc>

27.下列选项中，用来设置单元格跨越的列数的是（）。

A.widthB.bgcolorC.rowspanD.colspan

28.下列选项中，关于控制单元格边距说法正确的是（）。（多选）

A.<tr>标签应用padding属性无效

B.<td>标签应用margin属性无效

C.vtablc>标签应用cellspacing属性可以设置相邻单元格边框之间的距离

D.标签无height属性

29.下列选项中，属于input控件的有（）。（多选）

A.单行文本输入框B.单选按钮C.复选框D.提交按钮

30.下列选项中，属于〈option〉标签属性的有（）。（多选）

A.sizeB.multipleC.selectedD.value

四、简答题

1.请简述<table>标签的常用属性有哪些。

2.请简述表单的组成部分，并对每个部分进行说明。

1.6本章习题

一、填空题

21.在DIV+CSS技术中，负责内容区域的分配，负责样式效果

的呈现。

22.float属性值用于设置元素右浮动。

23.使用属性可以清除浮动。

24.使用属性可以规定溢出内容的显示方式。

25.使用属性可以定义元素的定位模式。

二、判断题

27.使用“float:left;”设置元素左浮动后，该元素依然占用标准文档流中的位置。

（）

28.当overflow属性值为scroll时，无论内容是否溢出，浏览器都会始终显示滚动

条。（）

29.在静态定位模式下，可以通过边偏移属性（top、bottomlefl^right）来改变元

素的位置。（）

30.固定定位是以浏览器窗口为参照物来定位，不随滚动条滚动而移动。（）

31.当对多个标签同时设置定位模式时，定位标签不会出现重叠的情况。（）

三、选择题

31.下列选项中，不属于网页布局主要目标的是（）。

A.使页面条理清晰B.使页面美观易读

C.使网页内容默认从上到下排列D.对网页中的模块进行合理排布

32.关于float属性的描述，下列说法错误的是（）。

A.left用于设置元素左浮动B.right用于设置元素右浮动

C.none是默认值，元素不浮动D.center用于设置元素居中浮动

33.下列关于相对定位的说法中，正确的是（）。

A.元素脱离标准文档流，不保留原位置

B.元素相对于浏览器窗口进行定位

C.元素相对于自身在标准文档流中的位置进行定位，且保留原位置

D.元素相对于最近的已定位父元素进行定位

34.下列关于z-index属性的说法中，正确的是（）。

A.元素的浮动问题B.元素的溢出问题

C.定位标签的重叠顺序问题D.元素的显示与隐藏问题

35.下列clear属性值中，用于只清除左侧浮动对当前元素影响的是

（）O

A.noneB.leftC.rightD.both

36.关于网页模块命名规范，下列说法错误的是（）。

A.避免使用中文字符命名

B.不能占用关键字

C.可以用数字开头命名

D.用最少的字母表达最容易理解的意义

四、简答题

3.请简述什么是网页布局中的版心，通常如何处理其在浏览器中的显示

位置。

4.请简述相对定位和绝对定位的区别。

1.7本章习题

一、填空题

1.在＜video＞标签的语法格式中，属性用于设置视频文件的路径。

2.标签用于为页面添加音频。

3.在网页中插入音频时，属性可以让音频具有循环播放功能。

4.为网页添加过渡效果时，属性用于定义过渡效果持续的时间。

5.在网页中，使用属性可以为＜video＞标签设置高度。

二、判断题

1.在不同的浏览器上运用〈audio〉标签时，浏览器显示音频界面样式相同。（）

2.iransition-timing-function属性用于指定过渡效果的速度曲线。（）

3.transition-property属性用于指定应用过渡效果的HTML标签的名称。（）

4.在网页中，为视频定义宽度和高度会导致页面混乱。（）

5.transition-delay属性的属性值只能为正整数。（）

6.transform属性可以实现网页中元素的动画效果。（）

7.perspeclive属性的透视效应由属性值决定，属性值越大，透视效果越突出。（）

8.animation-duration属性用于定义整个动画效果完成所需要的时间。（）

9.animation-delay属性用于定义动画延迟的时间。（）

10.在网页中，使用animat沁n属性时必须指定animation-name值和animation-duration

值，否则动画效果将不会播放。（）

三、选择题

1.关于〈video,标签的描述，下列说法正确的有（）。（多选）

A.＜video＞标签是一个视频标签B.＜video〉标签是一个音频标签

C.＜video＞标签有autoplay属性D.在〈video〉和v/video＞之间可以插入文字

2.下列选项中，属于＜video＞标签属性的有（）。（多选）

A.autoplayB.loopC.sreD.controls

3.下列＜video＞标签属性中，用于自动播放视频的是（）。

A.autoplayB.loopC.preloadD.poster

4.下列选项中，属于transition-property属性值的是（）。（多选）

A.noneB.allC.bothD.property

5.在CSS3中，可以实现平移效果的属性是（）。

A.translate()B.scale()C.skew()D.rotate()

6.在CSS3中，可以实现旋转效果的属性是()。

A.translate()B.scale()C.skew()D.rotate()

7.下列选项中，用于定义动画播放次数的属性是()。

A.animation-directionB.animation-ileralion-count

C.animationD.animation-duration

8.下列选项中，用于定义当前动画播放方向的属性是()。

A.animation-directionB.animation-iteration-count

C.animation-delayD.animation-duration

四、简答题

5.请列举实现过渡效果的常用CSS属性，并解释每个属性的含义。

6.请简述@keyframes规则的语法格式。

1.8本章习题

一、填空题

26.方法用于弹出一个警告框，确保用户可以看到某些提示信息。

27.DOM的中文名称是_______o

28.BOM的中文名称是o

29.方法用于获取带有指定id的节点。

3().函数使用关键字来定义。

31.JavaScript中的单击事件是。

32.JavaScript中的循环语句分为while、do...while和。

二、判断题

32.JavaScript不区分字母大小写。()

33.每行JavaScript代码结尾必须加分号，否则程序报错。()

34.background-color样式对应的style对象属性为backgroundColor。()

35.变量名可以使用JavaScript关键字命名。()