在定义性列表中，还有一个属

性是COMPACT,使用这个属性后，说明文字和列

表项将显示在同一行。

其结构如下所示：

•

第一项

叙述第一项的定义

第二项

叙述第二项的定义

第三项

叙述第三项的定义

TABLE表格

•表格的基本结构

•表格的标题

•表格的尺寸设置

•表格内文字的对齐、布局

•跨多行、多列的表元

•表格的颜色

表格的基本结构

•

...定义标题

定义表行

定义表头

定义表元（表格的具体数据）

表格的标题

•表格标题的位置，可由ALIGN属性来设置，

其位置分别由表格上方和表格下方。

下面

为表格标题位置的设置格式。

设置标题位于表格上方：

...

设置标题位于表格下方：

...

表格尺寸设置

•表格的大小

一般情况下，表格的总长度和总宽度是根据

各行和各列的总和自动调整的，如果我们要直接

固定表格的大小，可以使用下列方式：

width和height属性分别指定表格一个固定的宽度

和长度，n1和n2可以用像素来表示，也可以用百

分比（与整个屏幕相比的大小比例）来表示

表格尺寸设置（cont.）

•边框尺寸设置

边框是用border属性来体现的，它表示表格的边

框边厚度和框线。

将border设成不同的值，有不

同的效果。

如：

定货单

苹果香蕉葡萄

200公斤200公斤100

公斤

表格尺寸设置（cont.）

•格间线宽度

格与格之间的线为格间线，它的宽度可以使用

的CELLSPACING属性加以调节。

格式是：

#表示要取用的像素值

例：

表格尺寸设置（cont.）

•内容与格线之间的宽度

我们还可以在

来规定内容与格线之间的宽度。

格式为：

#表示要取用的像素值

•例：

表格内文字的对齐/布局

•表格中数据的排列方式有两种，分别是左右排列和上下排

列。

左右排列是以ALIGN属性来设置，而上下排列则由

VALIGN属性来设置。

其中左右排列的位置可分为三种：

居左（left）、居右（right）和居中（center）；而上下排列基本

上比较常用的有四种：

上齐（top）、居中（middle）、下齐

（bottom）和基线（baseline）。

•

#=left,center,right

•

#=top，middle，bottom，baseline

表格内文字的对齐/布局（cont.）

•左右排列

•

居左居中居右

A

align=center>BC

表格内文字的对齐/布局（cont.）

•上下排列

•

上齐居中下齐

基线

A

valign=middle>B

valign=bottom>C

valign=baseline>D

跨多行、多列的表元

•要创建跨多行、多列的表元，只需在或中加入ROWSPAN

或COLSPAN属性，这两个属性的值，表明了表元中要跨越的行或列

的个数。

•跨多列的表元

colspan表示跨越的列数，例如colspan=2表示这一格的宽度为两

个列的宽度。

•跨多行的表元

rowspan所要表示的意义是指跨越的行数，例如rowspan=2就表

示这一格跨越表格两个行的高度。

•跨多列的表元

•跨多行的表元

表格的颜色

•在表格中，既可以对整个表格填入底色，也可以

对任何一行、一个表元使用背景色。

表格的背景色彩

行的背景色彩

表元的背景色彩或

#=rrggbb16进制RGB数码,或者是下列预定义色彩名称：

Black,Olive,Teal,Red,Blue,Maroon,Navy,

Gray,Lime,Fuchsia,White,Green,Purple,

Silver,Yellow,Aqua

文件之间的链接

•超文本中的链接是其最重要的特性之一，使用者可以从一个页面直接

跳转到其他的页面、图象或者服务器。

一个链接的基本格式如：

HREF="资源地址">链接文字

•·标签表示一个链接的开始，表示链接的结束；

·属性“HREF‖定义了这个链接所指的地方；

·通过点击“链接文字”可以到达指定的文件。

西南财经大学

•本地链接

•URL链接

•目录链接

本地链接

•以绝对路径表示：

\study\HTML教程\link01.htm”>文件的链接

以相对路径表示：

文件的链接

链接上一目录中的文件：

IP地址

URL链接

•URL链接的形式是：

协议名：

//主机.域名／路径／文件名

其中协议包括：

file本地系统文件

httpWWW服务器

ftpftp服务器

telnet基于TELNET的协议

mailto电子邮件

newsUsenet新闻组

gopherGOPHER服务器

waisWAIS服务器

•写在HTML文件中，链接其他主机上的文件时，

格式如下：

//”>财大bbs

目录链接

•直接指到某文件上部、下部或是中央部分

•制作目录链接方法是：

·首先把把某段落设置为链接位置，格式是：

〈ANAME=―链接位置名

称”>

·在调用此链接部分的文件，定义连接：

置名称”>链接文字

如果是在一个文件内跳转，文件名可以省略不写。

•请看例子

多视窗口FRAMES

•使用Frames结构设计的HTML文件，能够将整个窗口分成几个独立的

