歡迎您!啟步學(xué)代碼。
(游子學(xué)習(xí)筆記。 供初學(xué)HTML代碼的朋友參考) 音畫貼編輯小平臺(tái)
為了方便編輯音畫貼,將常用的一些HTML標(biāo)簽代碼資料和素材集中在此備用,這是最簡(jiǎn)單的代碼編輯小平臺(tái).做音畫貼要記住很多用英文寫成的代碼.像我一樣不懂英文,根本就是沒辦法,只好采用復(fù)制修改套用代碼的笨方法, 同時(shí)省去手動(dòng)打字之勞.啟步學(xué)代碼,這個(gè)小平臺(tái),可以即學(xué)即用,立馬見效.做法是:復(fù)制要用的標(biāo)簽或模式的代碼,粘貼到下面HTML編輯瀏覽器,修改文字或圖片地址等對(duì)象內(nèi)容即可.
擊點(diǎn)打開:HTML編輯瀏覽器擊點(diǎn)打開:HTML在線編輯器常用字體代碼:
宋體 黑體 幼圓 隸書 新宋體 華文新魏 華文行楷 華文細(xì)黑 華文彩云
方正姚體 楷體_GB2312 仿宋_GB2312
◆常用顏色代碼◆
紅色
#FF0000 黃色
#FFFF00 暗青色
#008B8B 碧綠色
#7FFFD4 白色
#FFFFFF 藍(lán)色
#0000FF 紫羅蘭
#8A2BE2 褐色
#A52A2A 黑色
#000000 黃綠色
#7FFF00
巧可力
#D2691E 珊瑚色
#FF7F50 菊蘭色
#6495ED 暗深紅
#DC143C 青色
#00FFFF 暗金黃
#B8860B 暗灰色
#A9A9A9 暗綠色
#006400 桃色
#FFDAB9 暗紅色
#8B008B
紅紫色
#FF00FF 暗灰藍(lán)
#483D8B 墨綠色
#2F4F4F 亮肉色
#FFA07A 米綢色
#FFF8DC 粟色
#800000 橙色
#FFA500 熱粉紅
#FF69B4 金色
#FFD700 茶色
#D2B48C
擊點(diǎn):更多的顏色代碼.編輯音畫貼各種素材
◇黑馬圖片素材資源◇七色圖片素材資源◇玫瑰圖片素材資源◇中華圖片素材資源◇智慧漂亮相框素材◇憶石漂亮相框素材◇中國(guó)專業(yè)素材圖庫◇中華三合一邊框素材◆常用HTML標(biāo)簽代碼◆
◆1.文字設(shè)置代碼:
<font face=黑體 size=4 color=red>文字設(shè)置代碼</font>
◆2.大號(hào)文字設(shè)置代碼:
<font face=黑體 style=font:50pt color=red>文字設(shè)置代碼</font>
◆3.文字的邊外加光輝效果代碼:
<div style="FILTER: Glow(color=#0000ff,strength=12); HEIGHT: 6pt"> <FONT style="FONT-SIZE: 60pt;FONT-FAMILY:隸書; COLOR: #ffff00"> 如畫江山</FONT></div>
◆4.文字重疊效果代碼:
<div style="FONT-SIZE:70pt;filter:dropshadow(color=#000000,offX=5,offY=3,Positive=1);WIDTH:100%; COLOR:#60A000;LINE-HEIGHT:150%"> <FONT style="FONT-FAMILY:隸書">社會(huì)主義好!</FONT> </div>
◆5.文字豎排代碼:
<p align=RIGHT> <font style="WRITING-MODE: tb-rl"style=font:14pt color=0000ff> 更喜岷山千里雪,<br> 三軍過后盡開顏。<br> .....<br> </FONT></P>
◆6.一條橫線代碼:
<CENTER> <HR SIZE=2 color=#ffff00 ALIGN=CENTER WIDTH="500"> </CENTER>
◆7.貼圖代碼1:
<img src="圖片地址">
◆8.貼圖代碼2:
<INPUT src="圖片地址" type=image width=500>
◆9.羽化圖片代碼:
<INPUT style="FILTER: alpha(opacity=100,style=2)" INPUT src="圖片地址" type=image width=400>
◆10.超連接代碼:
<A href="連接網(wǎng)頁地址" target=_blank>說明文字</A>
◆11.從左向右移動(dòng)的代碼:
<MARQUEE scrollAmount=3 direction=right> 文字或圖片從左向右移動(dòng) </marquee>
◆12.從右向左移動(dòng)的代碼:
<marquee scrollamount=2 direction=left> 文字或圖片從右向左移動(dòng) </marquee>
◆13.從下向上移動(dòng)的代碼:
<marquee scrollamount=1 direction=up > 文字或圖片從下向上移動(dòng) </marquee>
◆14.從上向下移動(dòng)的代碼:
<marquee scrollamount=5 direction=down >文字或圖片從下向上移動(dòng) </marquee>
◆15.左右來回走移動(dòng)的代碼:
<marquee scrollamount=8 behavior=alternate > 文字或圖片左右來回走移動(dòng) </marquee>
◆16.相對(duì)定位代碼:
<DIV style="LEFT: 0px; WIDTH: 500px; POSITION: relative; TOP: 20px; HEIGHT: 200px; ridge:">
</DIV>
◆17.絕對(duì)定位代碼:
<DIV style="LEFT: 300px; WIDTH: 220px; POSITION: absolute; TOP: 20px; HEIGHT: 220px" >
</DIV>
◆18.相對(duì)定位與絕對(duì)定位加疊圖片代碼:
<DIV style="LEFT: 0px; WIDTH: 500px; POSITION: relative; TOP: 20px; HEIGHT: 200px; ridge:">
<DIV style="LEFT: 300px; WIDTH: 220px; POSITION: absolute; TOP: 20px; HEIGHT: 220px" >
<INPUT type=image width=160 src="http://bbs.gw.com.cn/UploadFile/2008-6/20086111653319630.jpg" >
</INPUT> </DIV> </DIV>
◆19.各種常用標(biāo)簽語句:
<BR> 過行單標(biāo)簽. <p></p> 過段標(biāo)簽. <pre>文字依原始樣式顯示標(biāo)簽</pre>
一個(gè)空格. <li>文字行首加一個(gè)圓點(diǎn).</li>圓點(diǎn)標(biāo)簽.
◆20.定位標(biāo)簽代碼:
<CENTER>內(nèi)容居中</CENTER>
<DIV align=center> 內(nèi)容居中</DIV>
<p align=CENTE>內(nèi)容居中</P>
<p align=LEFT>內(nèi)容居左</P>
<p align=RIGHT>內(nèi)容居右</P>
水平加豎直定位指令語句(放在表格的列標(biāo)簽內(nèi)):
<td align=LEFT valign=top>居左靠頂</td>
<td align=center valign=top>居中靠頂</td>
<td align=right valign=top>居右靠頂</td>
<td align=LEFT valign=bottom>居左靠底</td>
<td align=center valign=bottom>居中靠底</td>
<td align=right valign=bottom>居右靠底</td>
◆21.銀色播放器代碼:
<EMBED src="音樂文件地址" width=500 height=50 type=audio/x-ms-wma autostart="true" loop="true">
編輯音畫貼的各種代碼:
1-顏色背景圖框
2-圖片背景的圖框
3-紅色背景淡化的圖框
4-三合一圖框
103 5-10層圖框代碼
6--帶滾動(dòng)條文本框代碼
104 7-圖片加Flash和文字
8-網(wǎng)頁上絕對(duì)定位貼Flash
105 9-單元格定位內(nèi)容居中
10-圖片加立體邊框代碼
106 11-立體陰影框代碼
12-圖片左右顛倒實(shí)例代碼
107 13-粒狀陰影邊框代碼
14-HTML代碼編輯瀏覽框
108 15-文字邊外加光輝效果代碼
16-文字陰影果代碼2
108 17-文字陰影效果代碼4
18-文字陰影果代碼
108 19-靠右插入豎排文字
20-絕對(duì)定位掛貼豎排文字1
108 21-絕對(duì)定位掛貼豎排文字2
22-絕對(duì)定位掛貼豎排文字代碼模塊
108 23-文字從下向上移動(dòng)的代碼
24-整張頁面來回移動(dòng)的代碼
25-圖片文字走四方的代碼
26-斜著移動(dòng)合并的代碼
27-絕對(duì)定位掛貼Flash
28-絕對(duì)定位相片加疊相框
29-羽化圖片絕對(duì)定位加疊文字、圖片和Flash
30-絕對(duì)定位加疊文字、圖片和Flash
原創(chuàng)編輯:游子
(為了讓更多網(wǎng)友學(xué)用html代碼制作音畫貼,本貼 歡迎轉(zhuǎn)載.但是.我用了很多時(shí)間和精力編寫這些資料的,轉(zhuǎn)載時(shí)請(qǐng)注意網(wǎng)絡(luò)上的榮辱公德不要把原創(chuàng)編輯游子的名字改掉。謝謝!)