资源描述
静态网页设计测试题
精品文档
静态网页设计测试题
一 填空题（每空1分，共20分）
1. 网页的后缀名是.html 。
2. HTML页面分为两个部分: head 和 body 。
3. title 元素是页面的标题。
4. p 元素是HTML的段落元素。
5. P元素标签有一个常用属性 align ，它用来指明字符显示时的对齐方向。
6. strong 元素标签用来设定文件中的重要的文本，在一般浏览器中，该元素标签将标签内容设置为粗体。
7. em 元素标签用来设定文件中需要强调语气的内容。在一般浏览器中，该元素标签的效果是将标签内容以斜体来表示。
8. sup 元素标签用来定义上标文本， sub 元素标签用来定义下标文本。
9. del 元素标签用来定义文档中已经被删除的文本。在一般浏览器中，被该元素标签包括起来的文字会被加上删除线。
10. ol 标记表示有序列表， ul 标记表示无序列表。
11. 列表符号样式默认的是实心圆，如果要定义其他符号效果，可以通过 type 属性来设置。
12. table 元素表示表格; tr 元素表示行; td 元素表示单元格。 rowspan 的作用是指定单元格纵向跨越的行数。
13. 可用 form 标记来定义一个表单，当一个表单被定义后就可在表单内放置表单标记。。
14. 密码框的type为 password 。
二 选择题（每题2分，共20分）
1. 下面哪一项是换行符标签？（ C ）
A．<body> B．<font> C．<br> D．<p>
2. 下列哪一项是在新窗口中打开网页文档。（ B ）
A．_self B._blank C._top D._parent
3. 要使表格的边框不显示，应设置border的值是(B )。
A．1 B．0 C．2 D．3
4. 在网页中，必须使用（A ）标记来完成超级链接。
A<a>…</a> B<p>…</p> C<link>…</link> D<li>…</li>
5. 以下标记符中，用于设置页面标题的是（A）
A.<title> B.<caption> C.<head> D.<html>
6. 在HTML中，可以使用（D）标记向网页中插入GIF动画文件。
A.<FORM>
B.<BODY>
C.<TABLE>
D.<IMG>
7. 在HTML中，（C）标签用于以预定义的格式显示文本，即文本在浏览器中显示时遵循在HTML源文档中定义的格式。
A.<HR>
B.＜IMG＞
C.<PRE>
D.<BR>
8. HTML代码<select name="NAME"></select>表示(D )？
A. 创建表格
B. 创建一个滚动菜单
C. 设置每个表单项的内容
D. 创建一个下拉菜单
9. HTML语言中，设置背景颜色的代码是（A）
A. <body bgcolor=?> B. <body text=?> C. <body link=?> D. <body vlink=?>
10. 创建选项菜单应使用以下标记符：（A）
A．SELECT 和 OPTION
B．INPUT 和 LABEL
C．INPUT
D．INPUT 和 OPTION
三 简答题（每题6分，共30分）
1. 简述在HTML文档中，html、css、js分别如何添加注释？
答案：
html的注释形式为<!--注释内容-->；
Css的注释形式为/*注释内容*/;
js的注释形式为/注释内容/
2. 简述页面中应用CSS的三种方式。
答案：方式：外部样式表（最佳方式）、内部样式表、内联样式
外部样式表：利用link元素引进css样式，link元素的位置在head里，用href属性链接的位置。
内部样式表：在head部分输入<style>标记中进行样式规则。
内联样式：行内样式，在某个标签里输入style属性，进行样式规则
3. 简述常用的css样式选择器。
答案：1、按标记名称选择元素（元素名称｛样式规则｝）
2、 按class或id选择元素（按class元素选择器写为：.classname ｛样式规则｝、 按id元素选择器写为#idname ｛样式规则｝）
3、 按祖先元素选择格式化的元素、按父元素选择格式化元素（按祖先元素选择器写为：祖先元素 格式化的元素 ｛样式规则｝、按父元素选择器写为：父元素>格式化元素 ｛样式规则｝）
4、 按状态选择链接元素（超链接的五种状态 a:某个状态 ｛样式规则｝）
5、 按属性选择元素（元素[属性=”value”]）
4. 简述img元素常用的属性及作用。
答案：src属性指定图片来源的url，
alt属性指定图片无法显示时代替的文字，
width属性指定图片宽度，
height属性指定图片高度
5. 简述a元素常用的属性及作用。
答案：href属性链接目标地址
name属性给链接命名
title给链接添加提示文字
target指定链接目标窗口
accesskey链接热键
四 编程题（每题10分，共30分）
1. 根据下图，编写html代码。
答案：
<table border="1" align="center" width="200">
<caption>简易计算器</caption>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
<td>/</td>
<td>%</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
<td>*</td>
<td>1/x</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>-</td>
<td rowspan="2">=</td>
</tr>
<tr>
<td colspan="2">0</td>
<td>.</td>
<td>+</td>
</tr>
</table>
2. 根据下图，编写html代码。
答案： 用户名:<input type="text" name="用户名" id="username" placeholder="请输入用户名" class="ti"/><br>
密码:<input type="password" name="password" placeholder="请输入密码"/><br>
性别：<input type="radio" value="男" name="a"/ >男
<input type="radio" value="女" name="a" checked/>女
<br>
3. 根据下图，编写html代码。
答案：
<ol start="2" type="i">
<li>苹果</li>
<li>桃子</li>
<li>西瓜</li>
</ol>
<ul type="square">
<li>苹果</li>
<li>桃子</li>
<li>西瓜</li>
</ul>
收集于网络，如有侵权请联系管理员删除
展开阅读全文
浙ICP备2021020529号-1 | 浙B2-20240490 
