©2010-2026 宁波自信网络信息技术有限公司 版权所有
客服电话：0574-28810668 投诉电话：18658249818
浙ICP备2021020529号-1 | 浙B2-20240490
关注我们 ：
1、 《网页设计与开发第4章》试卷 一、 选择题 1.无序列表的HTML代码是( ) A．
2、
3、 A 6。定制表中type标记中的square表示( ) A．圆点 B．圆环 C．字母 D．方块 答案： D 7.定制有序列表表中的序号的起始值的表示法为（) A．〈ol begint=#〉 B．〈ol star=#〉 C．〈ol still=#> D．
4、表时，LI 标记符的结束标记符不可省略。 答案: D 9.在HTML网页中,用来定义有序列表的元素包括（ ) A．ol B．ul C．li D．dl 答案: A 10。有序列表的项目编号要从小写字母a开始，type属性值设置为（) A．a B．1 C．A D．I 答案: A 11.有序列表的项目编号要从大写罗马数字开始，type属性值设置为（） A．a B．1 C．A D．I 答案： A 12。在CSS中，对〈ul>标记进行样式定义，下面写法正确的是哪个（ ） A．list—style—type:disc B．type=
5、disc C．list—style：disc D．style-list—type:disc 答案： A 13。如果列表项前面的符号要换用特定的图片显示，使用CSS如何设置（） A．ul{list—style—type：images/a.gif｝ B．ul｛list—style-image：images/a.gif｝ C。 ul｛list-style-type：url(images/a。gif）} D． ul{list—style-image：url(images/a.gif)｝ 答案: D 14.定义一个列表样式为项目符号采用默认圆点、列表行高33px、字体大小22px，
6、如何表达（ ） A．ul{list-style-type：disc;line-height:33px；font-size：22px｝ B．ul{list—style—type：disc; height:33px；font—size:22px} C．ul{list—style-type:disc； height:33px； size：22px} D．ul｛list-style：disc; height：33px； size：22px｝ 答案： A 15.使用CSS样式清除列表项前的圆点，使用的语法是( ) A．list—style:none B．list—style：no di
7、sc
C．list-style：none disc
D．list-style：0
答案： A
16.对li标记添加什么样式定义实现了将一个垂直排列的导航改为水平导航。
A．float：left
B．list-style:left
C．margin—left：10px
D．text—align：left
答案： A
17.如何产生带有数字列表符号的列表？
A． 8、 B
19.如何产生带有正方形的项目的列表？
A. list-type： square
B.list-style—type： square
C。type: square
D.type： 2
答案：B
20.我们想要将页面中的文本采用项目符号的形式予以显示，采用哪些标记组合可以达到我们的要求？
A。〈P>和 9、果〈li>芒果 10、
25.改变有序列表的项目编号起始值的属性是（)
A．value
B．start
C．type
D．begin
答案： B
26.li标记里的type属性设置的影响范围是（）
A．只影响当前列表项
B．影响了后续列表项
C．影响了全部列表项
D．不能影响任何列表项
答案： A
27。对li标记里的type属性设置的指定，能使用在（）
A．无序列表中
B．有序列表中
C．无序列表和有序列表中
D．不能进行li标记的type属性设置
答案: C
28。改变有序列表的单个项目编号值的大小的属性是(）
A．value
B．start
C．type
D 11、．begin
答案： A
29.改变有序列表的单个项目编号值的value属性能应用与（)
A．无序列表中
B．有序列表中
C．无序列表和有序列表中
D．不能应用与有序列表和有序列表中
答案： B
30。下列说法不正确的是（ ）
A．嵌套列表可以是无序列表的嵌套
B．嵌套列表可以是有序列表的嵌套
C．嵌套列表可以是无序列表和有序列表的混合嵌套
D．列表不能进行嵌套
答案： D
二、 填空题
1） 无序列表中可用的项目符号包括______________、______________和______________。
答案： disc circle square 12、
2） 用于取消列表项前默认项目符号的样式定义是_________________________________。
答案: list-style：none
3）使得列表项从默认的垂直排列到水平排列的样式定义是_____________________。
答案： float：left
4）有序列表标记 13、性后，用户则可改变编号的起始值。该属性值是一个 ，表示从哪一个数字或字母开始编号。
答案: start 整数
6）商业网站开发中的新闻信息常常采用 来开发。
答案: 无序列表
7。 设置CSS属性float的值为 _______时可取消元素的浮动.
答案: none
8。为一个列表项设置边框4px，实心边框，列表项字体颜色为#ff9900,列表项背景颜色为＃fc3，可通过利用CSS设置 14、表示_______.
答案: 空心圆点
10 。定制有序列表中序号启始值表示法为_______。
答案: 〈ol start=＃>
三、 简答题
1. 写出ul、ol、dl三种列表的html结构。
答案:Ul列表的结构如下
〈ul〉
〈li〉
答案: C
18。如何产生带有圆点列表符号的列表？
A．
B．
B.〈UL>和〈li〉
C。
和〈p>
D.
答案：A
22.下列HTML标记中，属于成对标记的是（ ).
A．的type属性可以指定出现在列表项前的项目编号的样式，其取值可以是： 、 、 、 和 五种。
答案： 1 a A i I
5）使用有序列表标记的 属
15、/li>
16、pe属性的编号起始值。 答案:通常,在指定列表的编号样式后,浏览器会从“1"、“a"、“A"、“i"或“I"开始自动编号。而在使用有序列表标记的start属性后,用户则可改变编号的起始值。start属性值是一个整数，表示从哪一个数字或字母开始编号.例如，设置start=”3”，则有序列表的列表项编号将从“3"、“c”、“C”、“ⅲ”或“Ⅲ”开始编号。 4。列表是否能嵌套使用?有什么作用。 答案：列表还可以嵌套使用，也就是一个列表中还可以包含有多层子列表。在网页文件中，对于内容层次较多的情况，使用嵌套列表不仅使网页的内容布局更加合理美观，而且使其内容看起来更加清晰、明了。嵌套的列表可以是无
17、序列表的嵌套，也可以是有序列表的嵌套，还可以是无序列表和有序列表的混合嵌套.
知识点：嵌套列表
四、 实验题
1. 制作一个用列表显示的新闻显示板块，要求利用列表方法,适当运用字体、字号间距等的修饰完成新闻列表的定义。
答案： 源代码：
<！DOCTYPE html PUBLIC "—//W3C//DTD XHTML 1.0 Transitional//EN"
”http://www。w3。org/TR/xhtml1/DTD/xhtml1-transitional。dtd"〉
〈html>
〈head〉
〈/head〉
29、将该导航可以更改为水平导航,这只涉及到修改样式的工作。下面是修改后的样式(具体参加4-3。html)。
#nav｛list—style：none; font—size:22px；line-height:40px; }
#nav li{margin-right：5px；float:left；width:100px;｝
上述样式和页面4—2中相比，变化在以下几个地方：
l 在#nav li中添加float：left属性，使其列表内容全部向左浮动显示，这样就实现了列表的横向显示，这是无序列表水平导航效果实现的关键，同时可以调整每个列表项width宽度值为100px;
l 在4-2。html中通过定义“#nav li"的“margin—top：5px；”实现了每个列表项上方空出5px的空白，这里修改为“margin-right：5px；"表示每个列表项的右方空出5px的空白。
具体效果见下图所示。
图 水平导航实现效果
©2010-2026 宁波自信网络信息技术有限公司 版权所有
客服电话：0574-28810668 投诉电话：18658249818
浙ICP备2021020529号-1 | 浙B2-20240490
关注我们 ：
