在图片上加字及加图片的代码

在图片上加字及加图片的代码

 

在图片上加字及加图片的代码 Good fun编辑        首先我们来了解一下，本文会用到的“图片地址”，什么是图片地址？图片地址怎么获取呢？图片地址是指网络中的图片，都有它独一无二的地址，相当于这个图片的身份证号码！不过这个图片必须是网络中的，要是你电脑中的图片，你必须先把它上传到博客相册或者博客里，才能获取地址！那么图片地址的怎么获取呢？请看下面的截图说明： 下面是一张已经上传到本博客的图片：           你要获取这张图片的地址，只要右击这张图片，出来下拉菜单，点击最下面的“属性”，就会出来一个属性对话框，如下图： 了解完图片的地址，我们来看一个简单的图片插入代码： <img  src=http://image31.360doc.com/DownloadImg/2011/06/2216/13217612_1.jpg    width=388   height=420  >           说明：上面代码中绿色的就是图片的地址，黄色的就是图片的宽度和高度大小，你可以改变数值“388”和“420”来改变大小！以下的所有代码中的图片大小调整同样！    在图片上加字：   是网络，把距离拉近； 是文字，把心灵吸引； 是键盘，把祝福延续； 是真诚，把友谊传递。 感谢你光临Goodfun的博客! 以后我会更加完善偶的博客! 希望你继续关注;多多指点!       HTML代码复制如下：   <TABLE  cellPadding=10 width=388   height=420   align=center background=图片地址; border=0 table="0"> <TBODY><TR><TD><BR><FONT   align=center  color=#000000  face=隶书 size=4 >是网络，把距离拉近；<BR><BR>是文字，把心灵吸引；<BR><BR>是键盘，把祝福延续；<BR><BR>是真诚，把友谊传递。<BR><BR>感谢你光临Goodfun的博客!<BR><BR>以后我会更加完善偶的博客!<BR><BR>希望你继续关注;多多指点!</FONT><BR></TD></TR></TBODY></TABLE>   说明： 1、上面绿色的是背景图片的显示高度和宽度。 2、紫色处换成您的图片地址. 3、橘黄色处换成你自己的文字，在代码编辑状态的时候用代码   “<br>”来换行，连续用两个“<br>”可以空一行。 4、蓝色的是字体的颜色，字体等等的属性：          align=center　表示字体居中，可选值为居右（right）居（left） 　color=颜色代码　具体颜色代码可参照：网易博客代码(颜色代码)  　face=字体　常用字体为：宋体.黑体.楷体.仿宋.新宋体.细明体等 　size=字体大小，这里的最大值为7　,取值越大文字就越大 ，      Good fun提示朋友，在文字特效代码里有时候用“style=font:40pt ”来表示文字的大小，你可以改变数值“40”来改变大小！     在图片加滚动的字     Good fun 是网络，把距离拉近； 是文字，把心灵吸引； 是键盘，把祝福延续； 是真诚，把友谊传递。 感谢你光临Goodfun的博客! 以后我会更加完善偶的博客! 希望你继续关注;多多指点!     HTML代码复制如下：   <TABLE height=420 cellPadding=10 width=388 align=center background=http://image31.360doc.com/DownloadImg/2011/06/2216/13217612_1.jpg; border=0 table="0"> <TBODY> <TR> <TD> <P align=center> <MARQUEE scrollAmount=1 direction=up  height=400> <CENTER><FONT face=隶书 color=black size=5><B><B>Good fun <BR><BR>是网络，把距离拉近；<BR>是文字，把心灵吸引；<BR>是键盘，把祝福延续；<BR>是真诚，把友谊传递。<BR>感谢你光临Goodfun的博客!<BR>以后我会更加完善偶的博客!<BR>希望你继续关注;多多指点!<BR></B></B></FONT></CENTER></MARQUEE></P></TD></TR></TBODY></TABLE>     上面代码中有新的滚动属性，具体如下：  文字滚动基本代码属性如下：           direction=移动方向　可选值为向上(up)　向下(down)　向左(left)　向右(right)          【Good fun提示：这里的“direction=移动方向”可以用“behavior=移动效果”来表示，例：   behavior=scroll 一圈一圈绕着走   behavior=slide 只走一次　  behavior=alternate 来回走】  scrollamount=移动速度数值 height=400  是文字滚动的距离，可以改变数值来改变滚动的距离！      在图片上加图片 素材图片1：  素材图片2：        素材图片3：      代码合成效果：      图片上加图片的代码如下：    <TABLE height=背景图片高度   cellPadding=10 width=背景图片宽度   align=center background=背景图片地址  border=0> <TBODY> <TR> <TD> <P style="MARGIN-TOP: 90px; MARGIN-LEFT: 30px" align=center><IMG   height=第一张小图片高度      src="第一张小图片地址"    width=第1张小图片宽度    height=第1张小图片高度> </P> <P style="MARGIN-TOP: 100px; MARGIN-LEFT: -200px" align=center><IMG   src="第2张小图片地址"      width=第2张小图片宽度   height=第2张小图片高度> </P> </TD></TR></TBODY></TABLE>                代码说明：         代码中的：MARGIN-TOP: 90px 是指小图片在背景图片上，离顶栏边的距离，数值越大越往下，可以改变数值“90”来改变小图片的位置      MARGIN-LEFT: 30px 是指小图片在背景图片上，离左边栏边的距离，数值越大越往右，可以改变数值“30”来改变小图片的位置 ，这里数值可以取负数，例：MARGIN-LEFT: -120px         如果你想多加几个小图片，你只要在代码中间的蓝色代码后面再加几组如下面的代码： <P style="MARGIN-TOP: 100px; MARGIN-LEFT: -200px" align=center><IMG   src="第3张小图片地址"      width=第3张小图片宽度   height=第3张小图片高度> </P>             在图片上加的图片和文字除了可以让它动起来外，还可以加超链接，由于时间关系，请留意我后面的日志！在图片加图片的效果做了链接，点击蝴蝶，就可以去我的博客首页！

系统自动推荐阅读：