静态网页HTML基础-第二讲中国酷族独家发布网页基础教程

ＣooL．泪猪 · 发表于 2011-3-3 04:20:18

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有帐号？会员注册

x

HTML基础-第二讲

By:泪猪

我们在第一讲里概括了一下网页的主要框架，现在我们来详细的研究网页的内部细则：

先从它的身体部分(body) 开始：
欣赏一个网页时，一般先注意到的是这个页面的背景，如果有背景音乐，那就更吸引人了！是不是呀，那么这些是怎么实现的呢？看下边：

1、背景颜色
<body bgcolor="red">我们发现多了个bgcolor其实就是backgroundcolor（背景颜色）的意思，bgcolor="red"设置网页的背景颜色为红色，现在颜色一般都是#ff0000样式的。

2、背景图片
<body backgroud＝"back-ground.gif">中“backgroud”就是设置背景图片的啦，back-ground.gif是背景图片的名字，为什么有的朋友也是如此写的，而网页却没有背景图片呢？其实back-ground.gif是该图片相对于这个页面的位置，比如你做的这个页面放在c:\我的网站\，而背景图片的位置放在c:\我的网站\images\，那么就得这样写了：<body backgroud＝"images\back-ground.gif">，注意两者的区别！

3、背景音乐
背景音乐和上边介绍的两个有很大的不同，它的代码是放在页面的头部<head></head>里，为什么在这里讲呢？就是因为它也是显示网页的时候我们首先接受到的信息。看看它的代码吧：
<bgsound src="background_sound.mid" loop="-1">
bgsound 不用说了吧背景声音，background_sound.mid是音乐的文件名，当然也得写它的相对路径哦（关于相对路径，可能有的网友，一下子不能搞明白，我们将会在其他板块介绍的）！loop，循环，那么loop="-1"是什么意思呢？loop是bgsound 的一个属性，当然src也是了，后边跟得就是属性值了，那么loop="-1"就是无限循环的意思，只要是页面打开，音乐不会停止的，loop="1"说明循环一次，等于0就是不循环了，呵呵，简单不！

4、body其它属性：topmargin，leftmargin。有的朋友再做页面的时候，感觉文字或者表格怎么也不能靠在浏览器的最上边和最左边，怎么回事呢？因为一般我们用的制作软件或者说html语言默认的都是topmargin和leftmargin值等于12，如果你把他们的值设为0，你看看会有什么效果！如下比较一下<body>和<body topmargin=0 leftmargin=0>，有兴趣的朋友可以任意设置他们的值！

好了，这一节先讲到这里！大家在自己的电脑上实习一下，呵呵！

ＣooL．泪猪说：

静态网页HTML基础-第二讲中国酷族独家发布网页基础教程

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

发表回复

浏览过的版块

社区QQ达人

超级无敌新人奖

优秀成员

最佳成员奖

原创者勋章

沙发王勋章

每日签到奖

推广之星奖

宣传大使

极度诱惑勋章

视觉潮人奖

先锋奖

六星奖

音乐天才奖

空间认证奖

YY认证勋章

在线时间王勋章

红人勋章

爱心勋章

社区活动奖

幸福恋人奖(男)

酷Q帅哥奖

精英会员审核团队标志

最具人气奖

水瓶座

分享到：

个人中心

静态网页HTML基础-第二讲 中国酷族独家发布网页基础教程

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

发表回复

浏览过的版块

社区QQ达人

超级无敌新人奖

优秀成员

最佳成员奖

原创者勋章

沙发王勋章

每日签到奖

推广之星奖

宣传大使

极度诱惑勋章

视觉潮人奖

先锋奖

六星奖

音乐天才奖

空间认证奖

YY认证勋章

在线时间王勋章

红人勋章

爱心勋章

社区活动奖

幸福恋人奖(男)

酷Q帅哥奖

精英会员审核团队标志

最具人气奖

水瓶座

分享到：

个人中心

静态网页HTML基础-第二讲中国酷族独家发布网页基础教程