一、 填空题
- 使用文本编辑器编辑完HTML后，扩展名可以是__html___或___htm__。
- 表格的标签是____table______，单元格的标签是____td______。
- 在编辑table表格时，合并行使用 __rowspan_____合并列使用_____colspan____。
- 在CSS层叠样式表当中经常用到的三种选择器：___元素选择器___、__类选择器__、__id选择器__。
- 在JavaScript脚本语言当中，定义函数使用___function__单词表示。
- 用来输入密码的表单域是___ input标签type属性等于password ____。
- 文件头标签也就是通常所见到的 _head___ 标签。
- 预格式化文本标记的功能是___标记内的内容按照原格式显示在网页当中______。
- __超链接___是网页与网页之间联系的纽带，也是网页的重要特色。
- 表单是Web__客户端__和Web__服务器___之间实现信息交流和传递的桥梁。
…. 是用来定义__表格的一行____；… 是用来定义___表格的一列___；- 在网页中插入背景图案（文件的路径及名称为/img/bg.jpg）的语句是
________。
- 设定图片高度及宽度的属性是___ height\width ____。
- window的 ___onload___ 事件在浏览器完成页面加载后立即触发。
- Javascript里Math的___ random()____方法返回介于0和1之间的伪随机数。
- 获得焦点的事件___ onfocus __,失去焦点的事件___ onblur ___。
- W3C是指 __万维网联盟___ 。
- 当今比较流行的技术研发模式是__c/s___和__b/s___的体系结构来实现的
- 利用CSS设置网页背景颜色为绿色的语句____background-color=’green’_______。
- 在HTML中，引入CSS的方法主要有___行内式____、___内嵌式___、___导入式___、___链接式__4种。
- 在标签当中可以通过__style__属性中设定CSS样式。
- CSS样式遵循_就近_原则。
- 继承原则中，CSS所有的样式子标记都可以____继承___父标记所有的样式风格，而 子标记的样式风格___完全不会影响___父标记。
- 表单的提交有两种方式，分别是:___get____、___post___。
- 表单对象的名称由__name__属性设定；提交方法由___method____属性指定；若要提交大数据量的数据，则应采用___post__方法；表单提交后的数据处理程序由__action___属性指定。
- 经常说的表单验证，那么表单是使用___form___标签表示。
- 表单实际上包含两个重要组成部分：一是描述表单信息的____ web页 ， 二是用于处理表单数据的服务器端___表单处理程序___。
- 设置文档的可见部分开始标记符______；结束标记符是___________。
- 严格来说， ___html___并不是一种编程语言，而只是一些能让浏览器看懂的标记。
- 请写出在网页中设定表格边框的厚度的属性__border_____；设定表格单元格之间宽度属性___ cellpadding____；设定表格资料与单元格线的距离属性___ cellspacing___。
二、 选择题
|
|||||||
|
|
|
||||||
| A. |
//这是注释 |
||||||
| B. |
|||||||
| C. |
/*这是注释*/ |
||||||
| D. |
|
||||||
| 2.分析下面的HTML代码片段，则选项中的说法正确的是( CD )(选择二项) |
|||||||
|
|
|
||||||
| A. |
该表格共有两行三列 |
||||||
| B. |
该表格边框宽度为30像素 |
||||||
| C. |
该表格中的文字均居中显示 |
||||||
| D. |
姓名”单元格跨2列 |
||||||
| 3.分析下面的HTML代码段，下面描述正确的是( A )(选择一项)
|
|
|||
|
|
|
|
||
| A. |
在页面中创建了三个框架，左边一列包含两个框架(各占50%)，右边一列占窗口的70% |
|
||
| B. |
在页面中创建了三个框架，左边一列占窗口的30%，右边一列包含两个框架(各占50%) |
|
||
| C. |
在页面中创建了三个框架，上边一行占窗口的30%，下边一行包含两个框架(各占50%) |
|
||
| D. |
在页面中创建了三个框架，上边一行包含两个框架(各占50%)，下边一行占窗口的70%
|
|
||
| 4. 在HTML中，通过( b )可以实现鼠标悬停在超链接上时，为无下划线的效果。(选择一项) |
||||
|
|
|
|||
| A、a{text-decoration:underline} |
|
|||
| B、a{text-decoration:none} |
|
|||
| C、a:hover{text-decoration:none} |
|
|||
| D、a:link{text-decoration:underline} |
|
|||
| 5. 在HTML中，使用 |
||||
|
|
|
|||
| A. |
用来设置图片文件的格式 |
|||
| B. |
用来设置图片文件所在的位置 |
|||
| C. |
用来设置鼠标指向图片时显示的文字 |
|||
| D. |
用来设置图片周围显示的文字 |
|||
| 6. 在HTML中，( D )可以在网页上通过连接直接打开客户端的发送邮件工具发送电子邮件(选择一项) |
|
|
|
|
| A. |
|
| B. |
|
| C. |
|
| D. |
|
| 7. 下列常用属性设置中，( B )适用于标签 (选择一项) |
|
|
|
|
| A. |
border="0" |
| B. |
frameborder="1" |
| C. |
scrolling="0" |
| D. |
href="head.htm" |
| 8. 下面关于外部样式表的说法错误的是( A )。(选择一项) |
|
|
|
|
| A. |
文件扩展名为 .cs |
| B. |
外部样式表内容不需要使用 登录注册帮助 图: 登录 注册 帮助(选择一项) |
|
|
|
| A. |
第一个横线:inherit 第二个横线:right |
| B. |
第一个横线:none 第二个横线:right |
| C. |
第一个横线:inherit 第二个横线:left |
| D. |
第一个横线:none 第二个横线:left |
| 15. 在HTML中，将表单中INPUT元素的TYPE属性值设置为( A )时，用于创建重置按钮。(选择一项) |
|
|
|
|
| A. |
Reset |
| B. |
Set |
| C. |
Button |
| D. |
Image |
| 16. 如图所示，要求单击“天狼星”时，弹出页面“Page.html”,并显示“天狼星欢迎你”，则在HTMLPage.html中，正确实现此连接的代码是( C )(选择一项)
|
|
|
|
|
| A. |
|
| B. |
|
| C. |
|
| D. |
|
| 17. 在HTML中，以下( A )能够实现表格跨列。(选择一项) |
|
|
|
|
| A. |
colspan属性 |
| B. |
rowspan属性 |
| C. |
colspan标签 |
| D. |
rowspan标签 |
| 18. 已知在HTML页面上定义了如下所示的CSS样式(选择一项)
分析如下的HTML代码片断，选项中说法错误的是( B )
|
|||||||
|
|
|
||||||
| A. |
表格中某些单元格应用了t样式 |
||||||
| B. |
表格共两列，其中name文本框跨了两列 |
||||||
| C. |
表格单元格右边框为dashed(虚线框样式) |
||||||
| D. |
表格单元格顶填充为5像素 |
||||||
| 19. CSS样式background-position:-5px 10px代表的意义是( A )(选择一项) |
|
|
|
|
| A. |
背景图片向左偏移5px，向下偏移10px |
| B. |
背景图片向左偏移5px，向上偏移10px |
| C. |
背景图片向右偏移5px，向下偏移10px |
| D. |
背景图片向右偏移5px，向上偏移10px |
| 20. 若某标签里内容超过标签尺寸，则超出内容自动隐藏的CSS样式是( C )。(选择一项) |
|
|
|
|
| A. |
display:none |
| B. |
visibility:hidden |
| C. |
overflow:hidden |
| D. |
clear:both |
| 21. 阅读下面CSS代码，下面选项中与该代码段效果等同的是( A )。(选择一项) .box { margin:10px 5px; margin-right:10px; margin-top:5px; } |
|
|
|
|
| A. |
.box { margin:5px 10px 10px 5px; } |
| B. |
.box { margin:5px 10px 0px 0px; } |
| C. |
.box { margin:5px 10px; } |
| D. |
.box { margin:10px 5px 10px 5px; } |
| 22. 阅读下面HTML代码，如果期望tabs位于box容器的右下角，则需要添加的CSS样式是( C )。(选择一项) |
|
|
|
|
| A. |
#tabs { position:absolute; right:0; bottom:0; } |
| B. |
#tabs { position:relative; right:0; bottom:0; } |
| C. |
#box { position:relative; } #tabs { position:absolute; right:0; bottom:0; } |
| D. |
#box { position:relative; } #tabs { position:right bottom; } |
| 23. 在HTML网页中添加如下CSS样式，鼠标悬浮在链接上面时，网页中的链接呈现的颜色为( B )。(选择一项) body { color:red; } a { color:black; } a:link,a:visited { color:blue; } a:hover,a:active { color:green; } ... |
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|
|
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| A. |
红色 |
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| B. |
绿色 |
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| C. |
蓝色 |
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| D. |
黑色 |
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| 24. 在HTML中，( D )标签用于在网页中创建表单。(选择一项) |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| A. |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| B. |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| C. |
三、 判断题
10. 标识无需标识（ F ） 11. 在HTML文档中，允许为无序列表（ul）的某个列表项（li）嵌入定义列表（dl）。（ T ） 12. CSS样式表的继承性是指html元素将自动继承父元素的所有css属性。（ F ） 13. 在css样式定义中，子选择器与后代选择器的含义相同。（ F ） 14. 在css层叠规则中，id选择器样式表的优先级高于类选择器。（ T ） 15. 只有IE浏览器支持CSS，而其他浏览器不支持。（ F ） 16. 在HTML文档中， 17. IE6下，制作一个大小为10*10px的div，样式是width:10px;height:10px; （ F ） 18. FTP协议是指超文本传输协议（ F ） 19. HTML中，空格的代码为 （ T ） 20. 可以用HTML、JavaScript或C语言编写自己的扩展 （ T ）
四、 简答题
五、 编码题
1．请编写代码实现下图效果。（6分） HTML: 1 <table style="border: 1px solid blue;"> 2 <tr> 3 <td style="padding-right: 20px">红色td> 4 <td style="padding-right: 20px">蓝色td> 5 <td style="padding-right: 20px">绿色td> 6 tr> 7 table> 2．请编码实现如下效果。（9分） HTML: 1 <table> 2 <tr> 3 <td>姓名td> 4 <td> 5 <input type="text" id="uname" 6 name="username"onblur="checkname()"> 7 td> 8 <td id="namemess">td> 9 tr> 10 <tr> 11 <td>密码td> 12 <td> 13 <input type="password" id="pwd" name="pwd"> 14 td> 15 <td>td> 16 tr> 17 <tr> 18 <td>重复密码td> 19 <td> 20 <input type="password" id="pwd2" 21 name="pwd2"onblur="checkpwd()"> 22 td> 23 <td id="pwdmsg">td> 24 tr> 25 <tr> 26 <td>年龄td> 27 <td> 28 <input type="text" id="age" 29 name="age" onblur="checkage()"> 30 td> 31 <td id="agemsg">td> 32 tr> 33 <tr> 34 <td>性别td> 35 <td> 36 <input type="radio" value="1" name="sex">男 37 38 <input type="radio" value="0" name="sex">女 39 td> 40 tr> 41 <tr> 42 <td>爱好td> 43 <td> 44 <input type="checkbox" value="1" name="aihao">足球 45 46 <input type="checkbox" value="2" name="aihao">蓝球 47 <input type="checkbox" value="3" name="aihao">羽毛球 48 <input type="checkbox" name="aihao" value="4">乒乓球 49 td> 50 tr> 51 <tr> 52 <td>班级td> 53 <td> 54 <select name="banji"> 55 <option value="1">一年级一班option> 56 <option value="2">一年级2班option> 57 <option value="3">一年级3班option> 58 <option value="4">一年级4班option> 59 select> 60 td> 61 tr> 62 <tr> 63 <td> 64 <input type="reset" value="重置"> 65 td> 66 <td align="center"> 67 <input type="submit" value="提交"> 68 td> 69 tr> 70 table> CSS: 1 <style type="text/css"> 2 table 3 { 4 font-size: 12px; 5 border: solid 1px blue; 6 border-collapse:collapse; 7 } 8 td 9 { 10 border:solid 1px blue; 11 } 12 style> 3．请编写代码实现下图效果（5分） HTML: 1 <table> 2 <tr> 3 <td>姓名td> 4 <td> 5 <input type="text" name="uname"> 6 td> 7 tr> 8 <tr> 9 <td>密码td> 10 <td> 11 <input type="text" name="pwd"> 12 td> 13 tr> 14 <tr> 15 <td colspan="2" align="center"> 16 <input type="submit" value="登录"> 17 td> 18 tr> 19 table> CSS: 1 table 2 { 3 font-size: 12px; 4 border: solid 1px blue; 5 border-collapse: collapse; 6 width: 300px; 7 } 8 td 9 { 10 font-size: 12px; 11 border: solid 1px blue; 12 }
你可能感兴趣的:(HTML/CSS题库) | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||