4.7 背景标签 <回细说索引> 【背景标签】 说穿了,背景标签只有<BODY>这个标签,其余的效果,只要加上一些简单的属性便可做到。 使用方法:<body bgcolor="#ffffff" background="bg.jpg"> 标签解说:这个标签其实应该老早就要讲了,毕竟它是构成网页不可或缺的基本要素之一(哎哎哎...现在放马后炮有什么用!)。我们背景颜色或图片的设定以及连结字体的颜色,通通都放在<body>这标签里面。我就其属性来一一解说: 背景颜色用法:<body bgcolor="颜色码">设定背景颜色。有人会说:‘我已经设定了背景图片,那背景颜色还有用吗?’当然有用!当使用者连结到贵站时,若背景图案还没传输完之前(有的背景图蛮大的),就会先显现背景颜色,您说,是不是比一片灰灰的好看多了呢!原始码<html><head><title>这是标题</title></head> <body bgcolor="#f9e6a2"> 这里是本文区 </body></html>呈现结果按下此处观看结果 背景图案用法:<body background="图档名称、路径">g设定背景图案。图档可以是jpg或gif格式的图档,我建议:图档不要太大,否则网页载入会蛮慢的。原始码<html><head><title>这是标题</title></head> <body background="bg.jpg"> 这里是本文区 </body></html>呈现结果按下此处观看结果 【内文、连结文字颜色设定】 使用方法:<body text="#000000" link="#0000ff" vlink="#ff00ff" alink="#ff0000> 标签解说:用字体标签中的颜色属性,可以设定文字的颜色,不过,却没有提到文字的颜色内定值该如何修改,这个<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="index.htm">连结文字</a> </body></html>呈现结果按下此处观看结果(设定连结为橘色) 连结时颜色用法:<body alink="颜色码">设定“按下连结”的颜色,也就是当您滑鼠按下那连结的瞬间所呈现的颜色。原始码<html><head><title>这是标题</title></head> <body alink="#0099ff"> <a href="index.htm">连结中文字</a> </body></html>呈现结果按下此处观看结果(滑鼠点下连结瞬间才会出现我们设定的浅蓝色) 已连结颜色用法:<body vlink="颜色码">设定“按下链结后”的颜色,也就是如果该连结已经有被按过了,那么就会呈现的颜色。如此的做法,是要让使用者容易识别到底哪些连结有去过了,哪些没去过。原始码<html><head><title>这是标题</title></head> <body vlink="red"> <a href="demo1-10-6.htm">连结文字</a> </body></html>呈现结果按下此处观看结果(设定已执行过的连结以红色显示) 4.8 连结标签 <回细说索引> 【WWW连结标签基本概念】 连结基本概念:一般而言,所谓连结就是,在网页中有些字会有特别的颜色,而且字的底下会有条线,当游标移到那些字上时,会变成手指形状,按下去,则会连到别的文章或网站,就像这样(以上这段是给超级新手看的...)。 扯到连结,最基本来看有‘内部连结’及‘外部连结’,所谓‘内部连结’就是自己网站间网页的连结,至于外部连结我们稍后再来讨论。 要了解内部连结,首先必须先了解一下这两种东西,一个是‘相对路径’,一个是‘绝对路径’。 现在假设一个情形:我们在自己的电脑里设计网页,所有网页相关的档案我们通通放在 c:/www 里面,现在假设 c:/www 里面目前有 index.htm 、 text1.htm 、 p1.gif 、 p2.gif 这四个档案。ok! 现在我们想在 index.htm 里面设一个连结,能够按一下就连到 text1.htm,那我们该怎么做呢?基本上,有两中方式可以做到,在 index.htm 里面加上下面任一叙述: <a href="/c|/www/text1.htm">这就是‘绝对路径’<a href="text1.htm">这就是‘相对路径’ 瞧出什么端倪了没有?嗯嗯....没错,‘绝对路径’要给电脑一个非常详尽的位置,让电脑寻着这路径去找到档案。而‘相对路径’就简单多啦!如果没有特别指定,他就会直接在 index.htm 的所在目录下找,也就是在 c:/www 底下去找text1.htm。 如果说,今天我们将 c:/www 里所有的档案都上传到网路上的网页伺服器(总不能做好了只给自己看吧!),且该伺服器是别人的电脑,而非你自己架设的主机,那么问题就来了!你猜,哪一种连结会出问题?呵呵...答案是‘绝对路径’,您猜对了吗? 为什么说‘绝对路径’会出问题呢?因为,当您将档案上传到网路上时,您的整个网页目录架构一定会变,到时候,电脑可能找不到 c:/ (尤其是unix系列的主机)更可能找不到 www 这目录(有些会规定要放在特定的目录下才能显示网页),所以说,没事的话,尽量用‘相对路径’来作连结吧!好写又不容易出错。 另外一个情形是:为了整理方便,有些网友喜欢将图档通通放到同一个目录下,如:c:/www/gif/ 底下放进了p1.gif 、 p2.gif两个图,而index.htm 、 text1.htm 依旧在 c:/www 底下。现在我们想在 index.htm 下设个连结到 p1.gif 这图档(连结不限于只能连html档,图档、文字档均可),那我们又该如何来使用‘相对路径’呢?他们又不在‘同一个目录’下...? <a href="/c|/www/gif/p1.gif">这是‘绝对路径’的写法<a href="gif/p1.gif">这是‘相对路径’的写法 如何?不难吧!(只是字有点多,看到脑子发胀)