HTML语言教程(3)

翻译|其它|编辑:郝浩|2004-03-31 01:03:00.000|阅读 1872 次

概述:

# 界面/图表报表/文档/IDE等千款热门软控件火热销售中 >>

这一次我给大家介绍html语言中的body的部分用法。

大家从各大门户网站的主页上就可以看出,body部分占据了大部分的代码。可见body是一个网页代码的绝对主要部分。body是由<body>开始,由</body>结束。下面我们看一下body部分的元素:

元素

描述

bgcolor 背景色
background 背景图案
text 文本颜色
link 链接文字颜色
alink 活动链接文字颜色
vlink 已访问链接文字颜色
leftmargin 页面左侧的留白距离
topmargin 页面顶部的留白距离

下面介绍各个部分的功能及用法:

   bgcolor:

bgcolor用于指定页面的背景颜色。在Microsoft公司的IE浏览器中,默认情况下是白色,Netscape公司的Navigator浏览器的默认情况是灰色。

语法格式:

<body bgcolor="颜色值">

   background:

background属性用于指定页面的背景图案。

语法格式:

<body background="URL">

   下面介绍几种文字的属性,可以改变文字的颜色,以及在页面上留出空白:

text  link  alink  vlink leftmargin topmargin

他们的作用分别是:非链接文字的颜色;可连接文字的颜色;正被点击的可链接文字的颜色;已被点击的可链接的文字的颜色;页面左侧的留白;页面顶部的留白。

语法格式:

<body text="color" link="color" alink="color" vlink="color">

<body leftmargin="value" topmargin="value">

示例:

<html>

<head>

<title>body元素示例</title>

</head>

<body bgcolor="#ff0000" text="#ffff00" leftmargin="100">

<p>这里显示body的示例。</p>

</body>

</html>

说明:对于link这样的属性,大多数html的页面已经不使用这样的用法了。现在多数是在head中加入相应的代码。要达到的效果是鼠标放到有链接的字体上时,字体变色,点击后字体变为灰色。具体方法如下:

A:link {color:#00007f;}
A:visited {color:#65038e;}
A:active {color:#ff0000;}
A:hover {color:#ff0000;}

将这段代码加入到head中,在body中加入有链接的文字,就可以看出效果了。这一部分是属于css中的知识。在body中加入有链接的文字:在Dreamweaver中,选定文字后,在下面的Properties中的link中加入想要链接到的页面的地址。在FrontPage中,选定文字后,点击右键就会有相应的选项。


标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@evget.com


为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP