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

好了,这一节先讲到这里!大家在自己的电脑上实习一下,呵呵!
最新资讯
大疆公关总监:最重要的是做好内部管理

大疆公关总监:最重要的

大疆公关总监谢阗地表示,除了之前发布的一个官方声明外
2019Twitter中国品牌出海影响力报告:华为大疆等上榜

2019Twitter中国品牌

球社交网络平台Twitter今日在北京举办2019年Twitter出
特斯拉上海超级工厂公开招聘24个职位

特斯拉上海超级工厂公

特斯拉上海工厂最初的生产目标为每周3000辆左右,2020年
OPPO K3发布 将升降式全面屏下放至千元机

OPPO K3发布 将升降式

OPPO今日发布K系列新品K3,采用升降式摄像头,售价1599元
工业和信息化部就骚扰电话管控不力问题约谈中国电信

工业和信息化部就骚扰

工信部信息通信管理局就骚扰电话管控不力问题约谈了中
上线“快看点” 快手秘密复制“趣头条”

上线“快看点” 快手

一直在不断尝试孵化新产品的快手,最近上线了自己的“趣
最新文章
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