html语言教程
这一次我给大家介绍html语言教程中的body的部分用法。
大家从各大门户网站的主页上就可以看出,body部分占据了大部分的代码。可见body是一个网页代码的绝对主要部分。body是由<body>开始,由</body>结束。下面我们看一下body部分的元素:
|
元素 |
描述 |
| bgcolor |
背景色 |
| background |
背景图案 |
| text |
文本颜色 |
| link |
链接文字颜色 |
| alink |
活动链接文字颜色 |
| vlink |
已访问链接文字颜色 |
| leftmargin |
页面左侧的留白距离 |
| topmargin |
页面顶部的留白距离 |
下面介绍各个部分的功能及用法:
bgcolor:
bgcolor用于指定页面的背景颜色。在Microsoft公司的IE浏览器中,默认情况下是白色,Netscape公司的Navigator浏览器的默认情况是灰色。
语法格式:
background:
background属性用于指定页面的背景图案。
语法格式:
下面介绍几种文字的属性,可以改变文字的颜色,以及在页面上留出空白:
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中,选定文字后,点击右键就会有相应的选项。
上一页 [1] [2] [3] [4] [5] [6] 下一页
|