html+css面试题

最新推荐文章于 2025-07-07 17:41:34 发布

fly__girl_

最新推荐文章于 2025-07-07 17:41:34 发布

阅读量2.8k

点赞数

文章标签： html

一、不定项选择题  （每题3分，共63分）
1. 参看以下的HTML代码:
<html>
<head>
<title>表格</title>
<head>
<body>
<table border="1"> <tr>
<td >1</td> <td >2</td> </tr> <tr>
<td >3</td> <td >4</td> </tr> </table> </body> </html>
对以上代码，以下描述正确的是（    ）
A、该网页内容的第一行显示“表格”
B、1和2的表格在同一列
C、1和2的表格在同一行
D、1和3的表格在同一列
2. 以下的HTML代码片段中：
…… <table>
<caption align="top">文具</caption> <tr>
<th>铅笔</th> <th>圆珠笔</th> <th>水笔</th> </tr>
…… </table>
以下哪些是正确的判断（     ）
A、铅笔一定位于首行中的第一列
B、圆珠笔一定位于首列中的第一行
C、文具应位于首列首行
D、水笔与圆珠笔在不同的行
3. 根据以下的HTML代码片段：
<body >
<table border="2">
<caption align="top">月度报表</caption> <tr>
<th>月份</th>
<td bgcolor= red>1月</td> <td>2月</td>
<td bgcolor=green>3月</td> </tr> </table>
</body>
正确的显示结果是（    ）
A、页面中会有一个默认的表格标题，显示出“月度报表”
B、第一个单元格的背景色是红色
C、第二个单元格的的背景色为绿色
D、 “月份”显示为粗体

4. 根据以下的HTML代码片段：
<h1 style="font-style:italic;color:limegreen; font-size:30pt";> hello!Nice to meet you!  </h1> <h1>
this is the default display of an h1 element </h1>
以下描述不正确的是（  ）
A、第一个h1设置了特定的属性
B、第二个h1用了系统默认的属性
C、“hello!Nice to meet you!”的字体颜色是浅绿色
D、“this is the default display of an h1 element”的字体大小为30pt
5. 根据以下的HTML代码： h1{color:limegreen;font-family:arial} 可以知道（  ）
A、此段代码是一个类选择器
B、选择器的名称是color
C、 { }部分是对h1这个选择器的样式说明
D、 limegreen 和font-family都是值
6. 已知services.html与text.html在同一服务器上，但不在同一文件夹中。假如文档
services.html在文件夹information中，proposals段落在文档services.html中。现要求在text.html文档中编写一个超链接，链接到文档services.html的proposals段落。下面语句正确的是（  ）
var cpro_psid ="u2572954"; var cpro_pswidth =966; var cpro_psheight =120;
A、<a href="services.html#proposals">Link</a>
B、<a href ="information/services.html#proposals">Link</a>
C、<a href ="#proposals">Link</a>
D、<a href ="information#proposals">Link</a>
7. 下面语句中，（  ）可以在网页上通过链接直接打开客户端的发送邮件的工具发送电子邮件
A、< a href=”telnet:zhangming@aptech.com”>发送反馈信息</a>
B、< a href=”mail:zhangming@aptech.com”>发送反馈信息</a>
C、< a href=”ftp:zhangming@aptech.com”>发送反馈信息</a>
D、< a href=”mailto:zhangming@aptech.com”>发送反馈信息</a>
8. 下面标记中，（   ）在标记的位置添加一个回车符
A、<A>
B、<ENTER>
C、<BR/>
D、<HR/>
9. （    ）标记用于以预定义的格式显示文本，即文本在浏览器中显示时遵循在HTML
源文档中定义的格式
A、<address>
B、<blockquote>
C、<pre>
D、<span>
10. 要在网页中显示下面的列表：
1.超链接 2.基本标记 3.使用表格和层
下列语句正确的是（    ）
A、<ul  type=”1”>
<li>超链接</li> <li>基本标记</li> <li>使用表和层</li> </ul>
B、<ol  type=”A”>
<li>超链接</li> <li>基本标记</li> <li>使用表和层</li> </ul>
C、<ol  type=”1”>
<li>超链接</li> <li>基本标记</li> <li>使用表和层</li> </ol>
var cpro_psid = "u2787156";
var cpro_pswidth = "966";
var cpro_psheight = "120";
body{color:blue;background:dimgray;font-family:arial;}
ul{color:red} </style> </head> <body> <ul>
<li>芒果</li> <li>橘子</li> </ul> <ol>
<li>苹果</li> <li>提子</li> </ol> </body> …
以下正确的是（     ）
A、在式样表中声明了ul类选择器
B、该段中ol列表从ul中继承属性
C、 “苹果”和“提子”的字体颜色是红色
D、 Ul选择器将覆盖body选择器的说明

20. 创建一个带多个框架的页面，要求页面分为4列，第一列为100像素宽，第二列为窗口
的50％，第三列占余下空间的2/3，最后一列占余下空间的1/3。下列语句正确的是（      ）
A、 <FRAMESET COLS=”100,50%*,2*,*”>
B、 <FRAMESET COLS=”100,7*,*2*,*”>
C、 <FRAMESET COLS=”100,50%,2*,*”>
D、 <FRAMESET COLS=”100,50%,*,*”>

21. 假如创建了一个包含左右两个框架的页面，代码如下： <FRAMESET COLS=”230,*”>
    <FRAME NAME=”left” SRC=”leftdoc.html”>     <FRAME NAME=”right” SRC=”rightdoc.html”> < FRAMESET >
现希望实现当点击左边框架中的每个链接时，都在右边框架中显示链接文档，下面操作正确的是（      ）
A、修改leftdoc.html文件，将其中的所有元素的链接的TARGET属性指定到右边框架
right
B、修改leftdoc.html文件，将第一个元素的链接的TARGET属性指定到右边框架right
C、将语句<BASE TARGET=”right”> 添加到leftdoc.html的文档头中
D、修改rightdoc.html文件，将其中的所有元素的链接的TARGET属性指定到左边框架
left

二、问答题（每题5分，共15分）
1、简述DIV元素和SPAN元素的区别；
2、CSS样式表的3种引入方式，与优先级顺序；
3、简述几条XHTML规范的内容（至少5条以上）
三、程序题（第1题10分，第2题12分）
1、编写html代码，实现以下表格式样（表格宽度600px），要求：    1）完整的html代码
   2）良好的代码格式与规范    3）数字的居右显示    4）实现单元格合并    5）标题头部加粗显示
序号季度 1 1000
第一季度 1500
第二季度 1800
第三季度  2800
2、编写页面html代码，实现以下frameset展现式样，要求：
1）完整的html代码
2）良好的代码格式与规范
top.html   (150象素)
main.html
menu.html （200象素）
footer.html （100象素）