发新话题
打印

[音画课堂] 启步学代码2-----文字显示位置控制的代码

本主题由 风云浪子 于 2008-3-23 16:02 移动
把本帖网址贴到网络上任何地方,同样可以获得推广币和用户等级提升 详情点击这里
http://www.770921.com/viewthread.php? tid=13303&fromuid=0 复制本帖地址
8月活动:积分获大礼活动(实物奖励)
联盟论坛管理人员大招募!

启步学代码2-----文字显示位置控制的代码


欢迎您!启步学代码。
(2)

( 供初学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=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>





垂直方向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),方便易用。但我只能在一个单元格中设一组代码。实例如下:


居左靠顶的代码

align=LEFT valign=top



代码:

<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></TBODY></TABLE></CENTER>
<BR><BR>



文字输出位置垂直方向的实例二:
居右靠底的代码

align=RIGHT valign=bottom



居右靠底的代码:

<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></TBODY></TABLE></CENTER>
<BR><BR>






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




(待续)

本帖最近评分记录

TOP

沙发来学习

TOP

期待更精彩!
网络资源,你我共享!不求原创,但求更新!希望朋友们在一起玩联盟玩的愉快!

TOP

发新话题