HTML5+CSS3 Web前端开发技术 试卷 HTML5+CSS3试卷1_第1页
HTML5+CSS3 Web前端开发技术 试卷 HTML5+CSS3试卷1_第2页
HTML5+CSS3 Web前端开发技术 试卷 HTML5+CSS3试卷1_第3页
HTML5+CSS3 Web前端开发技术 试卷 HTML5+CSS3试卷1_第4页
HTML5+CSS3 Web前端开发技术 试卷 HTML5+CSS3试卷1_第5页
已阅读5页，还剩4页未读， 继续免费阅读

下载本文档

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

文档简介

HTML5+CSS3Web前端开发技术测验题一学号专业姓名一、单项选择题（每题1.5分，共45分）1.在HTML中，标记<pre>的作用是()。A.标题标记B．预排版标记C.转行标记D．文字效果标记2．在CSS中使用背景图片需要使用参数（）A．image B．urlC．style D．Embed3．在CSS的文本属性中，文本修饰的取值text-decoration：overline表示（）A．不用修饰 B．下划线C．上划线 D．横线从字中间穿过4．在CSS的文本属性中，文本修饰的取值text-decoration：underline表示（）A．不用修饰 B．下划线C．上划线 D．横线从字中间穿过5.下面哪一个属性不是文本的标签属性？（）A．nbsp;B．alignC．colorD．face6．在CSS的文本属性中，文本修饰的取值text-decoration：line-through表示（）A．不用修饰 B．下划线C．上划线 D．横线从字中间穿过7．外部式样式单文件的扩展名为（）A．.js B．.domC．.htm D．.css8.超级链接是一种(

)的关系。A.一对一

B.一对多

C.多对一

D.多对多9.关于文本对齐，源代码设置不正确的一项是：（）A．居中对齐：<divalign="middle">…</div>B．居右对齐：<divalign="right">…</div>C．居左对齐：<divalign="left">…</div>D．两端对齐：<divalign="justify">…</div>10.对于<map>标记，单图多向超级链接使用<areashape=″图片形状″coords=″坐标″href=″URL″>，其中图片形状不包括的是（） A．rect B．circle C．triangle D．Poly11.为了标识一个HTML文件应该使用的HTML标记是() A.<p></p>B.<boby></body> C.<html></html>D.<table></table>12.下面哪一项是换行符标签？（）A．<body>B．<font>C．<br>D．<p>13.下列哪一项是在新窗口中打开网页文档。（）A．_selfB．_blankC．_topD．_parent14.下面不属于CSS插入形式的是() A.索引式B.内联式 C.嵌入式D.外部式15．网页的特征是（） A．HTML文档的基本特征——超文本 B．标识语言，网页中不能没有标记（Tag） C．网页提供了一些措施以防在网上冲浪的过程中迷失方向 D．网页实现了对原文档信息的无限补充或扩展16．下面说法错误的是()。 A．CSS样式表可以将格式和结构分离 B．CSS样式表可以控制页面的布局 C．CSS样式表可以使许多网页同时更新 D．CSS样式表不能制作体积更小下载更快的网页17．CSS样式表不可能实现()功能。 A．将格式和结构分离 B．一个CSS文件控制多个网页C.控制图片的精确位置 D．兼容所有的浏览器18．HTML中字体大小的级别有（） A．3级 B．5级 C．7级 D．9级19．要使表格的边框不显示，应设置border的值是()。 A．1B．0C．2D．320．在HTML的<th>和<td>标记中，不属于valign属性的是（） A．top B．middle C．low D．Bottom21．在HTML中，()不是链接的目标属性。 A.selfB．newC．blankD．Top22．为了标识一个HTML文件应该使用的HTML标记是()。A．<p><／p> B．<boby><／body> C．<html><／html> D．<table><／table>23．body元素用于背景颜色的属性是（） A．alink B．vlink C．bgcolor D．Background24．<ahref=”#csust”>郑州大学软件学院</a>的作用是（） A．超级链接到郑州大学软件学院网页上 B．超级链接到本文件中csust标记处 C．超级链接暂时不被运行 D．超级链接到#csust网页上25．若要在网页中插入样式表main.css,以下用法中，正确的是（）。 A．<Linkhref=”main.css”type=text/cssrel=stylesheet> B．<LinkSrc=”main.css”type=text/cssrel=stylesheet> C．<Linkhref=”main.css”type=text/css> D．<Includehref=”main.css”type=text/cssrel=stylesheet>26．HTML是一种页面(

)型的语言。A.程序设计

