音畫(huà)貼，顧名思義就是有圖片和音樂(lè)的BBS帖子。當(dāng)然有些音畫(huà)貼里還可以顯示Falsh動(dòng)畫(huà)和動(dòng)態(tài)樣式文字。因?yàn)镕alsh動(dòng)畫(huà)種往往已經(jīng)包含了畫(huà)面配音（音樂(lè)或歌曲），所以，如果在帖子里引用顯示falsh動(dòng)畫(huà)，則無(wú)需在帖子里另外包含音樂(lè)或歌曲文件了。
音畫(huà)貼的基本要素是圖片、音樂(lè)和文字，其中，除了文字，圖片和音樂(lè)這兩個(gè)要素一般都是以文件的形式存在的。所以在制作音畫(huà)貼的時(shí)候，只需要在特定的顯示位置引用圖片或音樂(lè)文件的地址（URL）及文件名就行了。文字可以在利用圖像文件編輯器加工處理圖片時(shí)疊加到圖片上，使圖片變成有文字的圖片；而不需要放到圖片里的文字，則可以直接寫(xiě)在帖子里。
在BBS上發(fā)表自己手工制作的音畫(huà)貼，必須要用HTML源代碼的編輯狀態(tài)和提交方式來(lái)實(shí)現(xiàn)，如果BBS沒(méi)有提供使用HTML源代碼編輯和提交帖子的功能，則無(wú)法發(fā)表手工制作的音畫(huà)貼。
西陸網(wǎng)站的所有論壇都支持HTML源代碼編輯和提交帖子，還有現(xiàn)在流行的大多數(shù)動(dòng)網(wǎng)論壇也支持HTML源代碼編輯帖子，所以，學(xué)會(huì)手工制作音畫(huà)貼，一般情況下可以在網(wǎng)絡(luò)上絕大多數(shù)的論壇里發(fā)表自己的音畫(huà)貼作品。當(dāng)然，也可以制作出樣式各異的圖文網(wǎng)頁(yè)。
『每一課程兩題』
第一題、如何讓帖子內(nèi)容在網(wǎng)頁(yè)里居中顯示？
<DIV align=center><CENTER>要顯示的圖片或文字</CENTER></DIV>
<DIV>名叫“定位標(biāo)識(shí)符”，它有一個(gè)屬性叫align，將這個(gè)屬性設(shè)置成center或者middle，被標(biāo)識(shí)的網(wǎng)頁(yè)就會(huì)顯示在瀏覽器的中間（即左右居中顯示）位置。</DIV>表示被控制居中顯示的效果到此結(jié)束。也就是說(shuō)<DIV align=center>表示開(kāi)始居中顯示，而</DIV>表示結(jié)束居中顯示。
語(yǔ)法實(shí)例：<DIV align=center>要居中顯示的圖片或文字</DIV>
<CENTER>名叫“居中控制標(biāo)識(shí)符”，它沒(méi)有屬性，默認(rèn)將被標(biāo)識(shí)的網(wǎng)頁(yè)要素顯示在頁(yè)面的中間（即左右居中顯示）位置。</CENTER>表示被控制居中顯示的效果到此結(jié)束。也就是說(shuō)<CENTER>表示開(kāi)始居中顯示，而</CENTER>表示結(jié)束居中顯示。
語(yǔ)法實(shí)例：<CENTER>要居中顯示的圖片或文字</CENTER>
備注：
<DIV>和<CENTER>都是HTML標(biāo)識(shí)語(yǔ)言（用來(lái)制作網(wǎng)頁(yè)的一種明文語(yǔ)言代碼）的基本標(biāo)識(shí)符，使用的基本原則如下：
1、不區(qū)分大小寫(xiě)，大寫(xiě)與小寫(xiě)是等價(jià)的。<DIV>等同于<div>。
2、必須成對(duì)使用，既要標(biāo)識(shí)顯示效果開(kāi)始，也要標(biāo)識(shí)顯示效果結(jié)束。被標(biāo)識(shí)的要素，放在開(kāi)始和結(jié)束之間。<DIV align=center>要居中顯示的圖片或文字</DIV>
3、不同的標(biāo)識(shí)符可以嵌套使用，但不能相互騎跨。<div><center></center></div>是正確的，而<div><center></div></center>是錯(cuò)誤的。錯(cuò)誤的標(biāo)識(shí)，會(huì)加倍消耗內(nèi)存資源，影響網(wǎng)頁(yè)顯示或刷新的速度。
第二題、如何在帖子里顯示圖片？
<IMG src=URL>
<IMG>名叫“圖片標(biāo)識(shí)符”，是專門用來(lái)在網(wǎng)頁(yè)里顯示圖片的標(biāo)識(shí)符。它最重要的一個(gè)屬性是src，應(yīng)該給這個(gè)屬性設(shè)置圖片的位置，“URL”表示一個(gè)有效的包含文件名的網(wǎng)絡(luò)地址，也就是圖片文件在網(wǎng)絡(luò)上所在的位置。
例如：http://image2.sina.com.cn/sms/sinapic/27124406-index.gif，這是新浪網(wǎng)首頁(yè)上的一張圖片的URL，這個(gè)圖片的文件名是“27124406-index.gif”。如果你想在帖子里顯示這個(gè)圖片。
語(yǔ)法實(shí)例：<IMG src=http://image2.sina.com.cn/sms/sinapic/27124406-index.gif>
<IMG>這個(gè)標(biāo)識(shí)符還有若干個(gè)屬性，不同的屬性用來(lái)修飾和控制圖片顯示的效果，最常用的典型屬性是：
border=n （n代表任意一個(gè)數(shù)值）
該屬性用來(lái)給圖片設(shè)置顯示邊框，border=0表示圖片無(wú)邊框顯示。n的數(shù)值大小決定圖片顯示時(shí)邊框的寬度。
如：<IMG border=2 src=http://image2.sina.com.cn/sms/sinapic/27124406-index.gif>
width=n（n代表任意一個(gè)數(shù)值，最大值不應(yīng)超過(guò)顯示器當(dāng)前分辨率的最大象素）
該屬性用來(lái)給圖片設(shè)置控制顯示的寬度，width=500表示圖片顯示的寬度為500象素。
如：<IMG width=100 src=http://image2.sina.com.cn/sms/sinapic/27124406-index.gif>
備注：
1、一個(gè)有效的URL應(yīng)該包括正確的網(wǎng)絡(luò)地址（位置）和圖片文件名。如果用正確的標(biāo)識(shí)個(gè)語(yǔ)法，在網(wǎng)頁(yè)上顯示出來(lái)的卻是一個(gè)小叉叉（俗稱膠布），說(shuō)明src屬性的URL不是有效的。
2、標(biāo)識(shí)的屬性應(yīng)該寫(xiě)在開(kāi)始標(biāo)識(shí)符的尖括弧，若有多個(gè)屬性，可以連續(xù)寫(xiě)入，但屬性與屬性之間，應(yīng)該用空格來(lái)間隔。如：<IMG src=URL border=0 width=300>
3、URL指向的圖片位置必須是網(wǎng)絡(luò)上的，所以加工之后的圖片必須首先上傳到網(wǎng)上才能引用?！皊rc=d:/myimage/123456.gif”這個(gè)地址肯定是錯(cuò)誤的，因?yàn)槟愕碾娔X的D盤(pán)，在網(wǎng)上是無(wú)法共享的，如果圖片還在你的電腦硬盤(pán)里，指向你電腦磁盤(pán)的URL就是無(wú)效的。
總結(jié)：
在帖子里發(fā)一張圖片，并且讓圖片顯示在網(wǎng)頁(yè)居中的位置。
源代碼如下：
<DIV align=center><CENTER>
<IMG src=http://image2.sina.com.cn/sms/sinapic/27124406-index.gif>
</CENTER>
</DIV>
