网页设计练习题（附参考答案）

网页设计练习题（附参考答案）一、单选题（共30题，每题1分，共30分）1.下列选项中，表示网页主体的标记是（）。A、h1B、headC、bodyD、html正确答案：C2.使用标签指定式选择器，让段落应用class名为test的类，下列写法正确的是（）。A、.p.test{color:red;}B、p#test{color:red;}C、p.test{color:red;}D、.p,test{color:red;}正确答案：C3.下列选项中，表示网页头部标题的标记是（）。A、titleB、headC、bodyD、html正确答案：A4.如果有两个上下并列关系的盒子，上面盒子的下外边距是30px，下面盒子的上外边距是20px，那么这两个盒子之间的间距是（）。A、50像素B、10像素C、30像素D、20像素正确答案：C5.在下列属性中，用来定义文本字体的是（）。A、colorB、alignC、faceD、size正确答案：C6.关于行内式引入CSS样式表，以下书写正确的是（）。正确答案：7.下面关于网页设计名词，错误的是（）。A、HTMLB、PSC、DWD、AP正确答案：D8.在HTML中，表示内嵌CSS样式的标记是（）。A、<'title>B、<'style>C、<'head>D、<'meta>正确答案：B9.下列选项中，不属于文本标记属性的是（）。A、faceB、colorC、alignD、nbsp;正确答案：D10.定义列表常用于对术语或名词进行解释和描述，用一对（）标记定义。A、<'dt><'/dt>B、<'ul><'/ul>C、<'dl><'dl>D、<'ol><'/ol>正确答案：C11.在下列选项中，对代码“margin:10px020px;”解释正确的是（）。A、上间距10px，左间距0，右下间距20pxB、上间距10px，左右间距0，下间距20pxC、上下间距10px，左间距0，右间距20pxD、上间距10px，左间距0，右间距20px正确答案：B12.text-transform属性用于控制英文字符的大小写。下列选项中，不属于其属性值的是（）。A、uppercaseB、capitalizeC、lowercaseD、line-through正确答案：D13.以下标示符中，用于设置页面标题的是（）。A、<'html>B、<'title>C、<'caption>D、<'head>正确答案：B14.下列选项中哪个表示无序列表？（）A、<'dd><'/dd>B、<'ol><'/ol>C、<'li><'/li>D、<'ul><'/ul>正确答案：D15.在下列属性中，用来定义文本字体大小的是（）。A、alignB、faceC、colorD、size正确答案：D16.若要在网页中插入样式表main.css，以下用法中正确的是（）。正确答案：17.位于HTML文档的最前面，用于向浏览器说明当前文档使用哪种HTML或XHTML标准规范的标记是（）。A、<'!DOCTYPE>B、<'head><'/head>C、<'title><'/title>D、<'html><'/html>正确答案：A18.关于内嵌式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;}正确答案：A19.在下列属性中，用来定义文本字体颜色的是（）。A、colorB、sizeC、alignD、face正确答案：A20.使用标签指定式选择器，让段落应用class名为test的类，下列写法正确的是（）。A、p.test{color:red;}B、p#test{color:red;}C、p.test{color:red;}D、p,test{color:red;}正确答案：C21.在CSS中，提供了字体样式属性来控制网页中的字体。下面的字体样式设置正确的是（）。正确答案：22.当<'p>标记内嵌套<'strong>标记时，就可以使用后代选择器对其中的<'strong>标记进行控制。下列写法正确是（）。A、strong,p{color:red;}B、strongp{color:red;}C、pstrong{color:red;}D、p.strong{color:red;}正确答案：C23.下列标记中，用于定义HTML文档所要显示内容的是（）。A、<'title><'/title>B、<'body><'/body>C、<'html><'/html>D、<'head><'/head>正确答案：B24.在HTML文档头部标记中，使用<'meta>标记的name和content属性可以为搜索引擎提供信息。设置网页描述的name属性值应该为（）。A、expiresB、descriptionC、keywordsD、charset正确答案：B25.在Dreamweaver中，使用次浏览器预览网页的快捷键是（）。A、Ctrl+SB、F12C、F5D、Ctrl+F12正确答案：D26.使用内嵌式添加CSS样式，CSS样式需要写在（）。A、<'title><'/title>标记之间B、<'head><'/head>标记之间C、<'body><'/body>标记之间D、<'style><'/style>标记之间正确答案：D27.关于内嵌式引入CSS样式表，以下书写正确的是（）。正确答案：28.关于创建锚点链接的代码，下列书写正确的是（）。正确答案：29.URL的俗称是什么？（）A、地址栏B、网页C、网址D、超链接正确答案：C30.关于有序列表的描述，下列说法正确的是（）。A、有序列表没有排列顺序。B、有序列表不可以和无序列表嵌套使用。C、有序列表按顺序排列并通过type属性定义序号样式。D、有序列表按顺序排列，并不带有序号。正确答案：C二、多选题（共22题，每题1分，共22分）1.关于样式代码“padding:20px30px10px;”，下列说法正确的是（）。正确答案：2.下列样式代码中，可用于设置背景图像平铺方式的是（）。A、background-attachment:scroll;B、background-attachment:fixed;C、background-repeat:repeat-x;D、background-repeat:no-repeat;正确答案：CD3.关于后代选择器，下列说法正确的是（）。A、后代选择器可以用于很多层的标签嵌套。B、后代选择器多个标签之间是用空格隔开的。C、后代选择器外层标记写在前面，内层标记写在后面。D、后代选择器主要用于嵌套的标签。正确答案：ABCD4.关于定义无序列表的基本语法格式，以下描述正确的是（）。A、<'ul><'/ul>标记用于定义无序列表。B、<'li><'/li>标记嵌套在<'ul><'/ul>标记中，用于描述具体的列表项。C、每对<'ul><'/ul>中至少应包含一对<'li><'/li>。D、<'li>不可以定义type属性，只能使用CSS样式属性代替。正确答案：ABC5.关于链入式CSS样式表，下面说法正确的是（）。A、链入式CSS才是真正实现结构与样式分离的CSS书写方式B、链入式CSS代码必须也在一对style标签内部C、链入式CSS必须将所有CSS属性写在以.css为扩展名的外部样式表文件中D、一个HTML页面只能链接一个CSS文件正确答案：AC6.在无序列表中经常设置type属性，下列属于type属性值的是（）。A、discB、circleC、squareD、pointer正确答案：ABC7.下面的应用软件，可以用于网页制作开发的是（）。A、EditplusB、notepad++C、DreamweaverD、3Dmax正确答案：ABC8.Dreamweaver能创建以下哪种类型的文档？（）A、JSB、CSSC、HTMLD、HTML模板正确答案：ABCD9.HTML中文译为“超文本标记语言”，主要是通过HTML标记对网页中的（）等内容进行描述。A、声音B、数据C、图片D、文本正确答案：ACD10.下列选项中，可清除元素默认内外边距的是（）。A、font-size:0;B、margin:0;C、line-height:0;D、padding:0;正确答案：BD11.关于<'p>标记，下列说法正确的是（）。A、<'p>标记负责给文本添加“段落”语义B、<'p>标记可以嵌套使用，比如<'p><'p><'/p><'/p>C、<'p>标记里面可以放置<'img/>标记D、<'p>标记里面可以放置<'h3>标记正确答案：AC12.HTML中文译为“超文本标记语言”，主要是通过HTML标记对网页中的（）等内容进行描述。A、图片B、文本C、声音D、word文档正确答案：ABC13.下面选项中，关于内边距的说法正确的是（）。A、内边距指的是元素内容与边框之间的距离，也常常称为内填充B、在CSS中设置盒子的内边距，需要使用padding属性C、内边距属性padding是一个复合属性D、padding属性取值方法很多，但是不允许使用三值写法正确答案：ABC14.color属性用于定义文本的颜色，以下写法正确的是（）。正确答案：15.下列选项中，关于标签指定式选择器的写法正确的是（）。A、.current.p{color:red;}B、div#current{color:red;}C、p.current{color:red;}D、divcurrent{color:red;}正确答案：BC16.下面的选项中，支持透明的图像是（）。A、jpg格式B、png格式C、gif格式D、psd格式正确答案：BC17.下面选项中，属于盒子模型主要属性的是（）。A、paddingB、typeC、marginD、border正确答案：ACD18.下列选项中，可用于更改元素左外边距的是（）。A、margin-leftB、marginC、padding-rightD、text-indent正确答案：AB19.下列选项中，属于单标记的是（）。A、<'br/>B、<'p>C、<'h2><'/h2>D、<'hr/>正确答案：AD20.下列选项中，属于定义有序列表相关属性的是（）。A、backgroundB、startC、valueD、type正确答案：BCD21.在下面的选项中，符合CSS基础选择器的语法格式的是（）。A、p{font-size:12px;}B、#myfont{font-weight:bold;}C、.green{color:green;}D、*{margin:0;padding:0;}正确答案：ABCD22.下列标记中，用来设置文本为粗体的是（）。A、<'u><'/u>B、<'strong><'/strong>C、<'del><'/del>D、<'b><'/b>正确答案：BD三、判断题（共49题，每题1分，共49分）1.DNS（英文DomainNameSystem的缩写）是域名解析系统。但是，在Internet上域名与IP地址之间并不是对应的。A、正确B、错误正确答案：B2.标签指定式选择器又称并集选择器，是各个选择器通过逗号连接而成的。A、正确B、错误正确答案：B3.因为静态网页的访问速度快，所以现在互联网上的大部分网站都是由静态网页组成的。A、正确B、错误正确答案：B4."图像文件和html文件位于同一文件夹，相对地址为<'imgsrc="logo.gif"/>。"A、正确B、错误正确答案：A5.HTTP（英文Hypertexttransferprotocol的缩写）中文译为超文本传输协议。A、正确B、错误正确答案：A6.在图像常用格式中，JPG是一种有损压缩的图像格式。A、正确B、错误正确答案：A7.实际网页制作过程中，最常用的网页制作工具是Dreamweaver。A、正确B、错误正确答案：A8.<'b>标记和<'strong>标记都可以使文字以粗体方式显示。A、正确B、错误正确答案：A9.在CSS中，任何的HTML标记都拥有style属性。A、正确B、错误正确答案：A10.在图像常用格式中，PNG不但支持动画，还支持透明。A、正确B、错误正确答案：B11.浏览器中显示的所有文本、图像、音频和视频等信息都必须位于<'body>标记内。A、正确B、错误正确答案：A12.URL（英文UniformResourceLocator的缩写）中文译为“统一资源定位符”。URL其实就是Web地址，俗称“网址”。A、正确B、错误正确答案：A13.在嵌套结构中，不管父元素样式的权重多大，被子元素继承时，它的权重都为0，也就是说子元素定义的样式会覆盖继承来的样式。A、正确B、错误正确答案：A14.默认情况下，背景图像会自动向水平和竖直两个方向平铺。A、正确B、错误正确答案：A15.默认情况下块元素会独自占据一整行或多整行。A、正确B、错误正确答案：A16.所有的浏览器对同一个CSS样式的解析都相同，因此页面在不同浏览器下的显示效果完全一样。A、正确B、错误正确答案：B17.超链接是指从一个网页指向一个目标的连接关系。A、正确B、错误正确答案：A18.CSS样式中的注释“/**/”中的内容，浏览器不会解析，主要是用于提示初学者。A、正确B、错误正确答案：A19.在CSS中，行高属性line-height是用来设置文本高度的。A、正确B、错误正确答案：B20.在超链接中，当target取值为“_self”，意为在原窗口中打开链接页面。A、正确B、错误正确答案：A21.在图像常用格式中，GIF只能处理256种颜色。A、正确B、错误正确答案：A22.创建图像超链接时，通常使用超链接标记<'a><'/a>环绕图像来定义。A、正确B、错误正确答案：A23.<'html>标记标志着HTML文档的开始，<'/html>标记标志着HTML文档的结束。A、正确B、错误正确答案：A24.页面中的信息，必须放在相应的HTML标记中，才能被浏览器正确解析。A、正确B、错误正确答案：A25.在HTML标记中，属性之间不分先后顺序，标记名与属性、属性与属性之间均以逗号分开。A、正确B、错误正确答案：B26.在HTML标记中，<'h1>标记属于双标记。A、正确B、错误正确答案：A27.<'s>和<'del>都可以使文字以加删除线的方式显示（XHTML推荐使用<'s>）。A、正确B、错误正确答案：B28.在HTML页面中，带有“<'>”符号的元素被称为HTML标记。A、正确B、错误正确答案：A29.清除链接图像的边框效果，是为了使图像正常显示。A、正确B、错误正确答案：A30.由于CSS内嵌式写法是将CSS样式写在HTML页面中，所以内嵌式写法是不符合结构与表现这一特点的。A、正确B、错误正确答案：B31.在<'meta>标记中使用name属性提供搜索内容名称。设置网页关键字时，name的值为keywords。A、正确B、错误正确答案：A32.导入式是对HTML头部文档应用style标记，并在<'style>标记内的开头处使用@important语句，即可导入外部样式表文件。A、正确B、错误正确答案：A33.GIF是一种无损的图像格式，并且支持透明。A、正确B、错误正确答案：A34.盒子模型中，外边距合并问题是IE6独有的一个BUG，需要专门解决。A、正确B、错误正确答案：B35.font-family属性设置字体时，中文字体需要加英文状态下的引号，英文字体一般不需要加引号。A、正确B、错误正确答案：A36.CSS样式中的选择器严格区分大小写，属性和值可以不区分大小写。A、正确B、错误正确答案：