您好!欢迎您光临本站! 体育 I 论坛 I 交友 I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>HTML教程>>>文字显示位置控制的代码
文字显示位置控制的代码
发表日期:2011-10-20 10:31:00 出处:未知 作者:未知 发布人:yundao 已被访问 712

文字显示位置控制的代码


(游子编辑 供初学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>






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


编辑:游子
(待续)

(为了传播 HTML 代码知识,让更多网友学用代码贴图制作网页,本贴欢迎转载,但是,转载时请不要把原创编辑游子的名字改掉。谢谢!)

 

双击自动滚屏 【打印本页】 【关闭窗口

上篇文章:网页制作的好教材

下篇文章:含羞草

 相关评论:

没有相关评论

 发表评论:

身份选择:会员 游客(游客不需要输入密码)
用 户 名: 密 码:
评论内容:
(最多评论字数:500)
部分网站


琼icp备09005167

欢迎光临 感谢支持

万紫千红网站 | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话:QQ:312945186 联系人:非常可乐

琼icp备09005167