首页 > HTML教程_HTML语言视频教程 > 网页背景-HTML基础教程(11)

HTML教程_HTML语言视频教程

网页背景-HTML基础教程(11)

发布:E时代科技  分类:HTML教程_HTML语言视频教程 浏览:1599 次

  网页背景-HTML基础教程(11)

  您是否老觉得网页「空空的」,没错!一个可能是我们还没有很多内容,另一个可能则是我们还没有设定网页背景。网页背景有这么神奇的功效吗?当然,网页背景是整个网页设计重要的一环,一个设计精美的网站,莫不费尽心思,让网页背景能够和前景图文相结合,做出网页整体感的效果。

  【背景卷标】

  说穿了,背景卷标只有《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=“http://www.webesd.com”》连结文字《/a》

  《/body》

  《/html》

  呈现结果连结文字

  连结时颜色用法:《body alink=“颜色码”》设定「按下连结」的颜色,也就是当您鼠标按下那连结的瞬间所呈现的颜色。

  原始码《html》

  《head》

  《title》这是标题《/title》

  《/head》

  《body alink=“#0099ff”》

  《a href=“http://www.webesd.com”》连结中文字《/a》

  《/body》

  《/html》

  呈现结果连结中文字(这个效果请大家在自己的电脑上试验!鼠标点下连结瞬间才会出现我们设定的浅蓝色)

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

  原始码《html》

  《head》

  《title》这是标题《/title》

  《/head》

  《body vlink=“red”》

  《a href=“http://www.webesd.com”》连结文字《/a》

  《/body》

  《/html》

  呈现结果连结中文字(这个效果请大家在自己的电脑上试验!设定已执行过的连结以红色显示)

  查看更多HTML教程》》》》》