歡迎您!啟步學(xué)代碼。 (游子學(xué)習(xí)筆記。 供初學(xué)HTML代碼的朋友參考)
為了方便編輯音畫(huà)貼,將常用的一些HTML標(biāo)簽代碼資料和素材集中在此備用,這是最簡(jiǎn)單的代碼編輯小平臺(tái).做音畫(huà)貼要記住很多用英文寫(xiě)成的代碼.像我一樣不懂英文,根本就是沒(méi)辦法,只好采用復(fù)制修改套用代碼的笨方法, 同時(shí)省去手動(dòng)打字之勞.啟步學(xué)代碼,這個(gè)小平臺(tái),可以即學(xué)即用,立馬見(jiàn)效.做法是:復(fù)制要用的標(biāo)簽或模式的代碼,粘貼到下面HTML編輯瀏覽器,修改文字或圖片地址等對(duì)象內(nèi)容即可.
擊點(diǎn)打開(kāi):HTML編輯瀏覽器
擊點(diǎn)打開(kāi):HTML在線編輯器
常用字體代碼:
宋體 黑體 幼圓 隸書(shū) 新宋體 華文新魏 華文行楷 華文細(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):更多的顏色代碼.
編輯音畫(huà)貼各種素材
◇黑馬圖片素材資源 ◇七色圖片素材資源 ◇玫瑰圖片素材資源 ◇中華圖片素材資源
◇智慧漂亮相框素材 ◇憶石漂亮相框素材 ◇中國(guó)專(zhuān)業(yè)素材圖庫(kù) ◇中華三合一邊框素材
◆常用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:隸書(shū); COLOR: #ffff00"> 如畫(huà)江山</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:隸書(shū)">社會(huì)主義好!</FONT> </div>
◆5.文字豎排代碼: <p align=RIGHT> <font style="WRITING-MODE: tb-rl"style=font:14pt color=0000ff> 更喜岷山千里雪,<br> 三軍過(guò)后盡開(kāi)顏。<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)頁(yè)地址" target=_blank>說(shuō)明文字</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.左右來(lái)回走移動(dòng)的代碼: <marquee scrollamount=8 behavior=alternate > 文字或圖片左右來(lái)回走移動(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./UploadFile/2008-6/20086111653319630.jpg" > </INPUT> </DIV> </DIV>
◆19.各種常用標(biāo)簽語(yǔ)句:
<BR> 過(guò)行單標(biāo)簽. <p></p> 過(guò)段標(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>
水平加豎直定位指令語(yǔ)句(放在表格的列標(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="音樂(lè)文件地址" width=500 height=50 type=audio/x-ms-wma autostart="true" loop="true">
|
編輯音畫(huà)貼的各種代碼:
|
103
5-10層圖框代碼
|
6--帶滾動(dòng)條文本框代碼
|
104
7-圖片加Flash和文字
|
8-網(wǎng)頁(yè)上絕對(duì)定位貼Flash
|
105
9-單元格定位內(nèi)容居中
|
10-圖片加立體邊框代碼
|
106
11-立體陰影框代碼
|
12-圖片左右顛倒實(shí)例代碼
|
107
13-粒狀陰影邊框代碼
|
14-HTML代碼編輯瀏覽框
|
108
15-文字邊外加光輝效果代碼
|
16-文字陰影果代碼2
|
108
108
19-靠右插入豎排文字
|
20-絕對(duì)定位掛貼豎排文字1
|
108
21-絕對(duì)定位掛貼豎排文字2
|
22-絕對(duì)定位掛貼豎排文字代碼模塊
|
108
23-文字從下向上移動(dòng)的代碼
|
24-整張頁(yè)面來(lái)回移動(dòng)的代碼
|
25-圖片文字走四方的代碼
|
26-斜著移動(dòng)合并的代碼
|
27-絕對(duì)定位掛貼Flash
|
28-絕對(duì)定位相片加疊相框
|
29-羽化圖片絕對(duì)定位加疊文字、圖片和Flash
|
30-絕對(duì)定位加疊文字、圖片和Flash
|
原創(chuàng)編輯:游子
(為了讓更多網(wǎng)友學(xué)用html代碼制作音畫(huà)貼,本貼 歡迎轉(zhuǎn)載.但是.我用了很多時(shí)間和精力編寫(xiě)這些資料的,轉(zhuǎn)載時(shí)請(qǐng)注意網(wǎng)絡(luò)上的榮辱公德不要把原創(chuàng)編輯游子的名字改掉。謝謝?。?/font>
|
|