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

好了,这一节先讲到这里!大家在自己的电脑上实习一下,呵呵!
最新资讯
Waymo无人车量产承压 汽车制造商将联手加速开发进程

Waymo无人车量产承压

在谷歌大力推进自动驾驶汽车量产之际,宝马和大众等德国
直击|AI公司创新奇智宣布完成超4亿元A轮融资

直击|AI公司创新奇智

创新奇智成立于2018年3月,瞄准零售、制造和金融等领域
微软确认必应网站目前无法在中国访问 市场份额约2%

微软确认必应网站目前

微软发言人向记者回应称,已确认必应网站目前在中国无法
直击|对话华为丁耘:想看看对手何时才能追赶上

直击|对话华为丁耘:想

华为常务董事、运营BG总裁丁耘在接受新浪科技等采访时
滴滴推举措缓解春节打车难 春节司机服务费扩至268城

滴滴推举措缓解春节打

为缓解春节期间打车供需失衡问题,滴滴出行今日公布三项
北京市与BAT、三大运营商等机构签订大数据合作协议

北京市与BAT、三大运

今天上午,北京市经信局与首批18家社会机构(或其代表主体
最新文章
HTML实现2列布局(左侧宽度固定,右侧自适应)的方法示例

HTML实现2列布局(左侧

这篇文章主要介绍了HTML实现2列布局(左侧宽度固定,右侧
Html读取本地文件夹下图片并显示的示例代码

Html读取本地文件夹下

这篇文章主要介绍了Html读取本地文件夹下图片并显示的
详解 html area标签

详解 html area标签

area 元素总是嵌套在 <map> 标签中。本文重点给大家介
HTML中两个tabs导航冲突问题的解决方法

HTML中两个tabs导航冲

这篇文章主要介绍了HTML中两个tabs导航冲突问题的解决
详解前端在html页面之间传递参数的方法

详解前端在html页面之

这篇文章主要介绍了详解前端在html页面之间传递参数的
详解HTML onfocus获得焦点和onblur失去焦点事件

详解HTML onfocus获得

这篇文章主要介绍了详解HTML onfocus获得焦点和onblur