在图片上加字及加图片的代码
Good fun编辑
首先我们来了解一下,本文会用到的“图片地址”,什么是图片地址?图片地址怎么获取呢?图片地址是指网络中的图片,都有它独一无二的地址,相当于这个图片的身份证号码!不过这个图片必须是网络中的,要是你电脑中的图片,你必须先把它上传到博客相册或者博客里,才能获取地址!那么图片地址的怎么获取呢?请看下面的截图说明:
下面是一张已经上传到本博客的图片:
你要获取这张图片的地址,只要右击这张图片,出来下拉菜单,点击最下面的“属性”,就会出来一个属性对话框,如下图:
了解完图片的地址,我们来看一个简单的图片插入代码:
<img src=http://image37.360doc.com/DownloadImg/2011/09/2016/17790578_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://image37.360doc.com/DownloadImg/2011/09/2016/17790578_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>
在图片上加的图片和文字除了可以让它动起来外,还可以加超链接,由于时间关系,请留意我后面的日志!在图片加图片的效果做了链接,点击蝴蝶,就可以去我的博客首页!
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请
点击举报。