手工制作音画贴简易教程（一）

音画贴，顾名思义就是有图片和音乐的BBS帖子。当然有些音画贴里还可以显示Falsh动画和动态样式文字。因为Falsh动画种往往已经包含了画面配音（音乐或歌曲），所以，如果在帖子里引用显示falsh动画，则无需在帖子里另外包含音乐或歌曲文件了。

音画贴的基本要素是图片、音乐和文字，其中，除了文字，图片和音乐这两个要素一般都是以文件的形式存在的。所以在制作音画贴的时候，只需要在特定的显示位置引用图片或音乐文件的地址（URL）及文件名就行了。文字可以在利用图像文件编辑器加工处理图片时叠加到图片上，使图片变成有文字的图片；而不需要放到图片里的文字，则可以直接写在帖子里。

在BBS上发表自己手工制作的音画贴，必须要用HTML源代码的编辑状态和提交方式来实现，如果BBS没有提供使用HTML源代码编辑和提交帖子的功能，则无法发表手工制作的音画贴。

西陆网站的所有论坛都支持HTML源代码编辑和提交帖子，还有现在流行的大多数动网论坛也支持HTML源代码编辑帖子，所以，学会手工制作音画贴，一般情况下可以在网络上绝大多数的论坛里发表自己的音画贴作品。当然，也可以制作出样式各异的图文网页。

『每一课程两题』

第一题、如何让帖子内容在网页里居中显示？
<DIV align=center><CENTER>要显示的图片或文字</CENTER></DIV>

<DIV>名叫“定位标识符”，它有一个属性叫align，将这个属性设置成center或者middle，被标识的网页就会显示在浏览器的中间（即左右居中显示）位置。</DIV>表示被控制居中显示的效果到此结束。也就是说<DIV align=center>表示开始居中显示，而</DIV>表示结束居中显示。
语法实例：<DIV align=center>要居中显示的图片或文字</DIV>

<CENTER>名叫“居中控制标识符”，它没有属性，默认将被标识的网页要素显示在页面的中间（即左右居中显示）位置。</CENTER>表示被控制居中显示的效果到此结束。也就是说<CENTER>表示开始居中显示，而</CENTER>表示结束居中显示。
语法实例：<CENTER>要居中显示的图片或文字</CENTER>

备注：
<DIV>和<CENTER>都是HTML标识语言（用来制作网页的一种明文语言代码）的基本标识符，使用的基本原则如下：
1、不区分大小写，大写与小写是等价的。<DIV>等同于<div>。
2、必须成对使用，既要标识显示效果开始，也要标识显示效果结束。被标识的要素，放在开始和结束之间。<DIV align=center>要居中显示的图片或文字</DIV>
3、不同的标识符可以嵌套使用，但不能相互骑跨。<div><center></center></div>是正确的，而<div><center></div></center>是错误的。错误的标识，会加倍消耗内存资源，影响网页显示或刷新的速度。

第二题、如何在帖子里显示图片？
<IMG src=URL>

<IMG>名叫“图片标识符”，是专门用来在网页里显示图片的标识符。它最重要的一个属性是src，应该给这个属性设置图片的位置，“URL”表示一个有效的包含文件名的网络地址，也就是图片文件在网络上所在的位置。
例如：http://image2.sina.com.cn/sms/sinapic/27124406-index.gif，这是新浪网首页上的一张图片的URL，这个图片的文件名是“27124406-index.gif”。如果你想在帖子里显示这个图片。
语法实例：<IMG src=http://image2.sina.com.cn/sms/sinapic/27124406-index.gif>

<IMG>这个标识符还有若干个属性，不同的属性用来修饰和控制图片显示的效果，最常用的典型属性是：
border=n （n代表任意一个数值）
该属性用来给图片设置显示边框，border=0表示图片无边框显示。n的数值大小决定图片显示时边框的宽度。
如：<IMG border=2 src=http://image2.sina.com.cn/sms/sinapic/27124406-index.gif>
width=n（n代表任意一个数值，最大值不应超过显示器当前分辨率的最大象素）
该属性用来给图片设置控制显示的宽度，width=500表示图片显示的宽度为500象素。
如：<IMG width=100 src=http://image2.sina.com.cn/sms/sinapic/27124406-index.gif>

备注：
1、一个有效的URL应该包括正确的网络地址（位置）和图片文件名。如果用正确的标识个语法，在网页上显示出来的却是一个小叉叉（俗称胶布），说明src属性的URL不是有效的。
2、标识的属性应该写在开始标识符的尖括弧，若有多个属性，可以连续写入，但属性与属性之间，应该用空格来间隔。如：<IMG src=URL border=0 width=300>
3、URL指向的图片位置必须是网络上的，所以加工之后的图片必须首先上传到网上才能引用。“src=d:/myimage/123456.gif”这个地址肯定是错误的，因为你的电脑的D盘，在网上是无法共享的，如果图片还在你的电脑硬盘里，指向你电脑磁盘的URL就是无效的。

总结：
在帖子里发一张图片，并且让图片显示在网页居中的位置。
源代码如下：
<DIV align=center><CENTER>
<IMG src=http://image2.sina.com.cn/sms/sinapic/27124406-index.gif>
</CENTER>
</DIV>