HTML、CSS选择题

1 计算机高计一班《HTML/CSS》考试试卷

（时间：90分钟）

姓名____________________学号___________________计分____________________

一、填空题：（60分）

1. WWW是(1)____________________的缩写，中文叫做(2)____________________。

2. Hyper Text Transfer Protocol的中文翻译为(3)____________________，Hyper Text

Markup Language的中文翻译为(4)____________________。

3. 目前，最常用的两种浏览器为(5)____________________和(6)____________________（写出中文名称或者英文名称）。

4. Uniform Resource Locator的中文翻译为(7)____________________，也可把其称为(8)____________________，它用于指定要取得的Internet上资源的位置与方式。

5. 主页既是一个网页，但其作为一个网站的起始点，又是一个特殊的网页，作为个人站点，其主页文件名一般为(9)____________________。

6. 一个HTML文件是由一系列的元素和(10)____________________组成的。

7. 从代码的角度来看，一个HTML文件的基本结构为：(11) ____________________

。

8. (12) ________________标签用于划分段落，(13) ________________标签用于强行换行。

9. 标签共有(14) ____________级，文字设置下划线的标签是(15) ____________。

10. 标签的SIZE属性的取值为(16)______________，默认值为(17)____________。

用户名：

密码：

性别：

男女

爱好：

敲代码

class="hobby" />读代码检查代码

type="checkbox" class="hobby" />测试代码

邮箱：

测试一下……

正则式：

^开始

$结束

*任意字符产生0或多次 {0,}

+任意字符产生1次或多次 {1,}

?任意字符产生0或1次 {0,1}

|或者

{n}重复N次

{n,}重复N次或多次

{n,m}重复N到M次之间

[]代表一位 [a-zA-Z0-9]

[^]取反

.除了换行以外所有

\b 单词 \w开始到非\w结束 var a=/ab\b/; abc

\B

\d 0-9数字

\D 除了0-9之间的字符

\s 空白字符

\S 除了空白字符之外的其它字符

\w 数字、字母、下划线

\W 非数字、字母、下划线

\/ /

\* *

\. .

\+ +

\? ?

\| | \( (

\) )

/\d{2,4}/

/\w{3}\d/

/\s+java\s+/

/[^"]*/

/java(script)?/

/(ab|cd)+|ef)/

CSS+DIV期末试题（考试时间3小时）

1、简述你对css盒子模式（框模型）的理解。（10分）

盒子模型有四个属性名：内容(content)、填充(padding)、边框(border)、边界(margin)，我们可以把它想像成现实中上方开口的盒子，然后从正上往下俯视，边框相当于盒子的厚度，内容相对于盒子中所装物体的空间，而填充呢，相当于为防震而在盒子内填充的泡沫，边界呢相当于在这个盒子周围要留出一定的空间方便取出，所以整个盒模型在页面中所占的宽度是由左边界+左边框+左填充+内容+右填充+右边框+右边界组成。

2、.请简述class属性的特点和用法及与id属性的区别，并写出一个具有class属性的例子（10分）

Class 的定义方法：指定标签 .类名{样式}

Class 的定义方法：指定标签 #id名{样式}

Class的应用方法： <指定标签 class=”类名”>

Id 的应用方法：<指定标签 id=”id名”>

我的理解是在整个网页中，id就像身份证一样，每一个人只能对应一个身份证号，在整个网页中id只能使用一次。也就是说定义一个才能使用一个，而class定义一个可以使用多次，它不受到任何限制。

3、参考给定的网页效果图片，利用CSS+DIV设计一个网页，中间BANNER图可以自行设计，但总体色彩搭配要采用给定的图片。（80分）

HTML语言与CSS样式表

2.1 什么是HTML

HTML（英文：Hyper Text Markup Language，简称为HTML）是一种可以加入文本、表格、图片、声音、动画、影视等内容标记的超文本标记（标签）语言，它是为网页创建和其它可在网页浏览器中看到的信息而设计的。它简单易学！

实际上，HTML就是用标记符号来设置Web页面上的显示内容的，一个标记就是一条命令。

包含HTML内容的文件最常用的扩展名是.html，在DOS系统中限制扩展名为最多3个字符，所以.htm扩展名也被使用。虽然现在使用的比较少一些了，但是.htm扩展名仍旧普遍被支持。

可以用任何文本编辑器或所见即所得的HTML编辑器来编辑HTML文件。

2.2 HTML基本结构

先看一个例子：

例2-1：html_01.html

HTML示例

欢迎光临---Welcome

这是我第一次用HTML做的主页

用“记事本”编辑该文件，然后存盘，文件名为“html_01.html”，用“浏览器”运行，结果如下：

图2-1 “html_01.html”的运行显示结果

由这个简单例子可见：一个HTML文档是由一系列的元素和标签组成的，元素名不区分大小写。及其在文档页面中的位置。

2.3 HTML的标签（标记符号）

1、HTML的主要标签

HTML主要有四种标签：“开始和结束标签”、“头部标签”、“标题标签”、“主体开始与结束标签”。

图示如下：

页面标题文字

文档主体

注意：

（1）每种标签都要成对使用；

（2）标签要嵌套使用，层次分明。不能交叉嵌套

（3）“标题标签”是嵌入在“文档头部标签”中间的。这两种标签可以省略！其它标签不能省略。