网页制作案例教程HTML5 CSS3 试题及答案 项目5 盒子模型_第1页
网页制作案例教程HTML5 CSS3 试题及答案 项目5 盒子模型_第2页
网页制作案例教程HTML5 CSS3 试题及答案 项目5 盒子模型_第3页
网页制作案例教程HTML5 CSS3 试题及答案 项目5 盒子模型_第4页
网页制作案例教程HTML5 CSS3 试题及答案 项目5 盒子模型_第5页
已阅读5页,还剩8页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

一、单选题1、在HTML页面中,要实现如下图所示的效果,选项中编码正确的是()A、<tableborder="1"><tr><tdrowspan="2">姓名</td></tr><tr><tdcolspan="2">成绩</td><td>语文</td></tr><tr><td>数学</td></tr></table>B、<tableborder="1"><tr><tdcolspan="2">姓名</td></tr><tr><tdrowspan="2">成绩</td><td>语文</td></tr><tr><td>数学</td></tr></table>C、<tableborder="1"><tr><tdcolspan="2">姓名</td></tr><tr><tdrowspan="2">成绩</td></tr><tr><td>语文</td><td>数学</td></tr></table>D、<tableborder="1"><tr><tdcolspan="2">姓名</td></tr><tr><tdrowspan="2">成绩</td><td>语文</td><td>数学</td></tr></table>答案:B

2、在HTML页面中,要显示如图所示的表格,应在下方HTML代码的下划线处填写()

<tableborder=“1”><tr><td

__=“2”>性别</td></tr><tr><td>男</td><td>女</td></tr></table>A、rows

B、cols

C、rowspanD、colspan3、在HTML中,如下所示代码的显示效果为()。

<HTML>

<HEAD>

<STYLEtype=”text/css”>

.tebleBorder{border-right-width:3px;

border-right-color:black;

border-right-style:solid;

padding-top:20px;}</STYLE></HEAD><BODY><TABLEborder=”0”>

<TR>

<TDclass=”tebleborder”>手机充值</TD>

<TDclass=”tebleborder”>电子彩票</TD></TR><TR>

<TDclass=”tebleborder”>电脑硬件</TD>

<TDclass=”tebleborder”>数码相机</TD>

</TR></TABLE></BODY></HTML>图1图2图3图4图1B、图2C、图3D、图4答案:C

3、在HTML中,下面()标签用于定义表的行。A、<TABLE>B、<HR>C、<TD>D、<TR>答案:D4、已知在HTML页面上定义了如下所示的CSS样式:<STYLE

type=”text/css”>.tBorder{

border-left-width:0px;border-left-width:1px;border-right-style:dashed;

padding-top:5px;padding-left:2px;}</STYLE>分析如下所示的HTML代码片段,选项中的说法错误的是()。

<table><tr><tdclass=”tBorder”>姓名:</td><tdcolspan=”2”class=”tBorder”><inputtype=”text”name=”name”/></td></tr><tr><tdclass=”tBorder”>性别:</td><tdclass=”tBorder”>男<inputtype=”radio”name=”sex”checked/></td><tdclass=”tBorder”>女<inputtype=”radio”name=”sex”/></td></tr></table>A、表格应用了类样式tBorderB、表格共3列,其中name文本输入框跨2列C、表格单元格右边框为dashed样式(虚线框样式)D、表格单元格上边框宽度为5像素答案:D5、在HTML文档中,<TD>标签的()属性可以创建跨多个行的单元格。A、Spancol

B、ROWC、ROWSPAND、COLSPAN答案:C6、在HTML中,用来为表格设置背景颜色的属性是()。A、bordercolorB、bgcolorC、backgroundD、color答案:B7、将一个盒子的上边框定义为1像素、蓝色、单实线,下列代码正确的是(

)。A、border-top:1pxsolid#00f;B、border:1pxsolid#00f;C、border-top:1pxdashed#00f;D、border:1pxdashed#00f;答案:A8、下面关于标准文档流的说法正确的是(

)。A、display属性可以控制块级元素和内联元素的显示方式

B、<div>标签可以包含于<span>标签中C、<div>……</div>标签是内联元素D、标题标签、段落标签、<span>标签都是块级元素答案:A

