我们在第一讲里概括了一下网页的主要框架,现在我们来详细的研究网页的内部细则
先从它的身体部分(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="imagesback-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>,有兴趣的朋友可以任意设置他们的值!

好了,这一节先讲到这里!大家在自己的电脑上实习一下,呵呵!
最新资讯
TikTok:将针对特朗普的行政令寻求所有可行的补救办法

TikTok:将针对特朗普的

TikTok回应称将就特朗普的行政令寻求所有可行的补救办
微信遭美国封杀:腾讯系大跌 腾讯控股市值蒸发2684亿

微信遭美国封杀:腾讯系

腾讯系集体暴跌,微盟集团跌5.8%,中国有赞跌5.65%,腾讯控
余承东:消费者业务上半年收入2558亿元 手机发货量1.05亿台

余承东:消费者业务上半

在今日的中国信息化百人会2020年峰会上,华为消费者业务
腾讯控股收盘跌5.76% 此前特朗普签署TikTok微信禁令

腾讯控股收盘跌5.76%

港股收盘,科技股方面, 腾讯控股跌5.76%,阿里巴巴跌3.35%,
特朗普发布对微信禁令 腾讯回应:正在评估该行政命令

特朗普发布对微信禁令

在特朗普下令45天后禁止与微信进行交易后,腾讯公司发言
外交部回应特朗普签署TikTok微信禁令:美方最终将自食其果!

外交部回应特朗普签署

汪文斌表示,得道多助,失道寡助,美方将一己私利凌驾于市场
最新文章
HTML中利用div+CSS实现简单的箭头图标的代码

HTML中利用div+CSS实

这篇文章主要介绍了HTML中利用div+CSS实现简单的箭头
HTMl页面中返回顶部的几种实现小结

HTMl页面中返回顶部的

这篇文章主要介绍了HTMl页面中返回顶部的几种实现小结
解决vscode 中保存后html自动格式化的问题

解决vscode 中保存后h

这篇文章主要介绍了vscode 中保存后html自动格式化的
html浮动提示框功能的实现代码

html浮动提示框功能的

这篇文章主要介绍了html浮动提示框功能的实现代码,需
详解HTML中的图片标签的用法

详解HTML中的图片标签

这篇文章主要介绍了详解HTML中的图片标签的用法,本文
使用html-webpack-plugin'入再内存中生成 html 页面插件

使用html-webpack-plu

这篇文章主要介绍了使用html-webpack-plugin'入再内