一步一步学代码---图片加工（在图片内加文字）[连载9]

[没起名]

二 图片加工
2 在图片内加文字
（1）基本格式
有的内容在前面已涉及过，现在详细讲解如下。
前面我们已经知道：
文字水平方向即左中右的代码：<p align=left><font style=font:15pt face=黑体 color=fff000>向左对齐</font></P><p align=CENTER><font style=font:15pt face=黑体 color=fff000>表示居中</font></P><p align=RIGHT><font style=font:15pt face=黑体 color=fff000>向右对齐</font></P>
垂直方向的位置可以用换行<BR>符号处理。
那么，如何在一张图片上加入所要的文字呢？
基本格式为：
<TABLE height=468 cellSpacing=10 cellPadding=10 width=416 background=http://bbs.680.cn/UploadFile/2005-12/20 ... 361740.gif border=0><TBODY><TR><TD>
说明：1 输入代码后切换至编辑状态，在编辑状态下打字；
2 这样输入的文字垂直位置是居中的，左右位置是靠左的（可以用空格调整左右位置！）
例如居中加上“祝你生日快乐！”为：





祝你你生日快乐！
代码为：
<DIV align=center><TABLE height=294 cellSpacing=10 cellPadding=10 width=437 align=center background=http://photo4.hexun.com/p/2007/0106/680 ... 0630CC.jpg border=0><TBODY><TR><TD><P align=center><FONT face=隶书 color=#fafa6b size=6>祝你你生日快乐！</FONT></P></TD></TR></TBODY></TABLE></DIV>
将文字分别放在图片的左上、居中、右下为：





祝你生日快乐！
祝你生日快乐！
没起名
代码为：
<TABLE borderColor=olive height=294 width=437 background=http://photo4.hexun.com/p/2007/0106/680 ... 0630CC.jpg border=0><TBODY><TR><TD vAlign=top align=middle><BR><FONT style="FONT-SIZE: 25pt" face=华文行楷 color=#fff000><B><P align=left>祝你生日快乐！</P><BR><BR><BR><BR><P align=center>祝你生日快乐！</P><BR><BR><BR><BR><P align=right>没起名</P></B></FONT></TD></TR></TOBDY></TBODY></TABLE>
（2）在图片内加入移动的文字 （2）在图片内加入移动的文字
这里依靠图片左边、由下向上移动的一段文字为例加以说明。






不理你 ，


不理你，


就是不理你！
代码如下：
<TABLE height=533 width=400 background=http://gb.chinabroadcast.cn/mmsource/im ... 906046.jpg border=0><TBODY><TR><TD align=middle><MARQUEE scrollAmount=2 direction=up height=533><DIV align=left><FONT style="FONT-SIZE: 32pt" face=华文新魏 color=red><B>不理你</B> ，</FONT></DIV><DIV align=left><FONT face=华文新魏 color=#ff0000 size=7><STRONG>不理你，</STRONG></FONT></DIV><DIV align=left><STRONG><FONT face=华文新魏 color=#ff0000 size=7>就是不理你！</FONT></STRONG></DIV></MARQUEE></TD></TR></TOBDY></TBODY></TABLE><CENTER></CENTER>
若使文字居中，在编辑状态下把文字选定，再点框上面的“居中”
即可。
若限定文职上下移动的范围，可改写上面代码中的<MARQUEE scrollAmount=2 direction=up height=533>内的尺寸533。改成333，则为：






不理你 ，



不理你，

就是不理你！
使文字在图片内左右移动，可参照上面的方法！
（3）给图片加文字的其它方法
1）启动Word, 新建一个文档, 点击菜单项“插入/图片/来自文件”, 选定欲转换的图片文件后单击〔插入〕。然后再用文本框或艺术字插入文字,将原图片与插入的文本框或艺术字组合(一定要组合). 直接点击“文件/另存为”, 选择保存类型为“Web页”, 输入文件名及保存路径后单击〔保存〕, 此Word文档便被转换为HTML文件, 同时, 该HTML文件中包含的图片文件也会被转换为JPG或GIF格式。假设转换成的“Web页”的保存文件名为doc1.html, 那么, 在文件doc1.html所在文件夹中有一个名为doc1.files的子文件夹, 转换后的图片文件即保存在此文件夹中, 其文件名为imagexxx.gif或imagexxx.jpg, 至于其格式究竟是GIF格式还是JPG格式, 则由图片的颜色决定, 如果图片是256色以上的, 则转换后的格式为JPG格式, 否则为GIF格式。
2）用windows自带的画图工具在图片上加文字，方法如下：
开始→程序→附件→画图→文件（菜单栏）→打开→选择需添加图片的名称→打开后回到画图工具→图像（菜单栏）→不透明处理（选中状态和未选状态效果不一样，可以自已试选哪种效果）→点击左工具窗A（菜单栏“查看”下选中“文字工具栏”）→选好加入文字的位置输入汉字→选择菜单栏“文件”下“另存为” →OK
关于用其它“图片加工软件”给图片加文字的方法，已超出本课程范围，这里不去涉及。
练习：1 自己选择个图片，按使文字居图片左上、居中、右下加上你的文字；
3 书写一段文字，使其在图片中动起来。
熟能生巧，要多加练习哦！