没起名先生讲解2

月下独酌 · 发表于 2008-6-10 16:12:01

一文字处理

1 文字设置

文字设置三要素（三属值）：

style=font:30pt 字的大小
color=navy 字的颜色
face=幼圆字体

文字设置的一组代码：

<font style=font:30pt face=隶书 color=#ff0000>油纸伞论坛</font>

显示效果如下：
油纸伞论坛

三要素改变了，显示效果就不同。

<font style=font:40pt face=华文新魏 color=#00ff00 >油纸伞论坛</font>

显示效果如下：

油纸伞论坛

<font style=font:80pt face=华文彩云 color=#FF00FF>油纸伞论坛</font>

显示效果如下：

油纸伞论坛

常用字体

宋体黑体楷体_GB2312 仿宋_GB2312 新宋体幼圆隶书

方正舒体华文新魏华文行楷华文细黑华文彩云方正姚体

颜色代码


#FF0000	#FFFFf0	#0000F	#008000	#FF00FF	#000080


#008000	#00FFFF	#FFf000	#993333	#FFFF00	#000099


#000066	#009933	#F00000	#FFCC00	#0099FF	#33CCCC


#FFCCFF	#33CC33	#CC0000	#3333CC	#9900CC	#993333


#993333	#006600	#FF9900	#00CCFF	#66FF33	#003300

更多颜色代码参见：

http://www.ezsell.com.tw/aseip_folder/color2.htm

http://www.gwwwqns.com/index.asp?xAction=xReadNews&NewsID=161

练习：

按个人爱好设置文字三要素，显示出你用代码做的文字。并给出你所用的全部代码。

注意：

1 若显示代码而不是代码显示出的结果，代码必须在发贴编辑框内输入。不能在点了HTML标签后输入！

2 若没装所设置的字体，论坛默认为宋体；

3 你可以把（文字设置的一组代码）复制到记事本去，并保存成一个文件。以后的类似代码也逐渐增添在本文件里，以便套用。最好不要把文本保存到C盘，因为万一重装系统时，不小心就丢了！

教材编写：没起名

熟能生巧，要多加练习哦！

闲庭信步 · 发表于 2008-6-11 07:41:11

感谢分享,辛苦了[em08][em08]

月下独酌 · 发表于 2008-6-16 21:16:46

一步一步学代码---文字处理(文字显示位置的控制)[连载3]

[ 录入者:没起名 | 时间:2007-09-13 23:14:00 | 作者:没起名个人文集 | 来源: | 浏览:52次 ]

一文字处理

2 文字显示位置的控制

文字显示位置分别为：

水平方向（align），垂直方向（valign）

水平方向即左中右：
left（左对齐）
CENTER（居中）
RIGHT（右对齐）

垂直方向即靠顶和靠底.

top（靠顶）、bottom（靠底）等。

举例如下：

水平方向即左中右的代码：

<p align=left><font style=font:15pt face=黑体 color=fff000>向左对齐</font></P>

显示效果如下：

向左对齐

<p align=CENTER><font style=font:15pt face=黑体 color=fff000>表示居中</font></P>

显示效果如下：

表示居中

显示效果如下：

向右对齐

应用举例

祝你进步

祝你幸福！

没起名

代码如下：

垂直方向valign）靠顶的代码：

<TD align=LEFT valign=top>居左靠顶</TD>
<TD align=center valign=top>居中靠顶</TD>
<TDalign=RIGHT valign=top>居右靠顶</TD>

垂直方向valign）靠底的代码：

<TD align=LEFT valign=bottom>居左靠底</TD>
<TD align=center valign=bottom>居中靠底</TD>
<TD align=RIGHT valign=bottom>居右靠底</TD>

文字输出位置垂直方向的代码是设置在单元格里（TD），方便易用。

应用举例：

居左靠顶的代码

代码如下：

<CENTER>
<TABLE borderColor=olive height=350 width=480 background=http://blog.lanyue.com/upload/user/58/386410_22232948.jpg border=18>
<TBODY>
<TR>
<TD vAlign=top align=left><FONT style="FONT-SIZE: 25pt" face=华文行楷 color=#fff000><B>居左靠顶的代码<BR></FONT></B></TD></TR></TOBDY></TBODY></TABLE></CENTER><BR><BR>

文字（或图片）放置的地位，
还可以用空格和空行（BR）等办法调整。

练习:

1 按个人爱好按水平方向即左中右的代码、垂直方向靠顶和靠底的代码，显示出你用代码做的文字。并给出你所用的全部代码。

2 在一个图片上添加你要的文字及显示位置。

注意：

在所选的图片上点右键--属性，出来的画面上有图片的地址和图片的宽和高的尺寸，这些要记下！用你的图片尺寸代替上面第一个“应用举例”中的宽度（555）和高度（425）；用你的图片地址代替其中的ttp://cache19.51.com/photo/6c/ed/huang8168/200511251226574.jpg

用你的文字代替其中的“祝你进步”等。其余可不动（套用！）

教材编写：没起名

熟能生巧，要多加练习哦！

月下独酌 · 发表于 2008-6-25 10:23:18

一步一步学代码---图片加工（在图片中加入透明FLASH）[连载13]

[ 录入者:没起名 | 时间:2007-09-23 01:41:50 | 作者:没起名个人文集 | 来源: | 浏览:101次 ]

二图片加工

6 在图片中加入透明FLASH

如何在一张图片上加入透明的FLASH呢？下面以例说明：

基本格式：

该格式中没明显设置出FLASH的宽度和高度，只是用了width="100%" 和hight="100%"意思是FLASH的大小与图片一样（width=640 ；height=500 ）。

举一例：

上述代码的显示为：

以上是在图片上加入一个FLASH，当然，我们可以在一张图片上加入多个FLASH。

例：

更多个就是红色（一个）部分的重复（当然要换FLASH）

　　透明FLASH可以从网上找，如：

更多的就到百度（http://www.baidu.com/）用“透明FLASH”搜索吧，多的是呢！如这里：http://xzf.2000y.net/mb/2/ReadNews.asp?NewsID=404710

练习：自己选择一个图片，加上你选的FLASH。

熟能生巧，要多加练习哦

月下独酌 · 发表于 2008-6-25 10:48:11

作者:没起名

编辑：没起名

		自动登录	找回密码
密码			立即注册