03.txt

文字显示位置控制的代码    

<TABLE style="BORDER-LEFT-COLOR: #fbd44c; BORDER-BOTTOM-COLOR: #fbd44c; BORDER-TOP-STYLE: ridge; BORDER-TOP-COLOR: #fbd44c; BORDER-RIGHT-STYLE: ridge; BORDER-LEFT-STYLE: ridge; BORDER-RIGHT-COLOR: #fbd44c; BORDER-BOTTOM-STYLE: ridge" height=“100%” cellSpacing=1 cellPadding=0 width=720 border=14>
<TR>
<TD bgColor=#000000>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TR>
<TD align=left width="20%"><IMG src="http://img.gw.com.cn/UploadFile/2005/7/21/916191.gif"></TD>
<TD align=middle width="60%"><INPUT type=image width=400 src="http://bener.51.net/img/bar.gif"><BR></TD>
<TD align=right width="20%"><IMG src="http://img.gw.com.cn/UploadFile/2005/7/21/3461867.gif"></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=20 width="100%" border=0>
<TR>
<TD>
<CENTER><FONT style="FONT-SIZE: 25pt; FILTER: shadow color=apar); WIDTH: 100%; COLOR: #00ff00; LINE-HEIGHT: 150%" face=隶书>欢迎您！启步学代码。<BR>（3）</FONT><BR><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 14pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=楷体_GB2312 color=#fff000>（游子编辑 供初学HTML代码的朋友参考） <BR><BR>
<BR>
<P align=center><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 17pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=楷体_GB2312 color=#fff000>
文字显示位置的控制<BR>
<BR>
文字显示位置分别为：<BR><BR>
水平方向（align），垂直方向（valign）<BR>
水平方向即左中右：<BR>
left（左对齐）<BR>
center（居中）<BR>
RIGHT（右对齐）<BR><BR>
垂直方向即靠顶和靠底.<BR><BR>
top（靠顶）、bottom（靠底）等。<BR>
<BR>
<p align=CENTER><HR style="BORDER-RIGHT: #62a96b 2px dashed; BORDER-TOP: #62a96b 3px dashed; FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#dd0000,direction:145,strength:5); BORDER-LEFT: #dd0000 2px dashed; BORDER-BOTTOM: #dd0000 3px dashed" width=350 color=#dd0000 SIZE=2><BR>
<BR></P>
<BR><CENTER>
水平方向即左中右的代码：<BR>
<BR>
&lt;p align=left>&lt;font style=font:15pt face=黑体 color=fff000>向左对齐&lt;/font>&lt;/P><BR><BR>
&lt;p align=CENTER>&lt;font style=font:15pt face=黑体 color=fff000>表示居中&lt;/font>&lt;/P><BR><BR>
&lt;p align=RIGHT>&lt;font style=font:15pt face=黑体 color=fff000>向右对齐&lt;/font>&lt;/P><BR><BR><BR>
显示效果如下：
<p align=CENTER><HR style="BORDER-RIGHT: #62a96b 2px dashed; BORDER-TOP: #62a96b 3px dashed; FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#dd0000,direction:145,strength:5); BORDER-LEFT: #dd0000 2px dashed; BORDER-BOTTOM: #dd0000 3px dashed" width=350 color=#dd0000 SIZE=2><BR>
</P>
<p align=left><font style=font:15pt face=黑体 color=fff000>向左对齐</font></P><BR>
<p align=CENTER><font style=font:15pt face=黑体 color=fff000>表示居中</font></P><BR>
<p align=RIGHT><font style=font:15pt face=黑体 color=fff000>向右对齐</font></P><BR><p align=CENTER><HR style="BORDER-RIGHT: #62a96b 2px dashed; BORDER-TOP: #62a96b 3px dashed; FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#dd0000,direction:145,strength:5); BORDER-LEFT: #dd0000 2px dashed; BORDER-BOTTOM: #dd0000 3px dashed" width=350 color=#dd0000 SIZE=2><BR>
</P>
<BR>
实例：<BR>
<BR>
<CENTER>
<TABLE  width=480 height=350 bordercolor=olive background=http://blog.lanyue.com/upload/user/58/386410_22232948.jpg border=18>
<TBODY>
<TR>
<td align=center valign=top><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>大姐冬梅<br>20060228</P>
</B> </FONT>
</TD></TR></TOBDY></TBODY></TABLE></CENTER>
<BR>
实例代码：<BR>
<BR>
<CENTER> 
<TABLE style="WIDTH: 250px; HEIGHT: 102px" borderColor=green height=162 cellSpacing=2 cellPadding=0 width=260 align=center border=5>
<TBODY>
<TR>
<TD>
<TABLE style="SCROLLBAR-FACE-COLOR:olive; SCROLLBAR-HIGHLIGHT-COLOR: #ff0000; SCROLLBAR-SHADOW-COLOR: #ff0000; SCROLLBAR-3DLIGHT-COLOR:olive; SCROLLBAR-ARROW-COLOR: #fff000; SCROLLBAR-TRACK-COLOR:green; SCROLLBAR-DARKSHADOW-COLOR: #fff000" cellSpacing=0 cellPadding=0 width=400 border=0>
<TBODY>
<TR>
<TD>
<DIV style="OVERFLOW: auto; WIDTH: 400px; HEIGHT: 100px">
<FONT face=仿宋_GB2312 color=lime size=4><B>
	<p>&lt;CENTER&gt;<br>
	&lt;TABLE width=480 height=350 bordercolor=olive background=http://blog.lanyue.com/upload/user/58/386410_22232948.jpg 
	border=18&gt;<br>
	&lt;TBODY&gt;<br>
	&lt;TR&gt;<br>
	&lt;td align=center valign=top&gt;&lt;br&gt;<br>
	&lt;FONT style=&quot;FONT-SIZE: 25pt&quot; face=华文行楷 color=#fff000&gt;&lt;B&gt;<br>
	&lt;p align=left&gt;送给春兰妹妹&lt;/P&gt;&lt;br&gt;<br>
	&lt;p align=CENTER&gt;祝你生日快乐！&lt;/P&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;<br>
	&lt;p align=RIGHT&gt;大姐冬梅&lt;br&gt;20060228&lt;/P&gt;<br>
	&lt;/B&gt; &lt;/FONT&gt;<br>
	&lt;/TD&gt;&lt;/TR&gt;&lt;/TOBDY&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;/CENTER&gt;<br>
