怎样在任意图片上编辑文字
—非草编辑使用方法就是复制下面这段代码到
代码编辑 栏!
<P align=center> </P>
<DIV align=center>
<TABLE cellSpacing=1 cellPadding=1 width=670 background=http://static3.photo.sina.com.cn/orignal/511dbd8f45d7082e310f2&690 border=0>
<TBODY>
<TR>
<TD align=middle width="100%">
<DIV>
<DIV> </DIV>
<CENTER> </CENTER>
<CENTER> </CENTER>
<CENTER> </CENTER>
<CENTER> </CENTER>
<CENTER> </CENTER>
<CENTER> </CENTER>
<CENTER><FONT style="FONT-SIZE: 32px; FONT-FAMILY: 楷体_GB2312,楷体" color=#ff0000><STRONG>
在任意图片上编辑文字. </STRONG></FONT></CENTER>
<CENTER> </CENTER>
<CENTER> </CENTER>
<CENTER> </CENTER>
<CENTER> </CENTER>
<CENTER> </CENTER>
<CENTER> </CENTER>
<CENTER> </CENTER>
<CENTER> </CENTER></DIV></TD></TR></TBODY></TABLE>
【代码说明】:
代码中的:width=670 代码意思就是:宽度=670!
你要用的 图片需要多宽,就把“670”改变一下!420·550都行!
根据你要用的图片而定。不能太大了!再大就会出格,不美观!
代码中的:
http://static3.photo.sina.com.cn/orignal/511dbd8f45d7082e310f2&690【这个是上面黑色图片的网址!】
====这个就是你要用来编辑的图片地址!任何图片的地址都可以在上面的代码里面“置换”!!
(图片地址获得:在任意图片上按右键;会打开一个栏,点击最下面有个属性!就能看到该图片的网络地址!!)
代码中的:在任意图片上编辑文字: 就是蓝色图片中的文字了!!
打个比方我要这张红色图片上编辑文字:
(这只是一个图片,是不能直接写字的)
首先我在该图片是点击右键,再点击它的属性,获得它的地址:
http://image4.360doc.com/DownloadImg/2009/8/12/156606_4881913_1(这个图片的地址)
再把上面介绍的代码复制来:
<P align=center> </P>
<DIV align=center>
<TABLE cellSpacing=1 cellPadding=1 width=670 background=
http://image4.360doc.com/DownloadImg/2009/8/12/156606_4881913_1 border=0>
<TBODY>
<TR>
<TD align=middle width="100%">
<DIV>
<DIV> </DIV>
<CENTER> </CENTER>
<CENTER> </CENTER>
<CENTER> </CENTER>
<CENTER> </CENTER>
<CENTER> </CENTER>
<CENTER> </CENTER>
<CENTER><FONT style="FONT-SIZE: 32px; FONT-FAMILY: 楷体_GB2312,楷体" color=#ff0000><STRONG>
在任意图片上编辑文字. </STRONG></FONT></CENTER>
<CENTER> </CENTER>
<CENTER> </CENTER>
<CENTER> </CENTER>
<CENTER> </CENTER>
<CENTER> </CENTER>
<CENTER> </CENTER>
<CENTER> </CENTER>
<CENTER> </CENTER></DIV></TD></TR></TBODY></TABLE>
===将:
http://image4.360doc.com/DownloadImg/2009/8/12/156606_4881913_1该图片的地址置换进去就可以了----
我将这段代码 显示一下出来,
在任意图片上编辑文字.
再点解一下上面这图片为什么会不同于红色原图??(为什么宽了原图这么多??)
因为红色原图片的长宽是:宽640 X 长945 像素。代码中的 width=670
要该成:width=640 (宽度=640!)
===所以是width=670 的缘故!我改成width=640 再次显示一下!下面就正常了---
现在就可以在上面随意打字了---
在任意图片上编辑文字. 大家学习快乐--- 虽然看着有点晕头。是我讲解得全面一点,因为这些情况我们都会遇到! 怕大家到时会搞不清楚!所以详细了一点! 只要任意拿张图做三遍,你就会学会了! 如果是用小图片:宽度420·285··那么width=670也要改成: width=420或width=285! 以此推理··
下面这张图片是670 X 1740 像素的!
所以 width=670 可以不必改-- 直接将下面图片的地址在代码里置换就好了。
文字类特效
1、普通文字--基本文字
<P align=center><FONT color=#0066ff face=隶书 size=5>插入文字</FONT></P>
讲解:
align=center 表示字体居中,可选值为居右(right)居左(left)
color=颜色代码 face=字体 size=字体大小,这里的最大值为7取值越大文字就越大.
特大字体:
<font style=font:40pt face=新宋体 color=#ff0000>插入文字</font>
讲解:
font:40pt 数值越大文字就越大。
2. 移动文字:
基本代码:
<marquee direction=移动方向 scrollamount=移动速度数值>插入文字</marquee>
说明:
direction=移动方向向上(up) 向下(down) 向左(left) 向右(right)
特殊效果:
<marquee behavior=移动效果>插入文字</marquee>
说明:
behavior=scroll 一圈一圈绕着走 behavior=slide 只走一次 behavior=alternate 来回走
停停走走:
<marquee scrolldelay=500 scrollamount=100>插入文字</marquee>
各主要参数的含义: align:是设定活动对象(图片或文字)的位置;
direction:用于设定活动对象的滚动方向是向左、向右、向上、向下;
Behavior:用于设定滚动的方式,主要由三种方式:behavior="scroll"表示由一端滚动到另一端;behavior="slide" 表示由一端滑动到另一端,且不再重复;behavior="alternate"表示在两端之间来回滚动。
Height:用于设定滚动对象的高度;
Width:则设定滚动对象的宽度;
Hspace和vspace:分别用于设定滚动对象的左右边框和上下边框的宽度;
Scrollamount:用于设定活动对象的滚动距离;数值越大滚动越快;
scrolldelay:用于设定滚动两次之间的延迟时间,数值越大越有跳跃感;
Loop:用于设定滚动的次数,不设置该值则为无限循环;
<marquee>标记的默认情况是向左滚动无限次,字幕高度是文本高度,滚动范围:水平滚动的宽度是当前位置的宽度;垂直滚动的高度是当前位置的高度。
一、文字大小、字体、颜色
1. 设置文字大小的属性是"size"他的取值范围是1到7。其中1为最小,7为最大
格式:<fonr size=文字大小>被设置的字</font>
2. 设置文字字体属性是"face"
格式:<font face=文字字体>被设置的字</font>
3. 设置文字颜色的属性是"color"
格式:<fonr color=文字颜色>被设置的字</font>
二、文字其它基础效果
1. 文字加粗:<b>被设置的字</b>
2. 文字斜体:<i>被设置的字</i>
3. 文字下划线:<u>被设置的字</u>
4. 文字删除线:<s>被设置的字</s>
5. 文字移动
格式:<marquee scrollAmount="移动速度" direction="方向" >被设置的字</marquee>
设置移动速度属性是scrollAmount,他的取值范围是1到10。其中1为最慢,10为最快
设置移动方向属性是direction,"up"(上),"down"(下),"left"(左),"right"(右)
三、文字段落设置
1. 文字换行:换行标记是<br>,放在文字结尾处使得其后的文字在下一行显示
2. 文字段控制:段落标记是<p>,放在文字后,使其后文字空一行后换行显示
这里介绍<p>标记的一个简单属性:"align"用来设置文字段落的对齐方式。
属性值有"center"(居中对齐),"left"(向左对齐),"right"(向右对齐)
格式:
<p align=属性值>被设置的段落</p>
3. 文字的分区显示:标记为<div> ,属性同<p>
格式:
<div align=属性值>被设置的段落</div>
四、文字链接设置
1. 点击文字转到链接地址
格式:
< a href="所要连接的相关地址">被设置的字</a>
2. 点击文字在新窗口中打开链接地址
格式:
<a href="相关地址" target="_blank">被设置的字</a>
html常识:
1、基本语法:
<P align=center><FONT color=#0066ff face=隶书 size=5>插入文字</FONT></P>
2、属性如下:
align=center 表示字体居中,可选值为居右(right)居左(left)
color=颜色代码 ff0000(红色) 00ff00(绿色) 0000ff(蓝色) 000000(黑色) ffffff(白色)
还可以改变数值,变化出若干种颜色,如:ff5577, 33ff99, 8855ff,数值不同,
颜色就不同了.例如,红色就表示为:color=#ff0000
face=字体 说明:需要什么字体就输入什么字体几个字,如,我要“华文行楷”,就表示为:face=华文行楷
size=字体大小 如,size=1 size=2 size=5