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

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>网络课堂>>>网页代码教程>>>文字处理(文字显示位置的控制)
文字处理(文字显示位置的控制)
发表日期:2007/10/4 14:42:00 出处:未知 作者:未知 发布人:jxhp 已被访问 1111

文字显示位置的控制

文字显示位置分别为:

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

显示效果如下: 

向右对齐

应用举例
 

祝你进步


祝你幸福!





没起名

 
代码如下:
<CENTER>
<TABLE borderColor=olive height=425 width=555 background=http://cache19.51.com/photo/6c/ed/huang8168/200511251226574.jpg border=8>
<TBODY>
<TR>
<TD vAlign=top align=middle><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>没起名</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),方便易用。

应用举例:
居左靠顶的代码
 
代码如下:
 
<CENTER>
<TABLE borderColor=olive height=350 width=480 background=http://blog.lanyue.com/upload/user/58/386410_22232948.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 按个人爱好按水平方向即左中右的代码、垂直方向靠顶和靠底的代码,显示出你用代码做的文字。并给出你所用的全部代码。

    1 按个人爱好按水平方向即左中右的代码、垂直方向靠顶和靠底的代码,显示出你用代码做的文字。并给出你所用的全部代码。
          

    2 在一个图片上添加你要的文字及显示位置。

 注意

    在所选的图片上点右键--属性,出来的画面上有图片的地址和图片的宽和高的尺寸,这些要记下!用你的图片尺寸代替上面第一个“应用举例”中的宽度(555)和高度(425);用你的图片地址代替其中的ttp://cache19.51.com/photo/6c/ed/huang8168/200511251226574.jpg
    &nbs

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

没有相关评论

 发表评论:

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

烟雨亭-透明FLASH|QQ空间FLASH|音乐|动漫|图片|教程|娱乐| | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话:QQ:804994046 E-mail:jxhp16789@163.com 联系人:梦幻