西湖天堂 - Powered by Discuz! Board

一文字处理

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>

显示效果如下：

向左对齐<P align=left>

表示居中<P align=center>

向右对齐<P align=right>

应用举例

祝你进步

祝你幸福！

天上云

代码如下：

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

<TD align=LEFT valign=top>居左靠顶</TD>
<TD align=center valign=top>居中靠顶</TD>
<TD align=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=450 width=600 background=http://pic.5pai.com/photo/1720/2916/20080107174559963577.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 在一个图片上添加你要的文字及显示位置。

注意：在所选的图片上点右键--属性，出来的画面上有图片的地址和图片的宽和高的尺寸，这些要记下！用你的图片尺寸代替上面第一个“应用举例”中的宽度（600）和高度（450）；用你的图片地址代替其中的

http://pic.5pai.com/photo/1720/2916/20080105164731964277.jpg

用你的文字代替其中的“祝你进步”等。

其余可不动（套用！）

一定要多加练习哦！