网页的主体部分以<body>标记标志它的开始,以</body>标志它的结束。在网页的主体标记中有很多的属性设置,包括页面的背景设置、文字属性设置、链接设置、边距设置等。下面将逐步介绍这些网页主体标记的基本属性。
1 设置页面背景色——bgcolor
设置整个页面的背景颜色,需要用到bgcolor 属性,它使用“#”加上6 位的十六进制值来表现颜色。其中#FFFFFF 为白色,#000000 为黑色,#FF0000 为红色,#00FF00 为绿色,#0000FF 为蓝色。
语法:<body bgcolor="颜色代码">
说明:该语法中的body 就是页面的主体标记,也就是说设置页面颜色要和页面的主体标记放置在一起。
下面的实例设置了页面的背景色为淡蓝色,其代码如下:
<html>
<head>
<title>设置页面背景色</title>
</head>
<body bgcolor="#3399CC">
</body>
</html>
运行这段代码,可以看到打开的页面背景为淡蓝色,颜色的值为#3399CC。
2 设置背景图片——background
在网络上除了看到各种背景色的页面之外,还可以看到一些以图片作为背景的网页。使用恰当的图片作为背景能够使页面看上去更加生动美观。用图片作为背景需要使用background 属性,还可以设置背景图片的平铺方式、显示方式等。
语法:<body background="文件链接地址" bgproperties="背景图片固定属性">
说明:文件的链接地址可以是相对地址,也就是本机上图片文件的存储位置,也可以设置为网上的图片资料,如http://www.xxx.com/UPLOAD/IMGWSF/2005491443501.jpg。在默认情况下,用户可以省略bgproperties 属性,这时图片会按照水平和垂直的方向不断重复出现,直到铺满整个页面。如果将bgproperties 属性设置为fixed,那么当滚动页面时,背景图像也会跟着移动,这相对浏览者来说,就是总停留在相同的位置上。
可以参考文章:[HTML的各种基本标记之外二篇:(1)以实例说明背景图片的设置与显示效果]
3 设置文字颜色——text
在页面中除了背景之外,对于默认文字的颜色设置可以通过text 参数来实现。在没有对文字的颜色进行单独定义时,这一属性可以对页面中所有的文字起作用。
语法:<body text="颜色代码">
说明:在该语法中,text 的属性值与设置页面背景色相同,也就是说该属性设置也和在页面的主体标记放置在一起。
实例代码:
<html>
<head>
<title>设置页面文字颜色</title>
</head>
<body bgcolor="#99CCCC" text="#FF0000">
设置页面的文字颜色
</body>
</html>
运行这段代码,将会实现效果。
4 设置链接文字属性——link
在网页创作中,除了文字、图片等,超链接也是最为常用的一种元素。超链接中以文字链接最多,在默认情况下,浏览器以蓝色作为超链接文字的颜色;访问过的文字则变为暗红色。用户在创作网页时,可以通过link 参数修改链接文字的颜色。
语法:<body link="颜色代码">
说明:这一属性的设置与前面几个设置颜色的参数类似,都是与body 标签放置在一起,表明它对网页中所有未单独设置的元素起作用。
可以参考文章:[HTML的各种基本标记之外二篇:(2)通过实例设置不同状态链接文字的颜色]
5 设置边距——margin
在网页的制作过程中,还可以定义页面的空白,也就是内容与浏览器边框之间的距离。其中包括上边框和左边框,其设置方法类似。
语法:<body topmargin=上边距的值 leftmagin=左边距的值>
说明:在默认情况下,边距的值是以像素为单位的,下面以实例说明设置边距的效果。
实例代码:
<html>
<head>
<title>设置边距</title>
</head>
<body topmargin=60 leftmargin=40>
设置页面的上边距为 60 像素
<br>
设置页面的左边距为 40 像素
</body>
</html>
运行这段代码,可以看到设置边距前后的对比效果。