admin 管理员组

文章数量: 887021


2023年12月17日发(作者:免费的数控编程自学网站)

《网页设计与开发第12章》试卷

一、 选择题

1.下列对于表格的说法正确的是( )

A.表格的大小,边框宽度,表格间距是不可以自己定义的

B. rowspan属性用于定义有横向通栏的表格

C. colspan 属性用于定义有纵向通栏的表格

D.在页面布局时为了页面的美观也经常用到表格,但我们却看不见这些表格,是由于Border 属性的值被设定为“0”了。

答案: D

2.表格的开始标记为( )

A.

B.

C.

的.

答案: A

3.以下属性可以添加在

标记后面的是( )

A. borde

B. width

C. height

D. 以上都可以

答案: D

4.下列对于

标记和标记说法不正确的是( )

A.

都可以标记一个单元格

B. 有多少个单元格就有多少个

C.

标记所标记的单元格的文字以粗体出现

D.

标记作用完全一样

答案: D

5.下面对于BgColor 属性说法正确的是( )

A. 可以用来定义表格的颜色

B.

标记中必须出现BgColor 属性

C. BgColor 属性的值必须是16 进制的6 位数

D. BgColor 属性的值必须是已经定义好的颜色

答案: A

6.下面对于样式表的说法中错误的是( )

A.CSS就是Cascading Style Sheets,中文翻译为“层叠样式表”,简称样式表

B.将CSS指定的格式加入到HTML中的方法有2种

C.外部连结CSS时需要在HTML文件里加一个超级连结,连接到外部的CSS文档

D.如果内在添加的CSS 描述与外部连接的CSS 描述相冲突的话,网页的表现将以内在添加的CSS描述为主

答案: B

7.下面对于样式表的说法中错误的是( )

A.CSS 的定义是由三个部分构成:选择符(selector),属性(properties)和属性

的取值(value)

B.选择符是可以是多种形式,一般是你要定义样式的HTML标记,你可以通过此

方法定义它的属性和值,属性和值要用逗号隔开

C.CSS可以定义字体属性

D.CSS可以定义颜色和背景属性

答案: B

8.下列说法中错误的是( )

A.p {font-family: "sans serif"}定义段落字体为sans serif

B.p {text-align: center; color: red}定义段落居中排列;并且段落中的文字为红色

C.background-image属性用来设置背景图

D.a:visited{color:red;text-decoration:none}定义未访问的超链接颜色为红色

答案: D

9.下列选项中关于标签div与span的说法正确的是( )。

A. span标签只能用于文本内容

B. div标签显示时将独占一行

C. span标签在浏览器中显示时将占满一行

D. 多个div标签元素将在同一行显示

答案: B

10.下面代码片断分析正确的是( )。

A. 段落的背景色为gray

B. 段落的边框大小为1px

C. 段落的字体大小为16px

D. 样式应用错误

答案: D

11.已知与在同一服务器上,但不在同一文件夹中。假如文档在文件夹information中,proposals段落在文档中。现要求在文档中编写一个超链接,链接到文档的proposals段落。下面语句正确的是()。

A.Link

B.Link

C.Link

D.Link

答案: B

12. 根据以下的HTML代码:

表格

1 2
3

对以上代码,以下描述正确的是()。

A.该网页内容的第一行显示“表格”

B.1和2的表格在同一列

C.1和2的表格在同一行

D.1和3的表格在同一列

答案: C

13. 根据以下的HTML代码:

test water

test danger

WaterDanger

italic

以下说法正确的是()。

A.该段代码有一个类选择器

B.WaterDanger没有使用任何的选择器

C.“Italic”的颜色是绿色

D.“test danger”运用的选择器是danger

答案: D

14. 根据以下的HTML代码:

Contextual selectors

名人名言:

但丁说过:“走自己的路让别人去说吧!”

坚持自己的正确看法,不要让别人动摇你的信念

下列说法不正确的是()。

A.B是p父元素

B.B和I元素继承了p选择器的属性

C.Body是p的父元素

D.没有包含在样式表中的元素将继承其父元素的属性

答案: A

15. 根据以下的HTML代码:

change the rules

利用sheet1样式表

此路不通

the h2 element again

以下说法正确的是()。

