一 文字处理
2 文字显示位置的控制
文字显示位置分别为:
水平方向(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>
显示效果如下:
向左对齐<P align=left>
表示居中<P align=center>
向右对齐<P align=right>
应用举例
代码如下:
<CENTER> <TABLE borderColor=olive height=425 width=555 background=http://pic.5pai.com/photo/1720/2916/20080107174540769448.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> <TD align=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=450 width=600 background=http://pic.5pai.com/photo/1720/2916/20080107174559963577.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 按个人爱好按水平方向即左中右的代码、垂直方向靠顶和靠底的代码,显示出你用代码做的文字。并给出你所用的全部代码。
2 在一个图片上添加你要的文字及显示位置。
注意:在所选的图片上点右键--属性,出来的画面上有图片的地址和图片的宽和高的尺寸,这些要记下!用你的图片尺寸代替上面第一个“应用举例”中的宽度(600)和高度(450);用你的图片地址代替其中的
http://pic.5pai.com/photo/1720/2916/20080105164731964277.jpg
用你的文字代替其中的“祝你进步”等。
其余可不动(套用!)
一定要多加练习哦! |