学习网页制作基础入门教程(5)背景标签
时间:2007-02-17 来源:PHP爱好者
相关文章: 学习网页制作基础入门教程(1)网页编写 学习网页制作基础入门教程(2)排版标签 学习网页制作基础入门教程(3)字体标签 学习网页制作基础入门教程(4)图象标签 背景标签 1. 使用方法:<BODY BGCOLOR="#ffffff" BACKGROUND="bg.jpg"> 2. 标签解释:这个标签其实应该老早就要讲了,毕竟它是制作网页不可或缺的基本要素之一,我们背景颜色或图片的设定以及连接字体的颜色,统统都放在 <BODY> 这个标签里面。解释: 背景颜色 用法:<BODY BGCOLOR="颜色代码">设定背景颜色。有人会说:“我已经设定了背景图片,那背景颜色还有用吗?”当然有用!当使用者连接到贵站时,若背景图象还没有显示全,就会先显示背景颜色,您说,是不是比一片灰灰的好看多了呢! 原始代码 <HTML>
<HEAD>
<TITLE>这是标题</TITLE>
</HEAD>
<BODY BGCOLOR="#F9E6A2">
这里是本文区域
</BODY>
</HTML> 显示结果 单击这里查看演示效果 背景图象 用法:<BODY BACKGROUND="图片名称、路径"> 设定背景图象。图片可以是 JPG 或 GIF 格式的图片,强烈建议:图象不要太大,否则网页加载时会很慢的。 原始代码 <HTML>
<HEAD>
<TITLE>这是标题</TITLE>
</HEAD>
<BODY BACKGROUND="bg.jpg">
这里是本文区域
</BODY>
</HTML> 显示结果 单击这里查看演示效果 网页内容、连接文字颜色设定 1. 使用方法:<BODY TEXT="#000000" LINK="#0000ff" VLINK="#ff00ff" ALINK="#ff0000> 2. 标签解释:用字体标签中的颜色属性,可以设定文字的颜色,不过,却没有提到文字的颜色內定值该如何修改,这个<BODY>标签中,便有设定网页内容、连接等文字的颜色內定值功能。用法如下: 网页内容颜色 用法:<BODY TEXT="颜色代码"> 设定一般文字颜色,也就是说,若没有特別去设定文字颜色的话,浏览器就会显示你所设定的颜色。 原始代码 <HTML>
<HEAD>
<TITLE>这是标题</TITLE>
</HEAD>
<BODY TEXT="#0906A2">
这里是本文区域
</BODY>
</HTML> 显示结果 单击这里查看演示效果 连接颜色 用法:<BODY LINK="颜色代码"> 设定“连接”的颜色。只要是有连接的地方就会出现你指定的颜色,当然,如果点击连接后,那又会变成另一种颜色了,下面会说明。 原始代码 <HTML>
<HEAD>
<TITLE>这是标题</TITLE>
</HEAD>
<BODY LINK="#FF6600">
<A HREF="http://www.webjx.com">连接文字</A>
</BODY>
</HTML> 显示结果 单击这里查看演示效果(设定连接为橘色)
连接时颜色 用法:<BODY ALINK="颜色代码"> 设定“点击连接”的颜色,也就是当你鼠标点击那个连接的瞬间所显示的颜色。 原始代码 <HTML>
<HEAD>
<TITLE>这是标题</TITLE>
</HEAD>
<BODY ALINK="#BLUE">
<A HREF="http://www.webjx.com">连接文字</A>
</BODY>
</HTML> 显示结果 单击这里查看演示效果(鼠标点击连接瞬间才会出现我们现在设定的蓝色) 已连接颜色 用法:<BODY VLINK="颜色代码"> 设定“点击连接后”的颜色,也就是如果该连接已经被点击过了,那么就显示的颜色。如此的做法,是要让使用者容易识别到底哪些连接已经去过了,哪些连接没有点击过。 原始代码 <HTML>
<HEAD>
<TITLE>这是标题</TITLE>
</HEAD>
<BODY VLINK="RED">
<A HREF="http://www.webjx.com">连接文字</A>
</BODY>
</HTML> 显示结果 单击这里查看演示效果(设定已点击过的连接以红色显示)
php爱好者站 http://www.phpfans.net Linux|Apache|IIS.
<HEAD>
<TITLE>这是标题</TITLE>
</HEAD>
<BODY BGCOLOR="#F9E6A2">
这里是本文区域
</BODY>
</HTML> 显示结果 单击这里查看演示效果 背景图象 用法:<BODY BACKGROUND="图片名称、路径"> 设定背景图象。图片可以是 JPG 或 GIF 格式的图片,强烈建议:图象不要太大,否则网页加载时会很慢的。 原始代码 <HTML>
<HEAD>
<TITLE>这是标题</TITLE>
</HEAD>
<BODY BACKGROUND="bg.jpg">
这里是本文区域
</BODY>
</HTML> 显示结果 单击这里查看演示效果 网页内容、连接文字颜色设定 1. 使用方法:<BODY TEXT="#000000" LINK="#0000ff" VLINK="#ff00ff" ALINK="#ff0000> 2. 标签解释:用字体标签中的颜色属性,可以设定文字的颜色,不过,却没有提到文字的颜色內定值该如何修改,这个<BODY>标签中,便有设定网页内容、连接等文字的颜色內定值功能。用法如下: 网页内容颜色 用法:<BODY TEXT="颜色代码"> 设定一般文字颜色,也就是说,若没有特別去设定文字颜色的话,浏览器就会显示你所设定的颜色。 原始代码 <HTML>
<HEAD>
<TITLE>这是标题</TITLE>
</HEAD>
<BODY TEXT="#0906A2">
这里是本文区域
</BODY>
</HTML> 显示结果 单击这里查看演示效果 连接颜色 用法:<BODY LINK="颜色代码"> 设定“连接”的颜色。只要是有连接的地方就会出现你指定的颜色,当然,如果点击连接后,那又会变成另一种颜色了,下面会说明。 原始代码 <HTML>
<HEAD>
<TITLE>这是标题</TITLE>
</HEAD>
<BODY LINK="#FF6600">
<A HREF="http://www.webjx.com">连接文字</A>
</BODY>
</HTML> 显示结果 单击这里查看演示效果(设定连接为橘色)
连接时颜色 用法:<BODY ALINK="颜色代码"> 设定“点击连接”的颜色,也就是当你鼠标点击那个连接的瞬间所显示的颜色。 原始代码 <HTML>
<HEAD>
<TITLE>这是标题</TITLE>
</HEAD>
<BODY ALINK="#BLUE">
<A HREF="http://www.webjx.com">连接文字</A>
</BODY>
</HTML> 显示结果 单击这里查看演示效果(鼠标点击连接瞬间才会出现我们现在设定的蓝色) 已连接颜色 用法:<BODY VLINK="颜色代码"> 设定“点击连接后”的颜色,也就是如果该连接已经被点击过了,那么就显示的颜色。如此的做法,是要让使用者容易识别到底哪些连接已经去过了,哪些连接没有点击过。 原始代码 <HTML>
<HEAD>
<TITLE>这是标题</TITLE>
</HEAD>
<BODY VLINK="RED">
<A HREF="http://www.webjx.com">连接文字</A>
</BODY>
</HTML> 显示结果 单击这里查看演示效果(设定已点击过的连接以红色显示)
php爱好者站 http://www.phpfans.net Linux|Apache|IIS.
相关阅读 更多 +