A.“此路不通”运用了”warning”样式中说明的所有属性的值

B.该段链接的样式表名为””

C.该段链接的样式表名为”text/css”

D.“the h2 element again”的样式与”此路不通”一样

答案: A

16. 要在页面中绘制一条水平线,要求水平线左对齐显示、宽度占整个文档宽度的80%、粗细为5个像素、不带阴影。下列语句正确的是()。

A.


B.


C.


D.


答案: C

17. 创建一个样式表,可以设置当前页面中的某些(而不是所有)无序列表的内容的字体为斜体。下列代码正确的是()。

A.

B.

C.

D.

答案: C

18. 根据以下的HTML代码片段:

……

1月 2月 3月

……

正确的显示结果是()。

A.页面中会有一个默认的表格标题

B.第一个单元格的背景色是红色

C.第二个单元格的的背景色为绿色

D.“2月”显示为粗体

答案: B

19. 下列选项中关于标签div与span的说法正确的是(A. span标签只能用于文本内容

B. div标签显示时将独占一行

C. span标签在浏览器中显示时将占满一行

D. 多个div标签元素将在同一行显示

答案: B

)。

20. 如果要在表单中,显示如下信息“您用什么方式购买证卷?网上交易、电话交易、经纪人代理”,用户只能从三个选项中选择一项。要实现以上需求,下面HTML语句正确的是()。

A.

您用什么方式购买证卷?

网上交易

电话交易

经纪人代理

B.

您用什么方式购买证卷?

网上交易

电话交易

经纪人代理

C.

您用什么方式购买证卷?

答案: B

21.我们想要让当前整个表格的背景色为蓝色,应该使用哪一句代码来描述此种设置( )

r="blue"

nd="blue"

lor="blue"

ound="blue"

答案: A

22.我们想要让表格的边框在页面中一定不显示出来,用什么方法可以做到呢( )

r="white"

r="null"

="0"

color="white"

答案: C

23.我们想要将表格的宽度设置为100个像素,应该怎么办( )

="100"

="100"

="100"

gth="100"

答案: A

24.我们想要将表格中的文字放在靠上居中的位置,应该怎么办( )

="middle"align="top"

="center"align="top"

="middle"align="top"

="top" align="center"

答案: D

25.我们想要在HTML文档中加入图像,可以使用哪个标记来达到要求呢?( )

A.

B.

C.

D.

答案: C

26.我们发现为页面中的图像加入超链接后,默认情况下都带有一道黑框,有什么方法可以去掉它呢?( )

color="white"

="0"

="no border"

="0"

答案: B

27.我们想要将表格中加入的图像充满整个单元格,使用哪种方式可以做到?( )

="100"

="100%"

="100"

="100%"

答案: D

28. li 元素中包含img 元素的时候,IE 中img 下面多出了5px左右的空白,下列哪个处理办法不可行( )

A.使 li 浮动,并设置 img 为块级元素

B.设置 ul 的 font-size:0;

C.设置 img 的 margin: 0;

D.设置 img 的 margin-bottom: -5px

答案: C

29.

表示( )

A.表格有边框,宽度为400像素

B.表格有边框,宽度为400%

C.表格有边框,宽度为400厘米

D.表格没有边框

答案: A

30. 制作无序号号列表,需使用( )标签。

A.

