HTML 网页主体部分以 <body> 标签标志开始,以<body>标签标志结束。也就是说,要想向文档中添加内容,先得有一个放置的地方。前面讲过head元素包含了关于文档自身的信息,它们(除了title元素)都不会显示在屏幕上。所有的内容都位于 body 元素中。

注意:<body> 元素出现在 <head> 元素之后,而且必须结束标签 <html> 之前闭合。

<body> 元素的属性

属 性 描 述
text 定义HTML页面文字的颜色
bgcolor 定义HTML页面背景的颜色
background 定义HTML页面背景图片
link 定义HTML页面默认的链接颜色
alink 定义鼠标正在单击时的链接颜色
vlink 定义HTML页面访问过后的链接颜色
topmargin 定义HTML页面的上边距
leftmargin 定义HTML页面的左边距

注意:这些属性在XHTML 1.0Strict中均以废弃并不再有效。它们的效果现在通过使用CSS来实现。

定义 <body> 文字颜色 text

<body>元素的 text 属性可以改变整个 HTML 页面文字的颜色。前提是,在没有对文字进行单独的定义颜色,该属性将对页面的所有文字产生效果。

<body text="颜色值">

代码示例

<html>
<head>
<title>设置文字颜色属性 text</title>
</head>
<body text="red">
定义页面文字颜色为红色
</body>
</html>

定义 <body> 背景颜色 bgcolor

<body>元素的 bgcolor 属性可以改变整个 HTML 页面的背景颜色。同文字颜色一样,也是使用颜色名称十六进制值来表现颜色的效果。

<body bgcolor="颜色值">

代码示例

<html>
<head>
<title>设置页面背景颜色属性 bgcolor</title>
</head>
<body text="#FFFFFF" bgcolor="#000000">
定义页面背景色为黑色,文字颜色为白色
</body>
</html>

定义 <body> 背景图片属性 background

<body>元素的 background 属性可以为 HTML 页面的添加背景图片。它与向网页中插入图片不同之处在于,背景图片位于网页的最底层,文字和图片等都位于它的上面。文字、插入的图片等都会遮挡背景图片。

注意:默认情况下,背景图片在水平和垂直方向会不断重复出现,直到铺满整个 HTML 页面为止。

<body background="图片链接地址" bgproperties="背景图片固定属性">

代码示例

<html>
<head>
<title>设置页面背景图片属性 bgcolor</title>
</head>
<body background="imgages/test.jpg">
定义页面背景色为,文字颜色为白色
</body>
</html>

注意:图片链接地址可以是相对路径,也就是指向站内的某个图片文件。也可以设置为绝对路径,为另一个站点上的图片文件。如:http://www.w3run.com/images/logo.jpg

如果不希望图片重复出现,通常情况下可借助于 CSS 样式文件。前面讲过,可以在 <head> 头元素中定义 <style> 或 <script> 引入样式或样式文件。

<html>
<head>
<title>设置页面背景图片不重复;/title>
<style type="text/css">
body{background-repeat:no-repeat;}
</style>
</head>
<body background="imgages/test.jpg">
定义页面背景色为,文字颜色为白色
</body>
</html>

提示:上面第五行代码将 background-repeat 的值设置为no-repeat,也就是在水平和垂直两个方向上都不重复。要是想仅在某一方向上重复,例如:将 background-repeat 的值设置为repeat-x,则背景图片在水平方向上平铺,同样设置为repeat-y,则只在垂直方向上平铺。