小窗口，每一个窗口可分别载入不同的文件，令人高兴的是，每个窗

口是可以相互沟通的。

•Frames结构的基本格式

•各窗口的尺寸设置

•各窗口间相互操作

•FRAME的其它属性

Frames结构的基本格式

•

...

•在有Frames结构的HTML文件中，Frames文件的整体结构为：

•

......

各窗口的尺寸设置

•我们将窗口分割为几块，横向分用ROWS属性，纵向分用COLS属性，

每一块的大小可以由这两个属性的值来实现。

•例：

例：

•#的值为一对用引号括起来的字符串，字符串中的数字表示每个

分窗口所占的尺寸，数字中间用逗号隔开，有几个数字就表示分出了

几个窗口。

当然，这其中的任何一个数字也可以由“*”来代替，这

样表示由浏览器自动设置其大小。

如：

将100像素以外的窗口平均

分配

将窗口分为三等份

各窗口间相互操作（FrameTarget）

•由Frames分出来的几个窗口的内容并不是静止不变的，

往往一个窗口的内容随着另一个窗口的要求而不断变化，

这就提高了Frames的利用价值。

为了完成各窗口之间的

相互操作，我们必须为每一个窗口起一个名字，这个名字

用属性Name来定义。

窗口标识（FrameName）

例如：

定义了窗口名称，还应该有Target来配合使用，Target属

性指定了所链接的文件出现在哪一窗口。

Target的值可以

是name定义的名称，也可以是以下四类值：

显示一个新窗口

显示在同一个窗口

显示在Frameset的前一份

文件的窗口

显示在整个浏览器窗口

Frame的其它属性

•frameframeborder=#>#=yes,no

各窗口边框的设置，yes表示有边框，no表示没有边框

•

#的值为像素点

设置各窗口的上下左右边界宽度，如不设置，由浏览器自动决定。

•#=yes,no,auto

滚动条设置，yes表示有，no表示没有，auto表示由浏览器自动设置，

#=缺省值是auto

•noresize属性来设置不可变动的框边

网页布局与层叠样式表

•样式表的概念并不是新创造的，文字处理

器和桌面印刷系统长期以来都在使用做某

种特殊样式的排版

•样式表最重要的作用是提供了一种能使所

有Web页面的样式保持一致的方法

CSS的必要性

•许多HTML元素都有外观属性，如果在元素中

没有指定相应的值，那么浏览器将使用这些属

性的默认值。

•例如，

元素中包含font-size属性，某个浏

览器可能将这个属性的默认值设定为30个点

（pt）

•而通过样式表则可以将该默认值更改为26个，

这种改动可以只对某个

元素有效，也可以

对这个文档中所有的

元素都有效。

CSS的必要性

•样式表的某些功能可能需要借助元素的各

种属性、字体的样式以及字体的尺寸元素

来实现

•然而，利用样式表可以对这些样式说明进

行更精确、更一致的描述

•目前已经不提倡直接绝大多数用于描述外

观的元素属性，而是建议使用样式表。

样式表的层次

•样式表的三个层次按照从低层到高层的顺

序依次是:

–内置（inline）样式表

–文档层（documentlevel）样式表

–外部（external）样式表。

样式表的层次

•HTML样式表之所以被称为层叠样式表，是

因为文档样式可以三个不同层次上进行定

义

•低层样式表可以取代高层样式表，所以某

个元素内容的样式是由样式表的叠加来确

定的。

样式表的层次

–内置样式表适用于单个元素的内容

–文档层样式表适用于整个文档的主体

–外部样式表则可以应用在多个文档的主体中。

•在使用时，内置样式表优先于文档样式表，

而文档样式表又优先于外部样式表。

•在出现冲突的情况下，低层次的样式表具

有使用上的优先权。

CSS可能遇到的问题

•与元素和元素属性所面临的情况一样，某

种特殊的浏览器可能不能处理样式表中指

定的一些属性值。

•对于这种情况，浏览器要么用一个可选择

的值进行替代，要么将简单地忽略所给出

的这些属性值。

内置样式

•内置样式说明出现在元素中，并且仅适用

于那个元素中的内容。

•这种细粒度的样式应用背离了样式表的主

要设计思想——对完整文档的各种元素进

行样式统一

•对内置样式说明应当谨慎使用。

文档层样式

•文档层样式说明出现在文档的头部分，并

且适用于文档的整个主体。

•这是对文档所有内容的显示外观进行格式

统一的一种方法。

外部样式表

•在网站建设中，往往希望网站的整体风格

能够一致，这就是外部样式表的主要应用

目的

•外部样式表并不是它们所适用的文档的一

部分。

外部样式表单独存储，并且在所有

使用它们的文档中都要进行说明。

外部样式表

•可以用MIME类型text/css将外部样式表编写成一

些文本文件，它们可以存储在因特网上的任何一

台计算机中，浏览器获取外部样式表就如同获取

文档一样。

•网页首部的元素也可用于指定外部样式表，

在元素中，rel属性用于指