欢迎您！启步学代码。
（3）
（原创编辑:游子。 供初学HTML代码的朋友参考）


文字显示位置的控制

文字显示位置分别为：

水平方向（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>


原创编辑:游子。

　



显示效果如下：

向左对齐


表示居中


向右对齐



原创编辑者:游子。



实例：


送给春兰妹妹


祝你生日快乐！



大姐冬梅
20060228

实例代码：


<CENTER>
<TABLE width=480 height=320 bordercolor=olive background=http://sucai.heima.com/sucai/news/xhtp/28.jpg border=18>
<TBODY>
<TR>
<td align=center valign=top><br>
<FONT style="FONT-SIZE: 25pt" face=华文行楷 color=#ff00ff><B>
<p align=left>送给春兰妹妹</P><br>
<p align=CENTER>祝你生日快乐！</P><BR><BR>
<p align=RIGHT>大姐冬梅<br>20060228</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）和(/TD)，方便易用。实例如下：


居左靠顶的代码

align=LEFT valign=top
居中靠顶的代码

align=center valign=top
居右靠底的代码

align=RIGHT valign=bottom

代码：


<BR>
<CENTER>
<TABLE width=480 height=320 bordercolor=olive background=http://sucai.heima.com/sucai/news/bg/59.jpg border=18>
<TR>
<TD>
<TABLE width=460 height=320 bordercolor=olive border=0>
<TR>
<TD align=LEFT valign=top height=80><FONT style="FONT-SIZE: 12pt" face=黑体 color=#fff000><B>
居左靠顶的代码<BR><h3>align=LEFT valign=top</h3></B> </FONT></TD></TR>
<TR>
<TD align=center valign=top height=160><FONT style="FONT-SIZE: 12pt" face=黑体 color=#fff000><B>
居中靠顶的代码<BR><h3>align=center valign=top</h3></B> </FONT></TD></TR>
<TR>
<TD align=RIGHT valign=bottom height=80><FONT style="FONT-SIZE: 12pt" face=黑体 color=#fff000><B>
居右靠底的代码<BR><h3>align=RIGHT valign=bottom</h3></B> </FONT>
</TD></TR></TABLE>
</TD></TR></TABLE></CENTER>


　　【 说明】
　　◇垂直方向设置必须在表格的单元格里（TD）和(/TD)。
　　◇本实例在图框内插入一张空表格，分为三横排。
　　◇根据各行插入内容设置高度。
　　◇在一张表格中，设置每一行的关键语句。
　　行的开始标签：
<TR>
<TD align=center valign=top height=160>
插入内容
　　行的结束标签：
</TD></TR>


原创编辑:游子。

　






原创编辑者:游子。



文字（或图片）放置的地位，
还可以用空格（&nbsp;）和空行（BR）调整；
用代码编辑绝对位置挂贴（外部定位）等办法。


编辑：游子
（待续）

（为了让更多网友学用html代码贴图制作网页，本贴 欢迎转载，但是，转载时请不要把原创编辑游子的名字改掉。谢谢！）