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

[没起名]

一 文字处理
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>
显示效果如下：
表示居中
<p align=RIGHT><font style=font:15pt face=黑体 color=fff000>向右对齐</font></P>
显示效果如下：
向右对齐
应用举例







祝你进步
祝你幸福！
没起名

代码如下：
<CENTER><TABLE borderColor=olive height=425 width=555 background=http://cache19.51.com/photo/6c/ed/huang ... 226574.jpg border=8><TBODY><TR><TD vAlign=top align=middle><BR><FONT style="FONT-SIZE: 25pt" face=华文行楷 color=#fff000><B><P align=left>祝你进步</P><BR><P align=center>祝你幸福！</P><BR><BR><BR><BR><P align=right>没起名</P></B></FONT></TD></TR></TOBDY></TBODY></TABLE></CENTER>

垂直方向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/3 ... 232948.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 按个人爱好按水平方向即左中右的代码、垂直方向靠顶和靠底的代码，显示出你用代码做的文字。并给出你所用的全部代码。 1 按个人爱好按水平方向即左中右的代码、垂直方向靠顶和靠底的代码，显示出你用代码做的文字。并给出你所用的全部代码。
2 在一个图片上添加你要的文字及显示位置。
注意：
在所选的图片上点右键--属性，出来的画面上有图片的地址和图片的宽和高的尺寸，这些要记下！用你的图片尺寸代替上面第一个“应用举例”中的宽度（555）和高度（425）；用你的图片地址代替其中的ttp://cache19.51.com/photo/6c/ed/huang8168/200511251226574.jpg
用你的文字代替其中的“祝你进步”等。其余可不动（套用！）
教材编写：没起名
熟能生巧，要多加练习哦！