學(xué)習(xí)代碼 2010-01-18 20:52:01 閱讀53 評(píng)論0 字號(hào):大中小 訂閱
引用
小小 的 基本代碼常識(shí)
一、基本代碼
1、貼圖片:mg src="圖片地址">
2、貼帶鏈接的圖片:<a href="鏈接地址" target=_blank><img src="圖片地址" width="100" height="80" border="0"></a>
說(shuō)明:1)可根據(jù)自己的需要重復(fù)使用以上代碼,從而增加圖片或鏈接的數(shù)目,圖片之間若想要間隔可使用多個(gè)空格代碼 來(lái)實(shí)現(xiàn);
2)圖片的大小可改變width="寬度" height="高度"的數(shù)值來(lái)調(diào)節(jié)。
二、圖片在首頁(yè)和日志里的使用
一)圖片在日志里使用可以直接復(fù)制、粘貼。
二)圖片在首頁(yè)使用時(shí)的代碼:
<IMG style="FILTER: Alpha(opacity=100,style=2); WIDTH: 361px; HEIGHT: 288px" height=300 src="圖片地址" width=400>
三)以圖片為背景發(fā)表文章時(shí)使用的代碼
1、一般圖片: <center><table width="600" border="0"><tr><td height="500" background="圖片地址"></td></tr></table>
2、flash圖片:<P><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer
src=圖片地址width=460 height=600 type=application/x-shockwave-flash quality="high" wmode="transparent"></EMBED></P>
四)在日志邊框里發(fā)表文章:
將日志邊框復(fù)制到博客的編輯器后,即處于可編輯狀態(tài),這種專用于日志寫作的《背景邊框圖片》就不用代碼了。
三、多圖片左右方向滾動(dòng)
1、<MARQUEE direction=right scrollAmount=2 scrollDelay=80
width=570 height=610>
<IMG src="圖片地址1" border=0>
<IMG src="圖片地址2" border=0>
<IMG src="圖片地址3" border=0>
<IMG src="圖片地址4" border=0>
<IMG src="圖片地址5" border=0>
<IMG src="圖片地址6" border=0>
<IMG src="圖片地址7" border=0>
<IMG src="圖片地址8" border=0>
<IMG src="圖片地址9" border=0>
<IMG src="圖片地址10" border=0>
</MARQUEE>
2、<DIV style=" WIDTH: 100%">
<MARQUEE direction=left scrollAmount=2 scrollDelay=30 direction=left
width="100%" height="128"><A>
<IMG height=128 src="圖片地址1" width=128 border=0></A><A>
<IMG height=128 src="圖片地址2" width=128 border=0></A><A>
<IMG height=128 src="圖片地址3" width=128 border=0></A><A>
<IMG height=128 src="圖片地址4" width=128 border=0></A>
</MARQUEE></DIV>
總說(shuō)明:direction=up 這是圖片的滾動(dòng)方向,有兩個(gè)方向right 從左到右,left 從右到左。
四、多圖片上下方向滾動(dòng)
<marquee direction=up height=200
scrollamount=1 scrolldelay=90 width="100%">
<P align=center>
<img border=0 src="圖片地址1"><br>
<img border=0 src="圖片地址2"><br>
<img border=0 src="圖片地址3"><br>
<img border=0 src="圖片地址4"><br>
<img border=0 src="圖片地址5"><br>
<img border=0 src="圖片地址6"><br>
<img border=0 src="圖片地址7"><br>
<img border=0 src="圖片地址8"><br>
<img border=0 src="圖片地址9"><br>
<img border=0 src="圖片地址10">
</marquee>
說(shuō)明:1、圖片要求寬180為宜。
2、direction=up 這是圖片的滾動(dòng)方向,有兩個(gè)方向:down是從上到下,up是從下到上。
五、多圖片多方向跳躍滾動(dòng)
<TABLE style="WIDTH: 380px; HEIGHT: 600px" borderColor=#ff0e01 width=380 align=center background=背景圖片地址 border=2><TBODY><TR><TD>
<MARQUEE scrollAmount=3 direction=down behavior=alternate height=600>
<MARQUEE scrollAmount=3 behavior=alternate width=380>
<IMG src="會(huì)跳躍的小圖片1">
<FONTface=幼圓color=#FF1493 size=60><B><FONT face=幼圓_GB2312 color=#00ffff>謝謝您的欣賞</FONT>
<IMG src="會(huì)跳躍的小圖片2"></B></MARQUEE></MARQUEE></TD></TR></TABLE>
六、在背景圖片中插入文字或圖片
1、<TABLE align=center background="背景圖片地址" border=2 cellPadding=200 cellSpacing=0 borderColor=#ffff00 width="80%"><TBODY><TR><TD>直接插入的文字或透明圖片等
</TD></TR></TBODY></TABLE>
2、<table border="0" width="700" cellspacing="0" cellpadding="0"><tr><td background="背景圖片地址"><div align="center"><table border="0" width="500" cellspacing="0" cellpadding="0"><tr><td align="left"><p style="line-height: 250%"><font color="#FFFF66" style="font-size: 11pt">直接插入的文字或圖片</font></td></tr></table>
七、在背景圖片中插入flash(透明)動(dòng)畫
<DIV></DIV>
<TABLE borderColor=#cd5c5c height=350 width=450 align=center border=3>
<TBODY><TR><TD background=背景圖片>
<MARQUEE scrollAmount=3 direction=down behavior=alternate height=350>
<MARQUEE scrollAmount=3 behavior=alternate width=450>
<EMBED pluginspage=http://www.macromedia.com/go/getflashplayer
src=flash動(dòng)畫網(wǎng)址 width="100%"
type=application/x-shockwave-flash wmode="transparent" quality="high"></EMBED>
</MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>
八、在動(dòng)態(tài)圖片中插入文字
<DIV><TABLE height=240 width=400 align=center background=動(dòng)態(tài)圖片地址border=0><TBODY><TR>
<TD style="FONT-SIZE: 24pt" vAlign=center><P style="FONT-SIZE: 24pt; COLOR: #00ff00" align=center> <SPAN style="COLOR: #ffff00"><SPAN style="FONT-FAMILY: 黑體">插入的文字</SPAN></SPAN></P></TD></TR></TBODY></TABLE></DIV>
說(shuō)明: 動(dòng)態(tài)圖片地址,支持GIF 格式
九、插入flash動(dòng)畫(音畫)
1、<p align="center"><embed src=動(dòng)畫地址 quality="high" width="300" height="440" wmode="transparent"></embed>
2、<p align="center"><embed src="動(dòng)畫地址" width="450" height="280" type="application/x-shockwave-flash"/></p><p> <p>
3、<EMBED style="DISPLAY: block; MARGIN: 0px auto 10px; TEXT-ALIGN: center"
src=動(dòng)畫地址(音畫)width=400 height=300 type=application/x-shockwave-flash loop="0" autostart="0"></EMBED>
提供部分flash動(dòng)畫地址:
http://imgfree.21cn.com/free/flash/191.swf
http://imgfree.21cn.com/free/flash/192.swf
http://imgfree.21cn.com/free/flash/193.swf
http://imgfree.21cn.com/free/flash/195.swf
http://imgfree.21cn.com/free/flash/196.swf
http://imgfree.21cn.com/free/flash/197.swf
http://bbs.klmy.net/UploadFile/2006-3/200632915381699985.swf
http://wz.2000y.net/uploadpic/2006052014155814961.swf
http://flash.bdchina.com/flash/flash/ztwja14278.swf
十、在邊框圖片中插入照片或動(dòng)畫
<table borderColor=#cd5c5c height=500 width=500 align=center border=3><tr><td background=邊框圖片地址><P align=center><FONT color=red size=6><B>
<IMG style="WIDTH: 362px; HEIGHT: 362px" height=362 src="照片或FLASH地址"width=362 border=0></B></FONT></P></td></tr></table>
十一、圖片百葉窗動(dòng)畫
<TABLE cellSpacing=0 cellPadding=0 width="70%" align=center border=0>
<TBODY><TR>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=120><IMG src="第一個(gè)圖片地址"></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 width=120><IMG src="第二個(gè)圖片地址"></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=120><IMG src="第三個(gè)圖片地址"></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 width=120><IMG src="第四個(gè)圖片地址"></MARQUEE></TD></TR></TBODY></TABLE>
說(shuō)明:
修改代碼中的漢字為自己想要的。調(diào)整scrollDelay=100 可以調(diào)整滑動(dòng)速度。
聯(lián)系客服