B.

  • C.

  • D.

  • 答案: B

    二、

    填空题

    1) 改变元素的外边距用________,改变元素的内填充用________。

    答案: margin padding

    2) 在Table中,TR是________,TD是________。

    答案: 行 单元格

    3) 一个Div容器居于屏幕水平居中的属性是________。

    答案:margin:0 auto

    4)使用________属性可以显示没有下划线的超链接。

    答案:text-decoration:none

    5)对于列表,清除列表的缩进,可以对UL实施________属性。

    答案:margin:0px

    6)使用________属性用来定义可以在列表中使用图片代替项目符号。

    答案: list-style-image

    7)元素的________属性用来定义块元素的浮动方式。

    答案:浮动属性 (float)

    8)文字与图片的左右居中直接用________即可让文字与图片内容居中。

    答案:text-align:center

    9)通过使用CSS属性类样式________实现文字与图片的垂直居中。

    答案:line-height

    10)进行二级菜单制作时,为了防止二级菜单的内容被一级菜单遮盖,可以给一级菜单增加一个________属性,为二级菜单增加一个________属性,进行相对定位。

    答案:position:relative position:absolute

    三、

    简答题

    1) CSS指的是什么?在网页制作中为什么要使用CSS技术?

    答案:

    CSS(Cascading Style Sheets)也叫层叠样式表,它是用来控制网页中一个或多个元素的外观。在网页制作中,使用样式表可以减少很多具有相同外观元素的重复设置工作,从而给网页的设计和维护带来了很大的方便;具体应用是:改变样式表中元素显示样式的定义,则在使用该样式表的所有网页中相应元素的显示样式都会自动发生改变。

    2)网页制作中有哪几种样式设置方法?各有何特点?

    答案:网页制作中有:内联式样式设置、直接嵌入式样式设置和外部链接式样式设置三种方式。

    (1)内联式样式设置:

    设置方法:直接在要设置样式的各标记元素中修改style属性;

    优点:直观、方便;

    缺点:不易于维护和修改;

    适用于:网页中个别需要修改的元素的样式定义;

    (2)直接嵌入式样式设置:

    设置方法:在HTML文档的之间添加定义,

    部分是所有需要设置样式的元素的属性定义。

    优点:对当前页面内的所有元素的样式修改、维护比较方便;

    缺点:对于网站建设,要采用相同的样式设置则比较麻烦;

    适用于:单独网页的样式定义;

    (3)外部链接式样式设置:

    设置方法:把所有样式定义放在一个独立的文件中,凡是需要使用该文件中规定样式的网页,只要在其与之间添加一个对该样式文件的链接:

    href="" rel="Stylesheet" />即可;

    适用于:需要统一显示样式的网站建设。

    2)JavaScript 中settimeout 与setinteval 两个函数的区别?

    答案:settimeout 只执行一次,setInteval 没有次数限制。

    3)JavaScript 中的数据类型有几种?分别是什么?

    答案:JavaScript 中的数据类型有7种,分别是: 1)Number 数字类型2)String 字符串类型3)Boolean 布尔类型4)Function 函数5)Object 对象6)Null7)Undefined 没有定义类型

    4)全局CSS主要文件主要作用是什么?

    答案:全局的CSS文件主要规定了网站的统一视觉效果。例如,基本的页面宽度、网页背景色、默认字体风格、以及主体结构的相对位置等等。基本信息部分主要用于网站的全局默认风格的定义。主要包含了页面背景颜色,背景图片,超链接、字体、字号、字间距等样式定义。

    四、 实验题

    1. 通过JS实现树形菜单的功能,“标题”为“链接”的父节。

    答案:对上文静态代码实施的Script源文件如下:

    2.使用DIV+CSS代码设计如下的页面布局。

    答案:

    文件代码如下:

    body { font-family:Verdana; font-size:14px; margin:0;}

    #container {margin:0 auto; width:100%;}

    #header { height:100px; background:#9c6; margin-bottom:5px;}

    #menu { height:30px; background:#693; margin-bottom:5px;}

    #mainContent { height:500px; margin-bottom:5px;}

    #sidebar { float:left; width:200px; height:500px; background:#cf9;}

    #content { margin-left:205px !important; margin-left:202px; height:500px; background:#ffa;}

    #footer { height:60px; background:#9c6;}


    本文标签: 样式 属性 元素 定义 表格

    更多相关文章

    针对跨页三线表,在Word2016及以上版本中设置表标题和表头在下一页重复以及解决表格跨页处没有下框线的问题

    3月前

    [db:摘要]

    word文档中表格顶头怎么调整_Word技巧大全,标书制作靠它准没错

    3月前

    [db:摘要]

    Word2007 表格换页自动“续表”方法

    3月前

    [db:摘要]

    导出的word表格因内容多整体下移到第二页

    3月前

    [db:摘要]

    电脑右键计算机属性在哪里打开,右键属性打不开怎么办

    3月前

    [db:摘要]

    电脑卡住了怎么保存excel_“表格保存不了怎么办“电脑卡死excel怎么保存

    3月前

    [db:摘要]

    vue单页面在iOS微信浏览器中弹出底部栏导致的样式问题

    3月前

    [db:摘要]

    word 文字超出表格边框怎么办

    3月前

    问题: ​​填写word中的表格时,文字会超出表格 解决​方法: ​1. ​开启标尺功能:视图->标尺 ​2. 通过调节标尺的3个滑块进行调节 ​

    往word表格插入图片,表格大小如何不变形?

    3月前

    在word中进行大量图片排版时,往往会用到表格。然而在往word表格插入图片的过程中,表格往往会随图片大小自适应变化,如何保证图片自适应表格大小(即图片

    win10计算机本地连接属性在哪里,Win10系统怎么打开本地连接属性

    3月前

    有时我们需要对Win10纯净版系统的本地连接进行操作,这时候就需要打开本地连接属性,但是有些用户不知道怎么打开,那么具体该怎么操作呢?针对这个问题&am

    电脑连不上网wifi,查看不了网络属性?解决办法,非常实用!亲测有效!

    3月前

    电脑连不上网? 首先检查你的驱动和网卡是否是好的,桌面----我的电脑------属性------设备管理器往下看 然后点右键就可以看得到驱动,以及网卡是否已启动!正常是要启动,驱动程序要最新! 如果这个没问题,那就打开电脑网络属性,

    Win11如何更改字体样式?Win11更改字体样式的方法

    2月前

    很多小伙伴在使用电脑的时候都喜欢将使用的字体模样改为自己喜欢的,不过也有不少小伙伴在升级到Win11系统之后就不知道怎么去更改系统的字体样式,因此就为大家带来一个更改Win11系统字体方法。 还

    uniapp - 实现移动端H5微信公众号网页内置浏览器中预览和下载word文档(doc)、excel表格(xls)、ppt文稿、pdf文档等文件,微信内部打开预览和下载到本地详教程,兼容安卓苹果手机

    2月前

    前言 Vue 版本,请访问 这篇文章。 在 uni-app h5 微信公众号网站开发中,详解实现 “微信浏览器环境内” 进行在线预览打开、下载文件到手机,vue移动端h5微信公众号网页直接打开本地文件或在线URL资源路径,安卓Android

    系统属性由于启动计算机时,win7系统开机弹出“系统属性,由于启动计算机时出现了页面文件配置问题”的解决方法...

    2月前

    很多小伙伴都遇到过win7系统开机弹出“系统属性,由于启动计算机时出现了页面文件配置问题”的困惑吧,一些朋友看过网上零散的win7系统开机弹出“系统属性,由于启动计算机时出现

    实体类中的属性名和表中的字段名不一样,怎么办?

    2月前

    我们使用idea通过右上角Database可以将数据库中的数据直接导入,点击此处有教程。 通过上面快速导入的方法idea会把mgr_id,mgr_name该字段,转变为mg

    解决win7无法更新defender(错误提示无法定义更新)

    2月前

    解决办法: 关闭windows update(可手动关闭,或管理员模式打开cmd输入命令net stop WuAuServ) 找到 文件夹 c:

    excel表格字太多不完全显示怎么办

    2月前

    excel设置过自动换行后的单元格文字都显示了单元格内,但是很拥挤,还是显示不全。 如图: 解决步骤: 1、选中需要显示不全的列&#xff0

    Windows系统bat批处理脚数组的定义for循环遍历

    2月前

    描述:Windows系统bat批处理脚数组的定义for循环遍历 代码: @echo off setlocal enabledelayedexpansion set Address[1]=Add1set Address[2]=Add2

    小白用chatgpt编写python 爬虫程序代码 抓取网页数据(js动态生成网页元素)

    2月前

    jS动态生成,由于呈现在网页上的内容是由JS生成而来,我们能够在浏览器上看得到,但是在HTML源码中却发现不了 一、注意:代码加入了常规的防爬技术 如果

    Word表格断开到下一页?教你如何轻松连到上一页

    19天前

    Word表格断开到下一页?教你如何轻松连到上一页 在日常办公和学习中,Word文档是我们常用的文字处理工具,用于撰写报告、论文、简历等各种文档。在这些文档中,表格作为一种重要的数据组织和展示方式,经常被广泛使用。然而,在使用Word表格时

    发表评论

    全部评论 0
    暂无评论