当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > HTML基础之HTML内容细则

HTML/XHTML教程
HTML代码学习:DOCTYPE的缩写
DTD文档类型声明doctype
邮件HTML的一些经验总结
HTML5标准的前途
实现lightBox时的样式与行为分离减少JS
网页文字实现竖排的几种方法
HTML的dl、dt、dd标记制作表格对决Table制作表格
Web页面中使用自定义选择框Select
XHTML2死掉,XHTML1.x语法在HTML5中可以使用
HTML5与未来的网页设计(英文教程)
IETester兼容win7
HTML5学习资源整理
safari:webkit
iframe自适应大小
微软IE团队开始注重HTML 5规范
网页设计中的标点符号应用规范
优秀产品设计中的9点良好的用户体验设计
HTML 5解析规则
HTML减肥:精简HTML标记制作网页
HTML网页制作教程:谨慎使用iframe标记

HTML/XHTML教程 中的 HTML基础之HTML内容细则


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-10   浏览: 93 ::
收藏到网摘: n/a

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

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