HTML基础-第二讲-CSDN博客

本文链接：https://blog.csdn.net/likaier/article/details/326657

HTML基础-第二讲

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

先从它的身体部分(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>，有兴趣的朋友可以任意设置他们的值！

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