5.1 html页面的主题标签
html是主题标签是<body>,在<body>和</body>中放着的是页面的所有内容。
<body>标签有很多自身的属性,如页面文字的颜色,背景的颜色,背景的图象。
html是主题标签是<body>,在<body>和</body>中放着的是页面的所有内容。
<body>标签有很多自身的属性,如页面文字的颜色,背景的颜色,背景的图象。
5.2.1文字的颜色属性 text
基本语法:
<body text="color_value">
语法解释:
通过text属性定义了文字的颜色,color_value指的是颜色的值。
文本范例:
<html>
<head>
<title>页面的文字颜色</title>
</head>
<body text="#ffffff">
<h2>aaa</h2>
</body>
</html>
基本语法:
<body text="color_value">
语法解释:
通过text属性定义了文字的颜色,color_value指的是颜色的值。
文本范例:
<html>
<head>
<title>页面的文字颜色</title>
</head>
<body text="#ffffff">
<h2>aaa</h2>
</body>
</html>
5.2.2 背景颜色属性 bgcolor
基本语法:
<body bgcolor="color_value">
语法解释:
通过text属性定义了页面的颜色,color_value指的是颜色的值。
文本范例:
<html>
<head>
<title>页面的背景颜色</title>
</head>
<body bgcolor="#ffffff" text="#000000">
<h2>aaa</h2>
</body>
</html>
基本语法:
<body bgcolor="color_value">
语法解释:
通过text属性定义了页面的颜色,color_value指的是颜色的值。
文本范例:
<html>
<head>
<title>页面的背景颜色</title>
</head>
<body bgcolor="#ffffff" text="#000000">
<h2>aaa</h2>
</body>
</html>
5.2.3 连接文字颜色属性link alink,vlink
link :设置默认的没有单击过的连接文字颜色
alink:设置鼠标按下连接文字时的连接文字颜色
vlink:设置单击过后的连接文字颜色
基本语法:
<body link="color_value" alink="color_value" vlink="color_value">
文件范例:
<html>
<head>
<title>页面文字的连接颜色</title>
</head>
<body bgcolor="#f5bed7" text="#ffffff" link="#cccccc" alink="#ff0000" vlink="#00ff00">
<ce属性nter><h2>页面文字的连接颜色</h2>
<a href=aaa>aaa</a><p>
<a href=aaa>bbb</a><p>
<a href=aaa>ccc</a>
</center>
</body>
</html>
link :设置默认的没有单击过的连接文字颜色
alink:设置鼠标按下连接文字时的连接文字颜色
vlink:设置单击过后的连接文字颜色
基本语法:
<body link="color_value" alink="color_value" vlink="color_value">
文件范例:
<html>
<head>
<title>页面文字的连接颜色</title>
</head>
<body bgcolor="#f5bed7" text="#ffffff" link="#cccccc" alink="#ff0000" vlink="#00ff00">
<ce属性nter><h2>页面文字的连接颜色</h2>
<a href=aaa>aaa</a><p>
<a href=aaa>bbb</a><p>
<a href=aaa>ccc</a>
</center>
</body>
</html>
5.3 设置背景图象
与向页面中插入图片不同,背景图象放在网页的最底,文字和图片等位于他的上面。
与向页面中插入图片不同,背景图象放在网页的最底,文字和图片等位于他的上面。
5.3.1 背景图象属性 background
.jpg 和.gif图象文件可以作为页面的背景图,可通过<body>元素中的<background>属性来实现.
基本语法:
<body background="img_file_url">
文本范例:
<html>
<head>
<title>页面的背景图象</title>
</head>
<body background="aa.jpg/aa.gif" text="#ffffff">
<center>
<h2>aaa</h2>
</center>
</body>
</html>
.jpg 和.gif图象文件可以作为页面的背景图,可通过<body>元素中的<background>属性来实现.
基本语法:
<body background="img_file_url">
文本范例:
<html>
<head>
<title>页面的背景图象</title>
</head>
<body background="aa.jpg/aa.gif" text="#ffffff">
<center>
<h2>aaa</h2>
</center>
</body>
</html>
5.3.2 背景图象固定属性 bgproperties
基本语法:
<body background="img_file_url" bgproperties=fixed>
语法解释:
fixed就是设为固定的效果。
文本范例:
<html>
<head>
<title>页面的背景图象</title>
</head>
<body background="aa.jpg/aa.gif" text="#ffffff" bgporperties=fixed>
<center>
<h2>aaa</h2>
</center>
</body>
</html>
基本语法:
<body background="img_file_url" bgproperties=fixed>
语法解释:
fixed就是设为固定的效果。
文本范例:
<html>
<head>
<title>页面的背景图象</title>
</head>
<body background="aa.jpg/aa.gif" text="#ffffff" bgporperties=fixed>
<center>
<h2>aaa</h2>
</center>
</body>
</html>
5.4 设定页面边距
基本语法:
<body topmargin=value leftmergin=value rightmergin=value bottommargin=value>
文本范例:
<html>
<head>
<title>页面边距</title>
</head>
<body background="aa.jpg" topmargin=0 leftmergin=0 rightmergin=0 bottommargin=0>
<h2>页面的边距为0象素</h2>
</body>
</html>
基本语法:
<body topmargin=value leftmergin=value rightmergin=value bottommargin=value>
文本范例:
<html>
<head>
<title>页面边距</title>
</head>
<body background="aa.jpg" topmargin=0 leftmergin=0 rightmergin=0 bottommargin=0>
<h2>页面的边距为0象素</h2>
</body>
</html>