B.执行

C.编译

D.描述27．若要使表格的行高为16pt，以下方法中，正确的是（） A．<tableborder=1style=”Line-Height:16”>…</table> B．<tableborder=1style=”Line-Height:16pt”>…</table> C．<tableborder=1LineHeight=“16”>…</table> D．<tableborder=1LineHeight=”16pt”>…</table>28．下面不属于CSS插入形式的是().A．索引式B．内联式C．嵌入式D．外部式29．以下标记中，可用来产生滚动文字或图形的是（）。A.<Scroll>B.<Marquee>C.<TextArea>30．若要在当前网页中定义一个独立类的样式myText,使具有该类样式的正文字体为”Arial”,字体大小为9pt,行间距为13.5pt,以下定义方法中，正确的是（）。A．<Style>.myText{Font-Familiy:Arial;Font-size:9pt;Line-Height:13.5pt}</style>B．.myText{Font-Familiy:Arial;Font-size:9pt;Line-Height:13.5pt}C．<Style>.myText{FontName:Arial;FontSize:9pt;LineHeight:13.5pt}</style>D．<Style>..myText{FontName:Arial;Font-ize:9pt;Line-eight:13.5pt}</style>填空题（每题2分，共20分）用HTML标记语言编写一个简单的网页，网页最基本的结构是________________________主页中一般包含的基本元素有_________________用于设置页面标题的是___________________在表单标记中，用_______属性来提交填写的信息、调用表单处理程序在网页中，必须使用__________标记来完成超级链接在HTML语言中，有些符号由于被标记或标记的属性所占用，在HTML文本中用特殊符号表示，“ ；”代表_________符号当<INPUT>标记的TYPE属性值为________时，代表一个可选多项的复选框。HTML的颜色属性值中，RED的代码是_________________________用于设置表格背景颜色的属性HTML中，合并两个单元格应该使用的属性是_____________简答题（每题10分，共20分）如何居中div？如何居中一个浮动元素？如何让绝对定位的div居中？分别通过代码进行说明。请解释一下CSS3的flexbox（弹性盒布局模型）,以及适用场景？四、编程题（1题，共15分）1、制作一个个人简历表格，效果如图所示：答案：选择题：1-5：BBCBA6-10：DDAAC11-15：CCBAA16-20：DDCBC21-25：BCCBB26-30：DBABA填空题：<html><head>…</head><body>…</body></html>2、图像3、<title>4、action5、<a>…</a>6、空格

7、CHECKBOX8、#FF00009、bgcolor10、colspan简答题：1题答案：div：border:1pxsolidred;margin:0auto;height:50px;width:80px;浮动元素的上下左右居中：border:1pxsolidred;float:left;position:absolute;width:200px;height:100px;left:50%;top:50%;margin:-50px00-100px;绝对定位的左右居中：border:1pxsolidblack;position:absolute;width:200px;height:100px;margin:0auto;left:0;right:0;2题答案：该布局模型的目的是提供一种更加高效的方式来对容器中的条目进行布局、对齐和分配空间。在传统的布局方式中，block

布局是把块在垂直方向从上到下依次排列的；而

inline

布局则是在水平方向来排列。弹性盒布局并没有这样内在的方向限制，可以由开发人员自由操作。

试用场景：弹性布局适合于移动前端开发，在Android和ios上也完美支持。编程题<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>简历表格</title><style>table{width:500px;table-layout:fixed;border-collapse:collapse;font-size:14px;}tableimg{width:90px;}tr{height:40px;}th,td{border:1pxsolid#999;}</style></head><body><table><caption><h3>简历</h3></caption><tr><th>姓名</th><td></td><th>性别</th><td></td><tdrowspan="3"style="text-align:center"><imgsrc="../../dist/images_one/avatar.jpg"alt=""></td></tr><tr><th>出生年月</th><td></td><th>籍贯</th><td></td></tr><tr><th>政治面貌</th><td></td><th>民族</th><td></td></tr><tr><th>联系电话</th><td></td><th>Email</th><tdcolspan="2"></td></tr><tr><th>家庭住址</th><td></td><th>毕业院校</th><tdcolspan="2"></td></tr><tr><th>学历</th><td></td><th>专业</th><tdcolspan="2"></td></tr><tr><throwspan="5">学习工作经历</th><th>起止时间</th><th>工作单位</th><th>职务</th><th>岗位职责及业绩成绩</th></tr><tr><td></td><td></td><td></td><td></td

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

温馨提示

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

最新文档

评论

0/150

提交评论