认识代码在图片上编辑文字

绝伦天然 2016-01-04

展开全文

使用方法就是复制下面这段代码到博文栏！

格瓦兹 http://zlj1970.360doc.com 在任意图片上编辑文字.

</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=599 代码意思就是：宽度=599！

你要用的 图片需要多宽，就把“599”改变一下！420·550都行！

根据你要用的图片而定。不能太大了！再大就会出格，不美观！

代码中的：http://image48.360doc.com/DownloadImg/2011/12/1817/20123018_3.jpg

【这个是上面3D图片的网址！】

====这个就是你要用来编辑的图片地址！任何图片的地址都可以在上面的代码里面“置换”！！

（图片地址获得：在任意图片上按右键；会打开一个栏，点击最下面有个属性！就能看到该图片的网络地址！！）

代码中的：在任意图片上编辑文字：就是蓝色图片中的文字了！！

打个比方我要这张红色图片上编辑文字：

（这只是一个图片，是不能直接写字的）

首先我在该图片是点击右键，再点击它的属性，获得它的地址：

http://userimage2.360doc.com/12/0223/04/8233633_201202230417240615.jpg

（这个图片的地址）

再把上面介绍的代码复制来：

格瓦兹 http://zlj1970.360doc.comnbsp; 在任意图片上编辑文字.

===将：

http://userimage2.360doc.com/12/0223/04/8233633_201202230417240615.jpg

该图片的地址置换进去就可以了----

我将这段代码显示一下出来，

格瓦兹 http://zlj1970.360doc.com 怎样在任意图片上编辑文字

再点解一下上面这图片为什么会不同于红色原图？？（为什么宽了原图这么多？？）

因为红色原图片的长宽是：宽640 X 长945 像素。代码中的 width=670

要该成：width=640 （宽度=640！）

===所以是width=670 的缘故！我改成width=640 再次显示一下！下面就正常了---

现在就可以在上面随意打字了---

格瓦兹 http://zlj1970.360doc.com 怎样在任意图片上编辑文字

大家学习快乐--- 虽然看着有点晕头。是我讲解得全面一点， 因为这些情况我们都会遇到！ 怕大家到时会搞不清楚！ 所以详细了一点！ 只要任意拿张图做三遍，你就会学会了！ 如果是用小图片：宽度420·285·· 那么width=670 也要改成： width=420或width=285！以此推理··

下面这张图片是670 X 353 像素的！

所以 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)

特殊效果：

　说明：

behavior=scroll 一圈一圈绕着走　behavior=slide 只走一次 behavior=alternate 来回走

停停走走：

各主要参数的含义：

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