歡迎您,!啟步學代碼,。 (游子學習筆記。 供初學HTML代碼的朋友參考)
為了方便編輯音畫貼,,將常用的一些HTML標簽代碼資料和素材集中在此備用,這是最簡單的代碼編輯小平臺.做音畫貼要記住很多用英文寫成的代碼.像我一樣不懂英文,根本就是沒辦法,,只好采用復制修改套用代碼的笨方法,, 同時省去手動打字之勞.啟步學代碼,這個小平臺,,可以即學即用,,立馬見效.做法是:復制要用的標簽或模式的代碼,粘貼到下面HTML編輯瀏覽器,,修改文字或圖片地址等對象內容即可.
擊點打開:HTML編輯瀏覽器
擊點打開:HTML在線編輯器
常用字體代碼:
宋體 黑體 幼圓 隸書 新宋體 華文新魏 華文行楷 華文細黑 華文彩云 方正姚體 楷體_GB2312 仿宋_GB2312
◆常用顏色代碼◆
紅色 #FF0000 |
黃色 #FFFF00 |
暗青色 #008B8B |
碧綠色 #7FFFD4 |
白色 #FFFFFF |
藍色 #0000FF |
紫羅蘭 #8A2BE2 |
褐色 #A52A2A |
黑色 #000000 |
黃綠色 #7FFF00 |
巧可力 #D2691E |
珊瑚色 #FF7F50 |
菊蘭色 #6495ED |
暗深紅 #DC143C |
青色 #00FFFF |
暗金黃 #B8860B |
暗灰色 #A9A9A9 |
暗綠色 #006400 |
桃色 #FFDAB9 |
暗紅色 #8B008B |
紅紫色 #FF00FF |
暗灰藍 #483D8B |
墨綠色 #2F4F4F |
亮肉色 #FFA07A |
米綢色 #FFF8DC |
粟色 #800000 |
橙色 #FFA500 |
熱粉紅 #FF69B4 |
金色 #FFD700 |
茶色 #D2B48C |
擊點:更多的顏色代碼.
編輯音畫貼各種素材
◇黑馬圖片素材資源 ◇七色圖片素材資源 ◇玫瑰圖片素材資源 ◇中華圖片素材資源
◇智慧漂亮相框素材 ◇憶石漂亮相框素材 ◇中國專業(yè)素材圖庫 ◇中華三合一邊框素材
◆常用HTML標簽代碼◆ ◆1.文字設置代碼: <font face=黑體 size=4 color=red>文字設置代碼</font>
◆2.大號文字設置代碼: <font face=黑體 style=font:50pt color=red>文字設置代碼</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:隸書">社會主義好,!</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="連接網頁地址" target=_blank>說明文字</A>
◆11.從左向右移動的代碼: <MARQUEE scrollAmount=3 direction=right> 文字或圖片從左向右移動 </marquee>
◆12.從右向左移動的代碼: <marquee scrollamount=2 direction=left> 文字或圖片從右向左移動 </marquee>
◆13.從下向上移動的代碼: <marquee scrollamount=1 direction=up > 文字或圖片從下向上移動 </marquee>
◆14.從上向下移動的代碼: <marquee scrollamount=5 direction=down >文字或圖片從下向上移動 </marquee>
◆15.左右來回走移動的代碼: <marquee scrollamount=8 behavior=alternate > 文字或圖片左右來回走移動 </marquee>
◆16.相對定位代碼: <DIV style="LEFT: 0px; WIDTH: 500px; POSITION: relative; TOP: 20px; HEIGHT: 200px; ridge:"> </DIV>
◆17.絕對定位代碼: <DIV style="LEFT: 300px; WIDTH: 220px; POSITION: absolute; TOP: 20px; HEIGHT: 220px" > </DIV>
◆18.相對定位與絕對定位加疊圖片代碼: <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./UploadFile/2008-6/20086111653319630.jpg" > </INPUT> </DIV> </DIV>
◆19.各種常用標簽語句:
<BR> 過行單標簽. <p></p> 過段標簽. <pre>文字依原始樣式顯示標簽</pre>
一個空格. <li>文字行首加一個圓點.</li>圓點標簽.
◆20.定位標簽代碼:
<CENTER>內容居中</CENTER> <DIV align=center> 內容居中</DIV> <p align=CENTE>內容居中</P> <p align=LEFT>內容居左</P> <p align=RIGHT>內容居右</P>
水平加豎直定位指令語句(放在表格的列標簽內): <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">
|
編輯音畫貼的各種代碼:
|
103
104
7-圖片加Flash和文字
|
8-網頁上絕對定位貼Flash
|
105
106
107
13-粒狀陰影邊框代碼
|
14-HTML代碼編輯瀏覽框
|
108
15-文字邊外加光輝效果代碼
|
16-文字陰影果代碼2
|
108
108
19-靠右插入豎排文字
|
20-絕對定位掛貼豎排文字1
|
108
21-絕對定位掛貼豎排文字2
|
22-絕對定位掛貼豎排文字代碼模塊
|
108
23-文字從下向上移動的代碼
|
24-整張頁面來回移動的代碼
|
25-圖片文字走四方的代碼
|
26-斜著移動合并的代碼
|
27-絕對定位掛貼Flash
|
28-絕對定位相片加疊相框
|
29-羽化圖片絕對定位加疊文字,、圖片和Flash
|
30-絕對定位加疊文字,、圖片和Flash
|
原創(chuàng)編輯:游子
(為了讓更多網友學用html代碼制作音畫貼,本貼 歡迎轉載.但是.我用了很多時間和精力編寫這些資料的,,轉載時請注意網絡上的榮辱公德不要把原創(chuàng)編輯游子的名字改掉,。謝謝!)
|
|