HTML的英語(yǔ)全稱(chēng)為Hyper Text Markup Language,中文意思是超文本標識語(yǔ)言(簡(jiǎn)稱(chēng)為:超文本語(yǔ)言)。
它是計算機語(yǔ)言的最基礎、最簡(jiǎn)單的部分。我們知道計算機最基本的識別文字(也叫語(yǔ)言)就是26個(gè)英文字母+10個(gè)阿拉伯數字+部分標點(diǎn)符號。論壇上的HTML音畫(huà)制做是不借助任何軟件的,所以就必須使用HTML語(yǔ)言(部分網(wǎng)站及專(zhuān)業(yè)論壇是不開(kāi)放HTML設置的)。
初學(xué)者(包括偶)一打開(kāi)HTML制式,看到的往往是一堆代碼,即便不暈也是丈二和尚,往往會(huì )在這個(gè)時(shí)期放棄學(xué)習,實(shí)際上你只要摸上規律,找到竅門(mén),它是很簡(jiǎn)單的,因為它的組成是有定律的、是固定的(不象愛(ài)情那么沒(méi)有規律、那么復雜,嘿嘿)。
下面我就從最基本的、最基礎東西開(kāi)始,和大家共切磋(高手勿看,否則俺就緊張、害羞啦)
HTML語(yǔ)言音畫(huà)最基本的構成就是四個(gè)部分:
邊框
圖片(內容)
音樂(lè )
FLASH
下面先講邊框:
邊框可以設置任意N層,你想要幾層就幾層,網(wǎng)上很協(xié)調美觀(guān)的邊框大部分都是專(zhuān)業(yè)人士制做(有些網(wǎng)站可以專(zhuān)門(mén)下載),你不要一看見(jiàn)一個(gè)漂亮邊框就認為樓主高不可攀,實(shí)際上大部分會(huì )員用的協(xié)調美觀(guān)的邊框都是共享的(當然,也有很大一部分高手是原創(chuàng ),例如大家比較熟悉的夜色迷離、白山岫水等高手),所以我在這里可以這樣說(shuō):網(wǎng)上的邊框是共享的,大家完全可以心安理得地去借用和復制,不用臉紅(但本壇支持原創(chuàng ))!哈哈,我是借用別人的邊框從來(lái)不臉紅的人。
下面是一個(gè)七層邊框的實(shí)例介紹,圖片可以任意換,只要你覺(jué)著(zhù)好看就行:
<TABLE cellSpacing=0 borderColorDark=#001a1a cellPadding=10 width=500 borderColorLight=#055b56 background=圖片地址 border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=0 borderColorDark=#001a1a cellPadding=15 width=500 borderColorLight=#055b56 background=圖片地址 border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=0 cellPadding=3 width="100%" background=圖片地址 border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=0 cellPadding=15 width="100%" background= 圖片地址 border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=0 cellPadding=3 width="100%" background=圖片地址 border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=0 cellPadding=15 width="100%" background=圖片地址 border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=10 borderColorDark=#001a1a cellPadding=0 width="100%" borderColorLight=#055b56 background=圖片地址 border=0>
<TBODY>
<TR>
<TD>(此處插入主文)</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
藍色部分是結尾,
(我偷偷的告訴你一個(gè)小竅門(mén):做完邊框和內容后,結尾部分不用自己寫(xiě),在Design格式[也就是第一個(gè)格式Design]與HTML格式[HTML]之間來(lái)回打幾次,系統就自動(dòng)給你寫(xiě)好了,別泄密哦)
其中:border =邊框粗細 width= 邊框寬度 height =邊框高度 cellspacing=單元格間距 cellpadding=邊框間距 borderColor=邊框顏色 background =插入的背景 (這幾個(gè)格式你可要背過(guò)了啊,如果也和我一樣記憶力不好,可以復制到你的文件夾里)
下面是帖子內容的基本格式(這些您可要記住了,如記憶力不好,可復制到文件夾里)
1、貼圖片格式(支持jpg、gif等格式),紅色代碼是圖片居中命令:
<P align=center> <IMG src="內容圖片地址"></P>
2、貼普通字體格式,藍色代碼為字的顏色、紅色代碼為字的大?。ㄗ畲鬄?,最小為1),其他運動(dòng)字體的格式,另行講解:
<CENTER><FONT face=宋體 color=#e4dc9b size=4>皮爾卡丹時(shí)尚論壇</FONT></CENTER>
3、貼FLASH格式(紅色代碼分別是寬度與高度):
<EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=FLASH地址 width=380 height=270 type=application/x-shockwave-flash quality="high" wmode="transparent"></EMBED>
另外為大家介紹三種flash 的代碼
代碼1(普通的flash的插入代碼)
<EMBED height=170 pluginspage=http://www.macromedia.com/go/getflashplayer src=地址 type=application/x-shockwave-flash width=330 quality="high"></EMBED>
代碼2(無(wú)限制的flash的代碼)
<EMBED style="LEFT: 250px; WIDTH: 400px; POSITION: absolute; TOP: 900px; HEIGHT: 300px" align=right src=地址 width=400 height=300 type=application/octet-stream wmode="transparent" quality="high" ;;></EMBED>
代碼3(大型flash )
<TR><TD><EMBED style="LEFT: 50px; WIDTH: 850px; POSITION: absolute; TOP: 10px; HEIGHT: 1500px" align=right src=地址 width=500 height=1500 type=application/octet-stream wmode="transparent" quality="high" ;;></EMBED></TD>
代碼4(雙層flash的代碼)
<EMBED align=right src=地址 width=420 height=350 type=application/octet-stream wmode="transparent" quality="high"><EMBED align=right src=地址 width=420 height=350 type=application/octet-stream wmode="transparent" quality="high">
常用特效
1。透明
style="FILTER: Alpha(opacity=100,style=2)"
2。倒影
<P align=center><FONT style="FONT-SIZE: 27pt; WIDTH: 220px; COLOR: #00ff00; HEIGHT: 10px"><IMG src="圖片地址"><FONT id=ew style="FONT-SIZE: 27pt; FILTER: wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv(); WIDTH: 220px; COLOR: #3333ff; HEIGHT: 10px"><IMG src="圖片地址"></P></FONT></FONT>
3蝴蝶飛舞
<MARQUEE behavior=alternate direction=up height=300 width=110><img src=http://bbs.mz99.com/UploadFile/2004-6/20046733350553.gif></MARQUEE><FONT color=orange><MARQUEE behavior=alternate direction=up height=250 width=110><img src=http://bbs.mz99.com/UploadFile/2004-6/20046733350553.gif></MARQUEE><FONT color=Fuchsia><MARQUEE behavior=alternate direction=up height=300 width=110><img src=http://bbs.mz99.com/UploadFile/2004-6/20046733350553.gif></MARQUEE><FONT color=olive><MARQUEE behavior=alternate direction=up height=250 width=110><img src=http://bbs.mz99.com/UploadFile/2004-6/20046733350553.gif></MARQUEE>
發(fā)貼前別忘了把自動(dòng)修正的小勾除掉自動(dòng)修正
圖片加透明FDLASH格式:
<center><TABLE cellSpacing=2 cellPadding=2 border=10 bordercolor=#84B98D background=圖片><TBODY><TD><EMBED src=透明網(wǎng)址 width=500 height=375 type=application/x-shockwave-flash quality="high" menu="false" wmode="transparent"></embed></table></center>
發(fā)貼前別忘了把自動(dòng)修正的小勾除掉自動(dòng)修正
貼音樂(lè )格式(紅色部分為播放器的大小,設置為0就隱藏了播放器):
1.背景音樂(lè )(適合 mid wma等格式)
<bgsound src=音樂(lè )網(wǎng)址 Loop=-1>
2.音頻(適合MP3 WMA RM等很多格式)
<embed src=網(wǎng)址 AutoStart=true Loop=true width=400 height=40
3.視頻
<embed src=視頻網(wǎng)址 type=audio/x-pn-realaudio-plugin controls=imagewindow,ControlPanel,StatusBar AutoStart=true Loop=true width=400 height=400>
說(shuō)明:AutoStart=true 表示是否要音樂(lè )文件傳送完就自動(dòng)播放,TRUE是要,FALSE是不要,默認為true
Loop=true 表示設定播放重復次數,LOOP=3表示重復3次,true表示無(wú)限次播放,FALSE播放一次即停止。
為讓大家有個(gè)直觀(guān)的認識,就我自己的一個(gè)成品帖子,做一下實(shí)例演示:
(帖子地址:
http://www.maoge.com.cn/bbs/dispbbs.asp?boardID=2&ID=32&page=1)
1、紅色部分是邊框;
2、藍色部分是內容;
3、黑色部分是結尾
4、紫色部分是音樂(lè )
<TABLE cellSpacing=15 cellPadding=0 width=570 background=http://222.186.123.12/yueming/UploadFile/2004-11/2004111720481551.jpg border=0>
<TBODY>
<TR>
<TD width=520>
<TABLE cellSpacing=10 cellPadding=0 width=520 background=http://gb.qjinfo.com/userfilepath/xiaotan/xiaotan007/cancaoparatifundo1.jpg border=0>
<TBODY>
<TR>
<TD width=520>
<TABLE cellSpacing=4 cellPadding=0 width=520 background=http://life121888.512j.com/index/GardenOfGoldstrip[1].jpg___200494123055106.jpg border=0>
<TBODY>
<TR>
<TD width=520>
<TABLE cellSpacing=10 cellPadding=0 background=http://gb.qjinfo.com/userfilepath/xiaotan/xiaotan007/cancaoparatifundo1.jpg border=0>
<TBODY>
<TR>
<TD width=520>
<TABLE cellSpacing=10 borderColorDark=#990000 cellPadding=0 width=520 borderColorLight=#cc0000 background=http://222.186.123.12/yueming/UploadFile/2004-11/2004111720481551.jpg border=1>
<TBODY>
<TR>
<TD width=520>
<TABLE cellSpacing=4 cellPadding=10 width=520 background=http://sbr0912.vicp.net/dvbbs/UploadFile/2004-12/2004123103319481.jpg border=0>
<TBODY>
<TR>
<TD width=520 background=http://gb.qjinfo.com/userfilepath/xiaotan/xiaotan007/cancaoparatifundo1.jpg></TD>
<TR>
<TD width=520>
<TABLE cellSpacing=0 cellPadding=0 width=520 background="" border=0>
<TBODY>
<TR>
<TD>
<P align=center><IMG src="http://www.616bbs.com/picture/xx9/ss2/373.gif"></P>
<P align=center><IMG src="http://www.mtvbbs.com/UploadFile/2004-12/200412618938565.gif"></P>
<P align=center><IMG src="http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0025.gif"></P>
<TABLE borderColor=#d2b48c height=230 cellSpacing=1 width=360align=center background=http://www.mtvbbs.com/UploadFile/2004-12/2004126172826197.jpg border=8>
<TBODY>
<TR>
<TD align=middle width="93%"><EMBED src=http://mtv.vicn.com/upload/2004482345353317.swf width=360height=230 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high"></TD></TR></TBODY></TABLE>
<P align=center><IMG src="http://sbr0912.vicp.net/dvbbs/UploadFile/2004-12/2004122145722665.gif"></P>
<P align=center>
<TABLE borderColor=#d2b48c height=400 cellSpacing=3 width=540 background=http://www.mtvbbs.com/UploadFile/2004-12/2004126172728883.jpg border=1>
<TBODY>
<TR>
<TD align=middle width="93%"><EMBED src=http://favorites2003.vicp.net/picture/cl/2.swf width=540 height=400 type=application/x-shockwave-flash quality="high" menu="false" wmode="transparent"></TD></TR></TBODY></TABLE>
<P align=center><IMG src="http://sbr0912.vicp.net/dvbbs/UploadFile/2004-12/2004122145722665.gif"></P>
<P align=center></P>
<TABLE borderColor=#d2b48c height=400 cellSpacing=3 width=540 align=center background=http://www.mtvbbs.com/UploadFile/2004-12/2004126172712268.jpg border=8>
<TBODY>
<TR>
<TD align=middle width="95%"><EMBED src=http://imgfree.21cn.com/free/flash/4.swf width=540 height=400 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high"></TD></TR></TBODY></TABLE>
<P align=center><IMG src="http://sbr0912.vicp.net/dvbbs/UploadFile/2004-12/2004122145722665.gif"></P>
<P align=center></P>
<TABLE borderColor=#d2b48c height=210 cellSpacing=3 width=540 align=center background=http://www.mtvbbs.com/UploadFile/2004-12/200412617271816.jpg border=8>
<TBODY>
<TR>
<TD align=middle width="93%"><EMBED src=http://imgfree.21cn.com/free/flash/4.swf width=540 height=210 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high"></TD></TR></TBODY></TABLE>
<P align=center><IMG src="http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0025.gif"></P>
<P align=center><IMG src="http://www.maoge.com.cn/bbs/UploadFile/2004-12/2004126164838195.gif"></P>
<P align=center><IMG src="http://www.616bbs.com/picture/xx9/ss2/373.gif"></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><EMBED src=http://mp3.baidu.com/u?u=http://www.mckxx.com/shaoxiandui/media/YWMJBPDg~wP0I-zm7wPwMuos6xxd9g3~K1sz.MP3 width=0 height=0 type=audio/mpeg Loop="true" AutoStart="true">
1、紅色邊框部分:
<TABLE cellSpacing=15 cellPadding=0 width=570 background=http://222.186.123.12/yueming/UploadFile/2004-11/2004111720481551.jpg border=0>
A、<TABLE =開(kāi)始 <TABLE> =結尾 (這兩個(gè)是絕對格式,否則就成亂碼了)
B、cellSpacing=15 =單元格間距(可以任意設置寬度)
C、cellPadding=0 =邊框間距
D、width=570 =邊框寬度
E、background =插入的背景格式
F、*
http://222.186.123.12/yueming/UploadFile/2004-11/2004111720481551.jpg* =背景圖片
G、border=0> = 邊框粗細
2、藍色內容部分:
<TBODY>
<TR>
<TD>
<P align=center><IMG src="http://www.616bbs.com/picture/xx9/ss2/373.gif"></P>
<P align=center><IMG src="http://www.mtvbbs.com/UploadFile/2004-12/200412618938565.gif"></P>
<P align=center><IMG src="http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0025.gif"></P>
<TABLE borderColor=#d2b48c height=230 cellSpacing=1 width=360align=center background=http://www.mtvbbs.com/UploadFile/2004-12/2004126172826197.jpg border=8>
<TBODY>
<TR>
<TD align=middle width="93%"><EMBED src=http://mtv.vicn.com/upload/2004482345353317.swf width=360height=230 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high"></TD></TR></TBODY></TABLE>
A、(過(guò)渡指令碼,我們就這么叫吧)
<TBODY>
<TR>
<TD>
B、(分隔線(xiàn)圖片、GIF圖片)
<P align=center><IMG src="http://www.616bbs.com/picture/xx9/ss2/373.gif"></P>
<P align=center><IMG src="http://www.mtvbbs.com/UploadFile/2004-12/200412618938565.gif"></P>
C、背景圖片
<TABLE borderColor=#d2b48c height=230 cellSpacing=1 width=360align=center background=http://www.mtvbbs.com/UploadFile/2004-12/2004126172826197.jpg border=8>
D、單層FLASH
<TBODY>
<TR>
<TD align=middle width="93%"><EMBED src=http://mtv.vicn.com/upload/2004482345353317.swf width=360height=230 type=application/x-shockwave-flash wmode="transparent" menu="false"
E、本單元結尾
</TD></TR></TBODY></TABLE>
3、黑色結尾部分(略,可系統自動(dòng)結尾)
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
4、紫色音樂(lè )部分:
<EMBED src=http://mp3.baidu.com/u?u=http://www.mckxx.com/shaoxiandui/media/YWMJBPDg~wP0I-zm7wPwMuos6xxd9g3~K1sz.MP3 width=0 height=0 type=audio/mpeg Loop="true" AutoStart="true">
A、<EMBED src= =開(kāi)始
B、音樂(lè )地址:
http://mp3.baidu.com/u?u=http://www.mckxx.com/shaoxiandui/media/YWMJBPDg~wP0I-zm7wPwMuos6xxd9g3~K1sz.MP3C、播放器大?。[藏格式)
width=0 height=0
D、自動(dòng)重復播放格式
type=audio/mpeg Loop="true" AutoStart="true">
200710141259221555[1].s