网页设计与制作教程练习题及答案 项目8使用CSS美化表格答案_第1页
网页设计与制作教程练习题及答案 项目8使用CSS美化表格答案_第2页
网页设计与制作教程练习题及答案 项目8使用CSS美化表格答案_第3页
网页设计与制作教程练习题及答案 项目8使用CSS美化表格答案_第4页
网页设计与制作教程练习题及答案 项目8使用CSS美化表格答案_第5页
全文预览已结束

下载本文档

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

文档简介

项目8使用CSS美化表格一.填空题1．在HTML中，表格的标签是，单元格的标签是，行的标签是，<th>用来定义。答：table、td、tr、表头标题单元格2．表格的宽度可以用和两种单位来设置。答：像素、%3．在网页中定义表格边框宽度的属性是；定义表格单元格之间距离的属性是；定义单元格内容与单元格间的距离属性是。答：border、cellspacing、padding4．在竖直方向上合并单元格所用的属性是；在水平方向上合并单元格所用的属性是。答:rowspan、colspan5．CSS实现表格为单线条框样式的语句是。答：border-collapse:collapse二.单项选择题（只有一个正确答案）1．下列标记中，均是表格标记的是（）。A．<table><th><dt> B．<table><td><title>C．<table><tr><th> D．<table><body><caption>答：C2．下列属性中，用于设置单元格之间距离的是（）。A．colspanB．cellspacingC．caption-sideD．cellpadding答：B3．下列属性中，用于设置单元格内容与单元格边框之间距离的标签是（）。A．widthB．borderC．cellspacingD．cellpadding答：D4．HTML语句“<tdrowspan=2>”，表示（）。A．单元格的高度为2 B．单元格的宽度为2C．合并水平方向的单元格 D．合并竖直方向的单元格答：D5．标签<caption>用于定义（）。A．表头行标题 B．表头列标题 C．表格 D．表格的标题答：D6．如果要使浏览器不显示表格边框，应设置（）。A．<tableborder=”0”> B．<tdborder=”0”>C．<trborder=”1”> D．<tableborder=”1”>答：A7．合并单元格必须是（）的单元格。A．同一列B．大小相同C．相邻D．同一行答：C8．如果将表格的width设置为100%，这意味着（）。A．表格的宽度会随着浏览器窗口大小的变化而自动调整B．表格的宽度为100pxC．表格的宽度是固定不变的D．表格的高度是固定不变的答：A9．下列关于表格的说法，错误的是（）。A．可以合并相邻的单元格B．可以设置表格的宽度和高度C．可以设置单元格之间的距离D．不能设置单元格内容和单元格边框之间的距离答：D10．分析以下代码，正确的是（）。<tableborder=”1”> <tr><th>姓名</th><th>性别</th><th>年龄</th></tr><tr> <td>小明</td><td>男</td><td>28</td></tr><tr><td>小红</td><td>女</td><td>23</td></tr><tr><td>小黄</td><td>女</td><td>25</td></tr></table>A．是一个四行三列的表格 B．是一个三行四列的表格C．是一个没有边框的表格 D．表格表头显示为加粗字体答：A11．关于下面的HTML及CSS代码片断，则选项中的说法错误的是（）。<styletype="text/css">table{border:orangesolid5px;border-collapse:collapse;}td,th{border:redsolid1px;padding:5px;}tr{background-color:pink;}</style>……<table><tr><thcolspan="2">书籍</th><thcolspan="3">音像</th></tr><tr><td>图书</td><td>杂志</td><td>磁带</td><td>CD</td><td>DVD</td></tr></table>A．表格共5列，“书籍”跨2列，“音像”跨3列B．表格的背景颜色为orangeC．“书籍”和“音像”所在行的背景色为pinkD．表格中文字与边框距离为5px答：B12．在CSS中设置padding:10px20px30px40px分别设置元素（）内边距。A．上、右、下、左 B．上、下、左、右C．上、左、下、右 D．左、右、上、下答：A13．下列属性中，（）表示上方外边距。A．margin-leftB．margin-topC．padding-topD．margin-bottom答：B14．下列关于样式的说法，错误的是（）。A．border-width是设置边框的宽度 B．字体大小的单位可以是emC．padding-left是设置内容与右边框之间的距离 D．以上说法都不对答：C15．下列属性是指的是外边距（）。A．padding B．margin C．border D．width答：B16．下列选项中，与CSS代码段效果等同的是（）。.box{padding:5px8px3px}A．.box{padding-left:5px;padding-right:5px;padding-top:8px;padding-bottom:3px;}B．.box{padding-left:8px;padding-right:8px;padding-top:5px;padding-bottom:3px;}C．.box{padding-left:5px;padding-right:8px;padding-top:3px;padding-bottom:3px;}D．.box{padding-left:3px;padding-right:3px;padding-top:8px;padding-bottom:5px;}答：B17．阅读下面的HTML及CSS代码，图片距最外面的DIV外边缘的距离是（）。<styletype="text/css">#outbox{border:10pxsolid#ff0000;width:400px;}#inbox{border:10pxsolid#ff0000;margin:5px;padding:5px;}</style>...<divid="outbox"><divid="inbox"><imgsrc="flower.jpg"/></div></div>...A．10pxB．30pxC．40pxD．50px答：B18．可以通过（）设置单元格内容和单元格边界之间的距离。A．borderB．paddingC．heightD．margin答：B三、多项选择题（至少有两个正确答案）1．下列标记中，用于定义一个单元格的是（）。A．<td>…</td> B．<tr>…</tr>C．<th>…</th> D．<dd>…</dd>答：AC2．分析下面的HTML代码片段，则选项中的说法正确的是（）。<tableborder="10"><tr><tdcolspan=2align="center">姓名</td></tr><tr><tdrowspan=2align="center">成绩</td><tdalign="center">语文</td></tr><tr><tdalign="center">数学</td></tr><table>A．该表格共有3行2列 B．该表格的边框宽度为10厘米C．该表格中的文字均居中显示 D．“成绩”列跨2行答：ABCD四、判断题1．HTML表格在默认情况下没有边框。（）答：√2．在表格中，非连续单元格和连续单元格都可以合并。（）答：╳3．只能设置表格背景颜色，不能用图片设置为表格背景。（）答：╳4．内边框padding和外边距margin都可以设置为负数。（）答：√5．margin不可以单独定义某一个方向的值。（）答：╳五、简答题简述html表格的基本结构及表格常用属性的用法。答:表格常用的标签及表格属性如下：表格的标签标签描述table定义表格。caption定义表格标题。tr在表格中定义一行。th定义表头标题单元格。<th>标签内部的文本通常会呈现为粗体、居

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

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

最新文档

评论

0/150

提交评论