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

(原创编辑者:游子。供初学HTML代码的朋友参考)

文字输出范围的设置-文本框


   在页面或图片上要输出很多文字,就要考虑其输出范围。 我们输出文字时,如果没有设置过行过段标签 系统默认左对齐,向右顺延至边框,才自动过下一行,因此必需设置文本框来空制 文字输入的范围。



原创编辑者:游子。




文本框有二种:普通文本框和有滚动条的文本框。

文字直接显示在页面上的代码:

<font style=font:12pt face=幼圆 color=00ff00>
时常有些小偷小摸行为的柏尼遇上了一次坠机事件,无意中成了救出几十名乘客 的大英雄。但人们在寻找英雄时,柏尼却正被关在监狱里,于是,另一位流浪汉强恩拎 着自己无意中得到的证物——一只鞋,成功地冒充了英雄。真英雄和假英雄终于在高楼 的外墙沿上相遇了,谁能继续做英雄,并拥有那100万美元的奖金呢?
</FONT>

原创编辑者:游子。


没有文本框显示效果:

时常有些小偷小摸行为的柏尼遇上了一次坠机事件,无意中成了救出几十名乘客 的大英雄。但人们在寻找英雄时,柏尼却正被关在监狱里,于是,另一位流浪汉强恩拎 着自己无意中得到的证物——一只鞋,成功地冒充了英雄。真英雄和假英雄终于在高楼 的外墙沿上相遇了,谁能继续做英雄,并拥有那100万美元的奖金呢?


原创编辑者:游子。




在普通文本框中输入文字的一组代码:

<TABLE borderColor=fff000 height=150 cellSpacing=1 cellPadding=10 width=450 border=1> <TBODY>
<TR>
<TD>
<p align="LEFT">
什么是虚拟内存
时常有些小偷小摸行为的柏尼遇上了一次坠机事件,无意中成了救出几十名乘客 的大英雄。但人们在寻找英雄时,柏尼却正被关在监狱里,于是,另一位流浪汉强恩拎 着自己无意中得到的证物——一只鞋,成功地冒充了英雄。真英雄和假英雄终于在高楼 的外墙沿上相遇了,谁能继续做英雄,并拥有那100万美元的奖金呢? </p>
</TD></TR></TBODY></TABLE>

原创编辑者:游子。


显示效果:


时常有些小偷小摸行为的柏尼遇上了一次坠机事件,无意中成了救出几十名乘客 的大英雄。但人们在寻找英雄时,柏尼却正被关在监狱里,于是,另一位流浪汉强恩拎 着自己无意中得到的证物——一只鞋,成功地冒充了英雄。真英雄和假英雄终于在高楼 的外墙沿上相遇了,谁能继续做英雄,并拥有那100万美元的奖金呢?



原创编辑者:游子。




一篇文章很长(特别是英文字,虽然设有普通文本框,但还是会向右延伸),想在页面上显示的范围不要占太多位置,可以采用带有滚动条的文本框.


文字装在有滚动条的文本框的代码:

<CENTER>
<TABLE style="WIDTH: 250px; HEIGHT: 102px" borderColor=olive 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:00ff00; SCROLLBAR-DARKSHADOW-COLOR: #fff000" cellSpacing=0 cellPadding=0 width=400 border=0>
<TBODY>
<TR>
<TD>
<DIV style="OVERFLOW: auto; WIDTH: 400px; HEIGHT: 100px">
<P align=center><FONT face=仿宋_GB2312 color=lime size=4><B>
如果说生活像游乐场的旋转木马,那么潘柏尼到目前为止都还没够到过那个铜 环扶手。当周遭的事物永无休止地环绕着他运转时,他也会凝望着它——金光闪烁, 充满了承诺,但却是可望而不可及的。虽然他也曾试着去抓那难以捉摸的铜环,想 据为己有,但命运之神总是将最好的奖品留着不发。他笨拙的尝试永远都是差一点。

</B></FONT></DIV></TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE></DIV></DIV><br>

原创编辑者:游子。



显示效果:


如果说生活像游乐场的旋转木马,那么潘柏尼到目前为止都还没够到过那个铜 环扶手。当周遭的事物永无休止地环绕着他运转时,他也会凝望着它——金光闪烁, 充满了承诺,但却是可望而不可及的。虽然他也曾试着去抓那难以捉摸的铜环,想 据为己有,但命运之神总是将最好的奖品留着不发。他笨拙的尝试永远都是差一点。




原创编辑者:游子。




在移动标签属性内容中加设宽和高参数,也可设定文字移动的范围;

文字装在条幅中走马灯式移动的代码:

<marquee direction=left scrollamount=2 style=width=500 height=20><CENTER>
<font style=font:15pt face=华文新魏 color=00ff00><b>
什么是虚拟内存
不知大家发现没有,在Windows 2000(XP)目录下有一个名为pagefile.sys的系统文件(Windows 98下为Win386.swp),
它的大小经常自己发生变动,小的时候可能只有几十兆,大的时候则有数百兆,
这种毫无规律的变化实在让很多人摸不着头脑。其实,pagefile.sys是Windows下的一个虚拟内存,
它的作用与物理内存基本相似,但它是作为物理内存的“后备力量”而存在的,也就是说,只有在物理内存已经不够使用的时候,它才会发挥作用。
</b></FONT></marquee><br><br>
<BR>

原创编辑者:游子。


显示效果:

什么是虚拟内存 不知大家发现没有,在Windows 2000(XP)目录下有一个名为pagefile.sys的系统文件(Windows 98下为Win386.swp), 它的大小经常自己发生变动,小的时候可能只有几十兆,大的时候则有数百兆, 这种毫无规律的变化实在让很多人摸不着头脑。其实,pagefile.sys是Windows下的一个虚拟内存, 它的作用与物理内存基本相似,但它是作为物理内存的“后备力量”而存在的,也就是说,只有在物理内存已经不够使用的时候,它才会发挥作用。


原创编辑者:游子。



文字装在文本框内从下向上移动的代码:


<marquee direction=up scrollamount=1 style=width=350 height=120><CENTER>
<font style=font:15pt face=华文新魏 color=fff000><b>
什么是虚拟内存
不知大家发现没有,在Windows 2000(XP)目录下有一个名为pagefile.sys的系统文件(Windows 98下为Win386.swp),
它的大小经常自己发生变动,小的时候可能只有几十兆,大的时候则有数百兆,
这种毫无规律的变化实在让很多人摸不着头脑。其实,pagefile.sys是Windows下的一个虚拟内存,
它的作用与物理内存基本相似,但它是作为物理内存的“后备力量”而存在的,也就是说,只有在物理内存已经不够使用的时候,它才会发挥作用。
</marquee><br><br>

【说明】
  如果宽度用绝对值(%),没有其他定位指令时,文字移动范围是从左边启始的。

原创编辑者:游子。


显示效果:

什么是虚拟内存 不知大家发现没有,在Windows 2000(XP)目录下有一个名为pagefile.sys的系统文件(Windows 98下为Win386.swp), 它的大小经常自己发生变动,小的时候可能只有几十兆,大的时候则有数百兆, 这种毫无规律的变化实在让很多人摸不着头脑。其实,pagefile.sys是Windows下的一个虚拟内存, 它的作用与物理内存基本相似,但它是作为物理内存的“后备力量”而存在的,也就是说,只有在物理内存已经不够使用的时候,它才会发挥作用。

原创制作者:游子。




(待续)
编辑:游子

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