天涯部落

小圈子,大声音!呼朋引伴网聚部落!

创建新部落?

从零启步学代码【六】

楼主:人间惆怅客SD 时间:2012-09-11 21:10:21 点击:551 回复:9
脱水模式给他打赏只看楼主 阅读设置
此帖绝对不能点击“编辑”“不能编辑”两个按钮。否则,帖子中的示范代码就没有了,只剩下效果了。切记!!!



欢迎您!启步学代码

 
(原创编辑者:游子。供初学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下的一个虚拟内存,它的作用与物理内存基本相似,但它是作为物理内存的“后备力量”而存在的,也就是说,只有在物理内存已经不够使用的时候,它才会发挥作用。

楼主人间惆怅客SD 时间:2012-09-11 21:30:48
  
作者 :枫叶Fs 时间:2012-09-11 21:59:06
  @人间惆怅客SD  好友辛苦了!这些编辑都很实用,很仔细。。。
作者 :有意荣枯草 时间:2012-09-11 22:23:47
  问好!
  
楼主人间惆怅客SD 时间:2012-09-11 22:29:18
  @枫叶FS          麻烦您到成员中心处理一下@佩剑秀才 老师的加入来吧申请,今晚我这里处理不了,点击所有按钮都无效,真郁闷,涯叔又在玩我。
作者 :枫叶Fs 时间:2012-09-11 22:29:24
  有意好O(∩_∩)O~@有意荣枯草
作者 :枫叶Fs 时间:2012-09-11 22:39:49
  好的
楼主人间惆怅客SD 时间:2012-09-11 23:14:53
  @枫叶FS      辛苦了!
作者 :不与莉花同梦 时间:2013-05-24 10:28:14
  学习。
作者 :花若怜_泪涧成线 时间:2013-07-12 16:56:13
  好好用(*^__^*) 嘻嘻……

相关推荐

    发表回复

    请遵守天涯社区公约言论规则,不得违反国家法律法规