网站首页 手机版
 注册 登录
您现在的位置: 畅无忧设计 >> 网站建设 >> HTML教程 >> 正文
最新文章
· 安装与设置FCKEditor
· iframe父窗口和子窗口相互的调用方法
· 解决div总是被select遮挡的问题
· html的框架frame和frameset
· 网页常用的三种注释方法
· iframe背景透明效果的实现
· 使用iframe嵌入的页面单击链接时,让
· 点击#空链接不跳到页面顶端
· 网页表格表框制作技巧
· HTML特殊字符列表
热门文章
 使用iframe嵌入的页面单击链接时,
 iframe背景透明效果的实现
 html的框架frame和frameset
 点击#空链接不跳到页面顶端
 flash自动激活和flash虚线框的解决
 网页中插入背景音乐
 IFRAME属性及详解
 简单实现在网页中控制Flash的播放
 在线视频播放代码大全
 让iframe透明显示
相关文章
HTML基础第十二讲—链接标志
HTML基础第十讲—排版卷标
HTML基础第九讲—表单
HTML基础第八讲—序列卷标
HTML基础第七讲—框架
HTML基础第六讲—表格
HTML基础第十一讲—背景标志
来源:www.cwydesign.com 更新时间:2009/5/1 16:12:08 阅读次数:
字体:[ ] 我要投稿

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

【背景卷标】

说穿了,背景卷标只有<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.wrclub.net">连结文字</a>
</body>
</html>
呈现结果 连结文字
连结时颜色 用法:<body alink="颜色码">设定「按下连结」的颜色,也就是当您鼠标按下那连结的瞬间所呈现的颜色。
原始码 <html>
<head>
<title>这是标题</title>
</head>
<body alink="#0099ff">
<a href="http://www.wrclub.net">连结中文字</a>
</body>
</html>
呈现结果 连结中文字(这个效果请大家在自己的电脑上试验!鼠标点下连结瞬间才会出现我们设定的浅蓝色)
已连结顏色 用法:<body vlink="颜色码">设定「按下链接后」的颜色,也就是如果该连结已经有被按过了,那么就会呈现的颜色。如此的做法,是要让使用者容易识别到底哪些连结有去过了,哪些没去过。
原始码 <html>
<head>
<title>这是标题</title>
</head>
<body vlink="red">
<a href="http://www.wrclub.net">连结文字</a>
</body>
</html>
呈现结果 连结中文字(这个效果请大家在自己的电脑上试验!设定已执行过的连结以红色显示)

<第十一讲完>

  • 上一篇文章:
  • 下一篇文章:
  • 关于我们 - 联系我们 - 广告服务 - 在线投稿 - 友情链接 - 网站地图 - 版权声明
    CopyRight 2008-2010, CWYDESIGN.COM - 畅无忧设计, Inc. All Rights Reserved
    滇ICP备09005765号