9、下列css属性中不属于盒子属性的是(

)。A、borderB、paddingC、marginD、float答案:D10、关于表格的描述正确的一项是。()A、在单元格内不能继续插入整个表格B、可以同时选定不相邻的单元格C、粘贴表格时,不粘贴表格的内容D、在网页中,水平方向可以并排多个独立的表格答案:D11、如果一个表格包括有1行4列,表格的总宽度为“699”,间距为“5”,填充为“0”,边框为“3”,每列的宽度相同,那么应将单元格定制为多少像素宽。()A、126B、136C、147D、167答案:D12、要使表格的边框不显示,应设置border的值是()。A、1B、0C、2D、3答案:B13、以下标记中,用于定义一个单元格的是()。A、<td>...</td>B、<tr>…</tr>C、<table>…</table>

D、<caption>…</caption>答案:A14、用于设置表格背景颜色的属性的是()。A、backgroundB、bgcolorC、bordercolorD、backgroundcolor答案:B15、若要使表格的行高为16pt,以下方法中,正确的是()。A、<tableborder=1style=”Ling-Height:16”>…</table>B、<tableborder=1style=”Ling-Height:16pt”>…</table>C、<tableborder=1LingHeight=16pt”>…</table>D、<tableborder=1LingHeight=”16pt”>…</table>答案:B16、设置表格的边框为0的HTML代码是()。A、<tablecellspacing=0>B、<tableheight=0>C、<tableborder=0>D、<tablecellpadding=0>答案:C17、在一个最基本的表格元素中,下列哪个标签不是必须包含的()。A、<table>B、<td>C、<tr>D、<th>答案:D18、以下描述错误的是()。A、<nav>标签定义导航链接的部分B、<nav>标签是HTML5中的新标签C、如果文档中有导航按钮,则应该把它放到<nav>元素中D、如果有<header>标签,应把它放到<nav>元素中答案:D19、在HTML语言中,使用表格时,数据内容是放在下列哪个标签中的()。A、<DL></DL>B、<TH></TH>C、<TR></TR>D、<TD></TD>答案:D20、在制作HTML页面时,页面的布局技术主要分为()。A、框架布局B、表格布局C、DIV层布局D、以上全部选项答案:D21、表格标记的基本结构是()。A、<tr></tr>B、<br></br>C、<table></table>D、<bg></bg>答案:C22、用于设置表格背景颜色的属性是()。A、backgroundB、bgcolorC、BorderColorD、backgroundColor答案:B23、如果一个表格包括有1行4列,表格的总宽度为“699”,间距为“5”,填充为“0”,边框为“3”,每列的宽度相同,那么应将单元格定制为多少像素宽()。A、126B、136C、147D、167答案:D

24、关于表格的描述正确的是()。A、在单元格内不能继续插入整个表格B、可以同时选定不相邻的单元格C、粘贴表格时,不粘贴表格内容D、在网页中,水平方向可以并排多个独立的表格答案:D25、CSS是利用什么XHTML标记构建网页布局()?A、<dir>B、<div>C、<dis>D、<dif>答案:B26、下面哪个CSS属性是用来更改背景颜色的()?A、background-color:B、bgcolor:C、color:D、text:答案:A27、在CSS中设置背景图片时需要使用参数()。A、imageB、urlC、styleD、embed答案:B

28、如果在HTML页面中包含如下图片标签,则在下划线处添加()代码能够实现隐藏该图片的功能。

<imgid=”pic”src=”Sunset.jpg”width=”400”height=”300”____________>A、style=”display:visible”;B、style=”display:disvisible”;C、style=”display:block”;D、style=”display:none”;答案:D29、怎样给所有的<h1>标签添加背景颜色()?A、.h1{background-color:#FFFFFF}B、h1{background-color:#FFFFFF;}C、h1.all{background-color:#FFFFFF}D、#h1{background-color:#FFFFFF}答案:B30、li元素中包含img元素的时候,IE中img下面多出了5px左右的空白,下列哪个处理办法不可行()。A、使li浮动,并设置img为块级元素B、设置ul的font-size:0;C、设置img的margin:0;D、设置img的margin-bottom:-5px;答案:C31、下列哪个样式定义后,内联(非块状)元素可以定义宽度和高度()。A、display:inlineB、display:noneC、display:blockD、display:inherit答案:C32、下列哪个属性能够设置盒模型的左侧外边距()?A、margin:B、indent:C、margin-left:D、text-indent:答案:C33、下列哪个属性能够设置盒模型的左侧外边距()?A、relative-left:B、indent-left:C、margin-left:D、text-indent:答案:C34、html5中关于divsectionarticle描述错误的是()。A、div本身没有任何语义,用作布局以及样式化。B、section表示一段专题性的内容,一般会带有标题。C、article不可以内嵌article。答案:C

35、以下描述错误的是()。A、InternetExplorer8以及更早的版本不支持<footer>标签B、<footer>标签定义文档或节的页脚C、<footer>元素内的联系信息应该位于<address>标签中D、不可以在一个文档中使用多个<footer>元素答案:D36、下列哪个css属性能够设置盒模型的内补丁为10、20、30、40(顺时针方向)()?A、padding:10px20px30px40pxB、padding:10px1pxC、padding:5px20px10pxD、padding:10px答案:A37、下面选项中,可以改变盒子模型外边距的是(

)。A、paddingB、marginC、typeD、border答案:B38、如何改变元素的左外边距(

)?A、text-indentB、margin-leftC、marginD、margin-right答案:B39、将一个盒子的上边框定义为1像素、蓝色、单实线,下列代码正确的是(

)。A、border-top:1px

solid#00f;B、border:1px

solid#00f;C、border-top:1px

dashed#00f;D、border:1px

dashed#00f;答案:A40、下列代码中,可以用于清除链接图像边框的是(

)。A、border:0;B、margin:0;C、padding:0;D、list-style:none;答案:A