</B></FONT></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></DIV><br>
<p align=CENTER><HR style="BORDER-RIGHT: #62a96b 2px dashed; BORDER-TOP: #62a96b 3px dashed; FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#dd0000,direction:145,strength:5); BORDER-LEFT: #dd0000 2px dashed; BORDER-BOTTOM: #dd0000 3px dashed" width=350 color=#dd0000 SIZE=2><BR>
<br>
垂直方向valign）靠顶的代码：<BR>
<BR>
&lt;TD align=LEFT valign=top>居左靠顶&lt;/TD><BR>
&lt;TD align=center valign=top>居中靠顶&lt;/TD><BR>
&lt;TDalign=RIGHT valign=top>居右靠顶&lt;/TD><BR>
<BR>
</p>
<BR>

垂直方向valign）靠底的代码：<BR>
<BR>
&lt;TD align=LEFT valign=bottom>居左靠底&lt;/TD><BR>
&lt;TD align=center valign=bottom>居中靠底&lt;/TD><BR>
&lt;TD align=RIGHT valign=bottom>居右靠底&lt;/TD><BR>
<BR>
<br><P align=LEFT>
&nbsp;&nbsp;&nbsp;文字输出位置垂直方向的代码是设置在单元格里（TD），方便易用。但我只能在一个单元格中设一组代码。实例如下：</P>
<BR>
<CENTER>
<TABLE width=480 height=350 bordercolor=olive background=http://blog.lanyue.com/upload/user/58/386410_22232948.jpg border=18>
<TBODY>
<TR>
<TD align=LEFT valign=top><FONT style="FONT-SIZE: 25pt" face=华文行楷 color=#fff000><B>
居左靠顶的代码<BR><h3>align=LEFT valign=top</h3></B> </FONT>
</TD></TR></TOBDY></TABLE></CENTER>
<BR><BR>
代码：
<BR>
<CENTER> 
<TABLE style="WIDTH: 250px; HEIGHT: 102px" borderColor=green height=162 cellSpacing=2 cellPadding=0 width=260 align=center border=5>
<TBODY>
<TR>
<TD>
<TABLE style="SCROLLBAR-FACE-COLOR:olive; SCROLLBAR-HIGHLIGHT-COLOR: #ff0000; SCROLLBAR-SHADOW-COLOR: #ff0000; SCROLLBAR-3DLIGHT-COLOR:olive; SCROLLBAR-ARROW-COLOR: #fff000; SCROLLBAR-TRACK-COLOR:green; SCROLLBAR-DARKSHADOW-COLOR: #fff000" cellSpacing=0 cellPadding=0 width=400 border=0>
<TBODY>
<TR>
<TD>
<DIV style="OVERFLOW: auto; WIDTH: 400px; HEIGHT: 100px">
<FONT face=仿宋_GB2312 color=lime size=4><B>
<p>&lt;CENTER&gt;<br>
	&lt;TABLE width=480 height=350 bordercolor=olive background=http://blog.lanyue.com/upload/user/58/386410_22232948.jpg 
	border=18&gt;<br>
	&lt;TBODY&gt;<br>
	&lt;TR&gt;<br>
	&lt;TD align=LEFT valign=top&gt;&lt;FONT style=&quot;FONT-SIZE: 25pt&quot; face=华文行楷 
	color=#fff000&gt;&lt;B&gt;<br>
	居左靠顶的代码&lt;BR&gt;&lt;h3&gt;align=LEFT valign=top&lt;/h3&gt;&lt;/B&gt; &lt;/FONT&gt;<br>
	&lt;/TD&gt;&lt;/TR&gt;&lt;/TOBDY&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;/CENTER&gt;<br>
	&lt;BR&gt;&lt;BR&gt;<br>
