HTML 语法教学之背景标签

【背景标签】

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

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

  2. 标签解说:这个标签其实应该老早就要讲了,毕竟它是构成网页不可或缺的基本要素之一(哎哎哎...现在放马后炮有什么用!)。我们背景颜色或图片的设定以及连结字体的颜色,通通都放在<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>

    呈现结果按下此处观看结果



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

  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="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>

    呈现结果按下此处观看结果(设定已执行过的连结以红色显示)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Morven

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值