二、多选题1、分析下面的HTML代码片段,则选项中的说法正确的是(

)。(选择二项)<tableborder="10"><tr><tdcolspan=2>姓名</td></tr><tr><tdrowspan=2>成绩</td><td>语文</td></tr><tr><tdcolspan=2>数学</td></tr></table>

A、该表格共有2行3列B、该表格的边框宽度为10毫米C、该表格中的文字均居中显示D、“姓名”单元格跨2列答案:CD2、分析下面的HTML代码片段,则选项中的说法正确的是()。(选两项)<tablecellspacing=“30”><tr><tdcolspan=2align=“center”>姓名</td>,</tr><tr><tdrowspan=2align=”center”>成绩</td><tdalign=”center”>语文</td></tr><tr><tdcolspan=2align=“center”>数学</td>,</tr></table>

A、该表格共有2行3列B、该表格的边框宽度为30像素C、该表格中的文字均居中显示D、“姓名”单元格跨2列答案:CD

3、在HTML中,下面()标签且于定义表的单元格。A、

<TR>B、<TD>C、<TABLE>D、<TH>答案:BD

4、分析下面的HTML代码片段,则选项中的说法正确的是(

)。

<tableborder=“2”>

<trbgcolor=”yellow”>

<tdbgcolor=”red”>1月</td>

<td>2月</td>

<tdbgcolor=”green”>3月</td>

</tr>

<trbgcolor=”gray”>

<tdbgcolor=”red”>5月</td>

<td>6月</td>

<tdbgcolor=”green”>7月</td>

</tr>

</table>A、”1月”单元格的背景色为红色(red)B、

”2月”单元格的背景色为网页背景色C、”6月”单元格的背景色为灰色(gray)D、”7月”单元格的背景色为绿色(green)答案:ACD5、关于设置背景图像的代码片段background:url(images/book.png)no-repeatleftcenter;,下列描述正确的是()。A、url(images/book.png)设置网页的背景图像B、no-repeat设置背景图像不平铺C、leftcenter用于控制背景图像的位置D、在上面的代码中,各个样式顺序任意答案:ABCD6、下列选项中,关于display:none;样式说法正确的是()。A、显示元素对象B、隐藏元素对象C、占用页面空间D、不占用页面空间答案:BD7、CSS中边框属性包括()。A、边框样式属性brder-style;B、边框宽度属性border-width;C、边框颜色属性border-color;D、单侧边框的属性;E、边框的综合属性;答案:ABCDE8、下列选项中,属于边框属性样式的是()。A、solidB、dashedC、dottedD、none答案:ABCD9、下列选项中,属于<table>标记属性的是()。A、borderB、cellspacingC、cellpaddingD、background答案:ABCD

10、常见的块级元素有()等。A、<h1>-<h6>B、<p>C、<div>D、<ul>E、<ol>F、<li>G、<img>答案:ABCDEF11、以下描述正确的是()。A、<nav>标签定义导航链接的部分B、<nav>标签是HTML5中的新标签C、如果文档中有导航按钮,则应该把它放到<nav>元素中D、如果有<header>标签,应把它放到<nav>元素中答案:ABC12、在HTML中,下列(

)标签会产生换行。A、<H1>B、<P>C、<DIV>D、<HR>答案:ABCD13、在CSS语言中下列哪些选项是背景图像的属性()。A、背景重复B、背景附件C、纵

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论