HTML <body> 标签

发表于2015-05-24 20:37:16| 984次阅读| 来源webkfa| 作者小五

摘要：body 元素包含文档的所有内容（比如文本、超链接、图像、表格和列表等等。）

实例
一个简单的 HTML 文档，带有最基本的必需的元素：

		html代码
	

运行代码

<html>

<head>
<title>我的第一个 HTML 页面</title>
</head>

<body>
<p>body 元素的内容会显示在浏览器中。</p>
<p>title 元素的内容会显示在浏览器的标题栏中。</p>
</body>

</html>

01<html>
02 
03<head>
04<title>我的第一个 HTML 页面</title>
05</head>
06 
07<body>
08<p>body 元素的内容会显示在浏览器中。</p>
09<p>title 元素的内容会显示在浏览器的标题栏中。</p>
10</body>
11 
12</html>

浏览器支持
所有主流浏览器都支持 <body> 标签。

定义和用法
body 元素定义文档的主体。
body 元素包含文档的所有内容（比如文本、超链接、图像、表格和列表等等。）

HTML 与 XHTML 之间的差异
在 HTML 4.01 中，所有 body 元素的“呈现属性”均不被赞成使用。
在 XHTML 1.0 Strict DTD 中，所有 body 元素的“呈现属性”均不被支持。

可选的属性

		代码
	

01//不赞成使用。请使用样式取代它。
02//规定文档中活动链接（active link）的的颜色。
03alink=rgb(x,x,x)|#xxxxxx|colorname
04 
05//不赞成使用。请使用样式取代它。
06//规定文档的背景图像。
07background=URL
08 
09//不赞成使用。请使用样式取代它。
10//规定文档的背景颜色。
11bgcolor=rgb(x,x,x)|#xxxxxx|colorname
12 
13//不赞成使用。请使用样式取代它。
14//规定文档中未访问链接的默认颜色。
15link=rgb(x,x,x)|#xxxxxx|colorname
16 
17//不赞成使用。请使用样式取代它。
18//规定文档中所有文本的颜色。
19text=rgb(x,x,x)|#xxxxxx|colorname
20 
21//不赞成使用。请使用样式取代它。
22//规定文档中已被访问链接的颜色。
23vlink=rgb(x,x,x)|#xxxxxx|colorname

全局属性
<body> 标签支持 HTML 中的全局属性。
事件属性
<body> 标签支持 HTML 中的事件属性。

一个简单的 HTML 文件
这个例子是一个很简单的 HTML 文件，使用了尽量少的 HTML 标签。它向您演示了 body 元素中的内容是如何被浏览器显示的。

		html代码
	

运行代码

<html>

<head>
<title>我的第一个 HTML 页面</title>
</head>

<body>
<p>body 元素的内容会显示在浏览器中。</p>
<p>title 元素的内容会显示在浏览器的标题栏中。</p>
</body>

</html>

01<html>
02 
03<head>
04<title>我的第一个 HTML 页面</title>
05</head>
06 
07<body>
08<p>body 元素的内容会显示在浏览器中。</p>
09<p>title 元素的内容会显示在浏览器的标题栏中。</p>
10</body>
11 
12</html>

背景颜色
本例演示如何为 HTML 页面添加背景颜色。

		html代码
	

运行代码

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="Content-Language" content="zh-cn" />
</head>

<body bgcolor="yellow">
<h2>请看: 改变了颜色的背景。</h2>
</body>

</html>

01<html>
02<head>
03<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
04<meta http-equiv="Content-Language" content="zh-cn" />
05</head>
06 
07<body bgcolor="yellow">
08<h2>请看: 改变了颜色的背景。</h2>
09</body>
10 
11</html>

背景图片
本例演示如何添加背景图片到 HTML 页面。

		html代码
	

运行代码

<html>

<body background="/i/eg_background.jpg">

<h3>图像背景</h3>

<p>gif 和 jpg 文件均可用作 HTML 背景。</p>

<p>如果图像小于页面，图像会进行重复。</p>

</body>
</html>

01<html>
02 
03<body background="/i/eg_background.jpg">
04 
05<h3>图像背景</h3>
06 
07<p>gif 和 jpg 文件均可用作 HTML 背景。</p>
08 
09<p>如果图像小于页面，图像会进行重复。</p>
10 
11</body>
12</html>

HTML <body> 标签

发表于2015-05-24 20:37:16| 984次阅读| 来源webkfa| 作者小五

相关文章

html标题快速浏览101

相关文章