</B></FONT></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></DIV><br>
<BR>
文字输出位置垂直方向的实例二：
<BR>
<CENTER>
<TABLE width=480 height=350 bordercolor=olive background=http://blog.lanyue.com/upload/user/58/386410_22232948.jpg border=18>
<TBODY>
<TR>
<TD align=RIGHT valign=bottom><FONT style="FONT-SIZE: 25pt" face=华文行楷 color=#fff000><B>
居右靠底的代码<BR><h3>align=RIGHT valign=bottom</h3></B> </FONT>
</TD></TR></TOBDY></TBODY></TABLE></CENTER>
<BR><BR>
居右靠底的代码：
<BR>
<CENTER> 
<TABLE style="WIDTH: 250px; HEIGHT: 102px" borderColor=green height=162 cellSpacing=2 cellPadding=0 width=260 align=center border=5>
<TBODY>
<TR>
<TD>
<TABLE style="SCROLLBAR-FACE-COLOR:olive; SCROLLBAR-HIGHLIGHT-COLOR: #ff0000; SCROLLBAR-SHADOW-COLOR: #ff0000; SCROLLBAR-3DLIGHT-COLOR:olive; SCROLLBAR-ARROW-COLOR: #fff000; SCROLLBAR-TRACK-COLOR:green; SCROLLBAR-DARKSHADOW-COLOR: #fff000" cellSpacing=0 cellPadding=0 width=400 border=0>
<TBODY>
<TR>
<TD>
<DIV style="OVERFLOW: auto; WIDTH: 400px; HEIGHT: 100px">
<FONT face=仿宋_GB2312 color=lime size=4><B>

	<p>&lt;BR&gt;<br>
	&lt;CENTER&gt;<br>
	&lt;TABLE width=480 height=350 bordercolor=olive background=http://blog.lanyue.com/upload/user/58/386410_22232948.jpg 
	border=18&gt;<br>
	&lt;TBODY&gt;<br>
	&lt;TR&gt;<br>
	&lt;TD align=LEFT valign=top&gt;&lt;FONT style=&quot;FONT-SIZE: 25pt&quot; face=华文行楷 
	color=#fff000&gt;&lt;B&gt;<br>
	居左靠顶的代码&lt;BR&gt;&lt;h3&gt;align=LEFT valign=top&lt;/h3&gt;&lt;/B&gt; &lt;/FONT&gt;<br>
	&lt;/TD&gt;&lt;/TR&gt;&lt;/TOBDY&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;/CENTER&gt;<br>
	&lt;BR&gt;&lt;BR&gt;<br>
</B></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><br>
<BR>
<p align=CENTER><HR style="BORDER-RIGHT: #62a96b 2px dashed; BORDER-TOP: #62a96b 3px dashed; FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#dd0000,direction:145,strength:5); BORDER-LEFT: #dd0000 2px dashed; BORDER-BOTTOM: #dd0000 3px dashed" width=350 color=#dd0000 SIZE=2><BR>
<BR>
文字（或图片）放置的地位，<BR>还可以用空格（&amp;nbsp;）和空行（BR）调整；<BR>
用代码编辑绝对位置挂贴（外部定位）等办法。<BR>
<BR>
<DIV></DIV><BR>
<P align=center><IMG src="http://bbs.xxjy.net/UploadFile/2004-11/2004113183920955.gif"></P><BR><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#00ff00>编辑：游子<BR>（待续）
<BR></FONT></CENTER><BR>
<h3>
（为了传播 HTML 代码知识，让更多网友学用代码贴图制作网页，本贴欢迎转载，
但是，转载时请不要把原创编辑游子的名字改掉。谢谢！）</h3>
</FONT></TD></TR></TABLE></TD></TR></TABLE><BR>
<P></P>