基本代码常识引用 小小 的 基本代码常识一、基本代码
1、贴图片:mg src="图片地址">
2、贴带链接的图片:<a href="链接地址" target=_blank><img src="图片地址" width="100" height="80" border="0"></a>
说明:1)可根据自己的需要重复使用以上代码,从而增加图片或链接的数目,图片之间若想要间隔可使用多个空格代码 来实现; 2)图片的大小可改变width="宽度" height="高度"的数值来调节。
二、图片在首页和日志里的使用
一)图片在日志里使用可以直接复制、粘贴。
二)图片在首页使用时的代码:
<IMG style="FILTER: Alpha(opacity=100,style=2); WIDTH: 361px; HEIGHT: 288px" height=300 src="图片地址" width=400>
三)以图片为背景发表文章时使用的代码
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>
四)在日志边框里发表文章:
将日志边框复制到博客的编辑器后,即处于可编辑状态,这种专用于日志写作的《背景边框图片》就不用代码了。
三、多图片左右方向滚动
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>
总说明:direction=up 这是图片的滚动方向,有两个方向right 从左到右,left 从右到左。
四、多图片上下方向滚动
<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>
说明:1、图片要求宽180为宜。 2、direction=up 这是图片的滚动方向,有两个方向:down是从上到下,up是从下到上。
五、多图片多方向跳跃滚动
<TABLE style="WIDTH: 380px; HEIGHT: 600px" borderColor=#ff0e01 width=380 align=center background=背景图片地址 border=2><TBODY><TR><TD> <MARQUEE scrollAmount=3 direction=down beha <MARQUEE scrollAmount=3 beha <IMG src="会跳跃的小图片1"> <FONTface=幼圆color=#FF1493 size=60><B><FONT face=幼圆_GB2312 color=#00ffff>谢谢您的欣赏</FONT> <IMG src="会跳跃的小图片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(透明)动画
<DIV></DIV> <TABLE borderColor=#cd5c5c height=350 width=450 align=center border=3> <TBODY><TR><TD background=背景图片> <MARQUEE scrollAmount=3 direction=down beha <MARQUEE scrollAmount=3 beha <EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=flash动画网址 width="100%" type=application/x-shockwave-flash wmode="transparent" quality="high"></EMBED> </MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>
八、在动态图片中插入文字
<DIV><TABLE height=240 width=400 align=center background=动态图片地址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>
说明: 动态图片地址,支持GIF 格式
九、插入flash动画(音画)
1、<p align="center"><embed src=动画地址 quality="high" width="300" height="440" wmode="transparent"></embed>
2、<p align="center"><embed src="动画地址" 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=动画地址(音画)width=400 height=300 type=application/x-shockwave-flash loop="0" autostart="0"></EMBED>
提供部分flash动画地址:
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./UploadFile/2006-3/200632915381699985.swf http://wz./uploadpic/2006052014155814961.swf http://flash./flash/flash/ztwja14278.swf
十、在边框图片中插入照片或动画
<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>
十一、图片百叶窗动画
<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="第一个图片地址"></MARQUEE></TD> <TD align=middle> <MARQUEE scrollAmount=1 scrollDelay=100 width=120><IMG src="第二个图片地址"></MARQUEE></TD> <TD align=middle> <MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=120><IMG src="第三个图片地址"></MARQUEE></TD> <TD align=middle> <MARQUEE scrollAmount=1 scrollDelay=100 width=120><IMG src="第四个图片地址"></MARQUEE></TD></TR></TBODY></TABLE>
说明: 修改代码中的汉字为自己想要的。调整scrollDelay=100 可以调整滑动速度。
|
|