网页设计试题库

网页设计试题库一、单选题（共30题，每题1分，共30分）1、下列关于特殊字符的说法不正确的是（）。A、转义序列各字符间可以有空格B、可以通过菜单栏直接插入相应特殊字符的代码C、特殊字符的代码通常由前缀“&”、字符名称和后缀为英文状态下的“;”组成D、转义序列必须以分号结束正确答案：A2、下列选项中，没有对应的结束标记的是（）。A、<'html>B、<'title>C、<'body>D、<'br/>正确答案：D3、下列选项中，不是<'img/>标记属性的是（）。A、hrefB、heightC、srcD、width正确答案：A4、在下列选项中，对代码“margin:10px020px;”解释正确的是（）。A、上间距10px，左间距0，右间距20pxB、上间距10px，左间距0，右下间距20pxC、上下间距10px，左间距0，右间距20pxD、上间距10px，左右间距0，下间距20px正确答案：D5、下列标记中，用于定义HTML5文档所要显示内容的是（）。A、<'title><'/title>B、<'html><'/html>C、<'head><'/head>D、<'body><'/body>正确答案：D6、下列选项中，定义无序列表的基本语法格式正确的是（）。A、<'ul>......<'/ul>B、<'ul><'ul>列表项1<'/ul><'ul>列表项2<'/ul>......<'/ul>C、<'ul>……<'/ul><'ul>……<'/ul><'ul>……<'/ul>D、<'ul><'li>列表项1<'/li><'li>列表项2<'/li>......<'/ul>正确答案：D7、下列选项中，表示网页头部标题的标记是（）。A、headB、titleC、htmlD、body正确答案：B8、对于网页制作者来说web的含义是什么？（）A、万维网的缩写B、超媒体C、传输协议D、可以简单理解为网页正确答案：D9、<'img/>标记链接图片的属性是（）。A、heightB、widthC、srcD、alt正确答案：C10、关于内嵌式CSS样式的语法格式中，下列选项正确的是（）。A、选择器{k:v;k:v;k:v;}B、选择器{k:v,k:v,k:v,}C、选择器{k,v;k,v;k,v;}D、选择器{k->v;k->v;k->v;}正确答案：A11、为了更方便的控制网页中各种各样的字体，CSS提供了字体样式属性。下面选项中，设置字号大小书写正确的是（）。A、{font-size:24px;}B、{font:24px;}C、{fontSize:24px;}D、{size:24px;}正确答案：A12、在HTML中，网页要显示的主体内容应放置在（）。A、<'head><'/head>标记之间B、<'title><'/title>标记之间C、HTML中的任意位置D、<'body><'/body>标记之间正确答案：D13、网页中的图像文件位于html文件的下一级文件夹img下，则以下CSS书写正确的是（）。正确答案：14、下面选项中，可以将HTML5页面的标题设置为“网页设计”的是（）。A、<'t>网页设计<'/t>B、<'h>网页设计<'/h>C、<'title>网页设计<'/title>D、<'head>网页设计<'/head>正确答案：C15、在行内式CSS样式中，<'style>标记可以设置元素的样式，它一般位于（）标记中<'title>标记之后。A、<'h1>B、<'p>C、<'head>D、<'body>正确答案：C16、以下属性中，不能增加盒子尺寸的属性是（）。A、text-decorationB、heightC、paddingD、width正确答案：A17、下列样式代码中，用于定义盒子上边框为1像素、蓝色、单实线的是（）。A、border-top:1pxsolidblue;B、border-top:1pxdashedblue;C、border:1pxsolidblue;D、border:1pxdashedblue;正确答案：A18、在Dreamweaver中，使用主浏览器预览网页的快捷键是（）。A、Ctrl+SB、F12C、F5D、Ctrl+F12正确答案：B19、关于行内式引入CSS样式表，以下书写正确的是（）。正确答案：20、在下列属性中，用来定义文本字体的是（）。A、colorB、faceC、alignD、size正确答案：B21、当通过定义列表实现图文混排时，下列标记中用于插入图片的是（）。A、<'dl><'/dl>B、<'dt><'/dt>C、<'li><'/li>D、<'dd><'/dd>正确答案：B22、下列选项中，表示网页主体的标记是（）。A、bodyB、htmlC、h1D、head正确答案：A23、在CSS中，用于设置首行文本缩进的属性是（）。A、text-decorationB、text-alignC、text-transformD、text-indent正确答案：D24、关于样式代码“.box{width:200px;padding:15px;margin:20px;}”下列说法正确的是（）。A、box的总宽度为200pxB、box的总宽度为270pxC、box的总宽度为235pxD、以上说法均错误正确答案：B25、开发网页的工具有多种，在实际工作中，最常用的的网页制作工具是（）。A、EditplusB、notepad++C、sublimeD、Dreamweaver正确答案：D26、在HTML文档头部标记中，使用<'meta>标记的name和content属性可以为搜索引擎提供信息。设置网页描述的name属性值应该为（）。A、charsetB、descriptionC、expiresD、keywords正确答案：B27、在定义列表中，用于对名词进行解释和描述的标记是（）。A、<'dl><'/dl>B、<'li><'/li>C、<'dd><'/dd>D、<'dt><'/dt>正确答案：C28、"页面上的div标签，其HTML代码为<'divid="box"style="color:red">文字<'/div>，为其设置CSS样式如下:#box{color:blue;}那么，文字的颜色将显示为（）。"A、红色B、蓝色C、黑色D、以上选项都不正确正确答案：A29、如果有两个上下并列关系的盒子，上面盒子的下外边距是30px，下面盒子的上外边距是20px，那么这两个盒子之间的间距是（）。A、20像素B、10像素C、30像素D、50像素正确答案：C30、当通过定义列表实现图文混排时，可以定义图片解释说明文字的标记是（）。A、<'dl><'/dl>B、<'dt><'/dt>C、<'li><'/li>D、<'dd><'/dd>正确答案：D二、多选题（共20题，每题1分，共20分）1、文档窗口是Dreamweaver最常用到的区域之一，此处会显示所有打开的文档。可变换文档的显示方式的选择按钮是（）。A、代码B、拆分C、设计D、重置正确答案：ABC2、color属性用于定义文本的颜色，以下写法正确的是（）。正确答案：3、关于文本格式化标记，下列说法正确的是（）。A、<'b><'/b>和<'strong><'/strong>，文字以粗体方式显示（XHTML推荐使用strong）。B、<'i><'/i>和<'em><'/em>，文字以下划线方式显示（XHTML推荐使用em）。C、<'s><'/s>和<'del><'/del>，文字以加删除线方式显示（XHTML推荐使用del）。D、以上说法都正确。正确答案：AC4、HTML中文译为“超文本标记语言”，主要是通过HTML标记对网页中的（）等内容进行描述。A、文本B、声音C、word文档D、图片正确答案：ABD5、下列样式代码中，用于定义盒子上边框为2像素、单实线、灰色的是（）。A、border-top:2pxsolid#CCC;B、border-top:2pxdashed#CCC;C、border:2pxsolid#CCC;D、border-top-style:solid;border-top-width:2px;border-top-color:#CCC;正确答案：AD6、关于<'p>标记，下列说法正确的是（）。A、<'p>标记里面可以放置<'h3>标记B、<'p>标记负责给文本添加“段落”语义C、<'p>标记可以嵌套使用，比如<'p><'p><'/p><'/p>D、<'p>标记里面可以放置<'img/>标记正确答案：BD7、下列选项中，属于边框样式常用属性值的是（）。A、dashedB、noneC、solidD、dotted正确答案：ABCD8、适合在网络上使用的图片格式主要有（）。A、bmpB、jpgC、pngD、gjf正确答案：BCD9、在CSS中，使用链入式引入CSS样式表，要通过设置<'link/>标签的（）属性。正确答案：10、下面的选项中，支持透明的图像是（）。A、jpg格式B、png格式C、psd格式D、gif格式正确答案：BD11、下列选项中，属于定义列表标记的是（）。A、<'dl><'/dl>B、<'li><'/li>C、<'dd><'/dd>D、<'td><'/td>正确答案：AC12、下列选项中，属于单标记的是（）。A、<'p>B、<'br/>C、<'hr/>D、<'h2><'/h2>正确答案：BC13、关于列表的嵌套，下列说法正确的是（）。A、有序列表中只能嵌套有序列表。B、<'li>与<'/li>之间相当于一个容器，可以嵌套无序列表、有序列表等网页元素。C、无序列表和有序列表可以相互嵌套。D、无序列表中只能嵌套无序列表。正确答案：BC14、关于定义无序列表的基本语法格式，以下描述正确的是（）。A、<'ul><'/ul>标记用于定义无序列表。B、<'li><'/li>标记嵌套在<'ul><'/ul>标记中，用于描述具体的列表项。C、每对<'ul><'/ul>中至少应包含一对<'li><'/li>。D、<'li>不可以定义type属性，只能使用CSS样式属性代替。正确答案：ABC15、HTML中文译为“超文本标记语言”，主要是通过HTML标记对网页中的（）等内容进行描述。A、声音B、图片C、数据D、文本正确答案：ABD16、关于并集选择器的描述，下列说法正确的是（）。A、并集选择器的各个选择器通过逗号连接B、并集选择器用空格分隔C、并集选择器把选中的元素设置成相同的样式D、并集选择器不能和其他选择器一起使用正确答案：AC17、下列选项中属于Web标准构成部分的是（）。A、描述标准B、表现标准C、行为标准D、结构标准正确答案：BCD18、关于内边距属性padding，下列说法正确的是（）。A、padding属性是复合属性B、必须按顺时针顺序采用值复制原则定义4个方向的内边距C、其取值可为1到4个值D、padding的取值不能为负正确答案：ABCD19、下列选项中，关于标记选项说法正确的是（）。A、在嵌套结构中，HTML元素的样式总是遵从“就近原则”B、标记可以拥有多个属性，属性之间不分先后顺序，属性与属性之间以空格分开C、在HTML标记中，“属性”和“属性值”是以“键值对”的形式出现的D、在标记的嵌套过程中，必须先结束最靠近内容的标记，再按照由外及内的顺序依次关闭标记。正确答案：ABC20、关于无序列表的描述，下列说法错误的是（）。A、无序列表<'ul>可以让列表项采用大写罗马字母表示。B、无序列表<'ul>里面只能放置<'li>，不能放其他标签。C、无序列表<'ul>里面可以直接嵌套其他标签。D、无序列表<'li>里面可以嵌套其他标签。正确答案：AC三、判断题（共50题，每题1分，共50分）1、所有的浏览器对同一个CSS样式的解析都相同，因此页面在不同浏览器下的显示效果完全一样。A、正确B、错误正确答案：B2、创建图像超链接时，在任何浏览器中，图像都会添加边框效果。A、正确B、错误正确答案：A3、HTML语言主要是通过HTML标记对网页中的文本、图片、声音等内容进行描述。A、正确B、错误正确答案：A4、在图像常用格式中，GIF只能处理256种颜色。A、正确B、错误正确答案：A5、URL（英文UniformResourceLocator的缩写）中文译为“统一资源定位符”。URL其实就是Web地址，俗称“网址”。A、正确B、错误正确答案：A6、在编写CSS代码时，为了提高代码的可读性，通常需要加CSS注释语句。A、正确B、错误正确答案：A7、内边距出现在盒子模型内容区域的周围。A、正确B、错误正确答案：A8、在<'head>中使用<'link>标记可引用外部文件，一个页面只允许使用一个<'link>标记引用外部文件。A、正确B、错误正确答案：B9、外边距指的是元素边框与相邻元素之间的距离。A、正确B、错误正确答案：A10、大多数网页都是用HTML编写网页结构和内容，版面布局、文本或图片的显示样式则使用CSS控制。A、正确B、错误正确答案：A11、网页中需要定义什么内容，就用相应的HTML标记描述即可。A、正确B、错误正确答案：A12、链入式是使用频率最高，也最实用的CSS样式表，它将HTML代码与CSS代码分离为两个或多个文件，实现了结构和表现的完全分离。A、正确B、错误正确答案：A13、实际网页制作过程中，最常用的网页制作工具是Dreamweaver。A、正确B、错误正确答案：A14、在行内式CSS样式中，属性和值的书写规范与CSS样式规则不相同。A、正确B、错误正确答案：B15、导入式与链入式相同，都是针对外部样式表文件的。对HTML头部文档应用style标记，并在<'style>标记内的开头处使用@important语句，即可导入外部样式表文件。A、正确B、错误正确答案：A16、通配符选择器设置的样式对所有的HTML标记都生效，不管标记是否需要该样式，这样反而降低了代码的执行速度。A、正确B、错误正确答案：A17、超链接是指从一个网页指向一个目标的连接关系。A、正确B、错误正确答案：A18、CSS样式中的注释“/**/”中的内容，浏览器不会解析，主要是用于提示初学者。A、正确B、错误正确答案：A19、在超链接中，当target取值为“_self”，意为在原窗口中打开链接页面。A、正确B、错误正确答案：A20、CSS具有继承性和层叠性，所谓继承性是指书写CSS样式表时，子标记会继承父标记的某些样式。A、正确B、错误正确答案：A21、在超链接中，如果暂时没有确定链接目标，通常将<'a>标记的href属性值定义为“*”。A、正确B、错误正确答案：B22、一个HTML文档中，可以有多个<'h1>标记。A、正确B、错误正确答案：B23、盒子模型中，外边距合并问题是IE6独有的一个BUG，需要专门解决。A、正确B、错误正确答案：B24、在HTML页面中，带有“<'>”符号的元素被称为HTML标记。A、正确B、错误正确答案：A25、<'i><'/i>和<'em><'/em>都用来表示文字以斜体方式显示，但是一般推荐使用<'i>。A、正确B、错误正确答案：B26、在Dreamweaver中制作网页，一般需要将菜单栏【窗口】模式下的【工作区布局】设置为【经典】模式。A、正确B、错误正确答案：A27、在HTML常用的三种列表中，定义列表的列表项前没有任何项目符号。A、正确B、错误正确答案：A28、浏览器中显示的所有文本、图像、音频和视频等信息都必须位于<'body>标记内。A、正确B、错误正确答案：A29、相对路径不带有盘符，通过层级关系描述目标图像的位置。A、正确B、错误正确答案：B30、在CSS代码中，空格是不被解析的。因此，属性的值和单位之间允许出现空格。A、正确B、错误正确答案：B31、由于CSS内嵌式写法是将CSS样式写在HTML页面中，所以内嵌式写法是不符合结构与表现这一特点的。A、正确B、错误正确答案：B32、内嵌式CSS样式用<'style>标记定义，<'style>标记一般位于<'head>标记中<'title>标记之后，也可以把它放在HTML文档的任何地方。A、正确B、错误正确答案：A33、内嵌式CSS样式只对其所在的HTML页面有效，因此，仅设计一个页面时可以使用内嵌式。A、正确B、错误正确答案：A34、所有的标签都可以设置宽度和高度属性。A、正确B、错误正确答案：B35、在HTML中使用注释标记时，注释内容不会显示在浏览器窗口中。A、正确B、错误正确答案：A36、宽度属性wid