HTML语法教程（3）

最新推荐文章于 2024-05-15 17:03:37 发布

jhcl200888

最新推荐文章于 2024-05-15 17:03:37 发布

阅读量320

点赞数

本文链接：https://blog.csdn.net/jhcl200888/article/details/6464148

版权

4.7 背景标签 <回细说索引>

【背景标签】

说穿了，背景标签只有<BODY>这个标签，其余的效果，只要加上一些简单的属性便可做到。

使用方法：<body bgcolor="#ffffff" background="bg.jpg">

标签解说：这个标签其实应该老早就要讲了，毕竟它是构成网页不可或缺的基本要素之一（哎哎哎...现在放马后炮有什么用！）。我们背景颜色或图片的设定以及连结字体的颜色，通通都放在<body>这标签里面。我就其属性来一一解说：

背景颜色

用法：<body bgcolor="颜色码">
设定背景颜色。有人会说：‘我已经设定了背景图片，那背景颜色还有用吗？’当然有用！当使用者连结到贵站时，若背景图案还没传输完之前（有的背景图蛮大的），就会先显现背景颜色，您说，是不是比一片灰灰的好看多了呢！

原始码

这里是本文区

</body>
</html>

呈现结果

按下此处观看结果

背景图案

用法：<body background="图档名称、路径">
g设定背景图案。图档可以是jpg或gif格式的图档，我建议：图档不要太大，否则网页载入会蛮慢的。

原始码

这里是本文区

</body>
</html>

呈现结果

按下此处观看结果

【内文、连结文字颜色设定】

使用方法：<body text="#000000" link="#0000ff" vlink="#ff00ff" alink="#ff0000>

标签解说：用字体标签中的颜色属性，可以设定文字的颜色，不过，却没有提到文字的颜色内定值该如何修改，这个<body>标签中，便有设定内文、连结等文字的颜色内定值功能。用法如下：

内文颜色

用法：<body text="颜色码">
设定一般文字颜色，也就是说，若没有特别去设定文字颜色的话，浏览器就会自动显现您所设定的颜色。

原始码

这里是本文区

</body>
</html>

呈现结果

按下此处观看结果

连结颜色

用法：<body link="颜色码">
设定“连结”的颜色。只要是有连结的地方就会出现你指定的颜色，当然，如果按下连结后，那又会变成另一个颜色了，这底下会说明。

原始码

</body>
</html>

呈现结果

按下此处观看结果（设定连结为橘色）

连结时颜色

用法：<body alink="颜色码">
设定“按下连结”的颜色，也就是当您滑鼠按下那连结的瞬间所呈现的颜色。

原始码

<a href="index.htm">连结中文字</a>

</body>
</html>

呈现结果

按下此处观看结果（滑鼠点下连结瞬间才会出现我们设定的浅蓝色）

已连结颜色

用法：<body vlink="颜色码">
设定“按下链结后”的颜色，也就是如果该连结已经有被按过了，那么就会呈现的颜色。如此的做法，是要让使用者容易识别到底哪些连结有去过了，哪些没去过。

原始码

</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"> 这是‘相对路径’的写法

如何？不难吧！（只是字有点多，看到脑子发胀）