启步学代码。
（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-COLORlive; SCROLLBAR-HIGHLIGHT-COLOR: #ff0000; SCROLLBAR-SHADOW-COLOR: #ff0000; SCROLLBAR-3DLIGHT-COLORlive; 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"> < 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下的一个虚拟内存，它的作用与物理内存基本相似，但它是作为物理内存的“后备力量”而存在的，也就是说，只有在物理内存已经不够使用的时候，它才会发挥作用。

原创制作者:游子。

（待续）

启步学代码。
（7）
（原创编辑:游子。 供初学HTML代码的朋友参考）


学用代码贴特效美术字。

   网页上有不少漂亮的美术字，这些特效文字是用软件或代码做成的。要用代码编辑美术字，必须弄懂较多的有关代码知识。先借人家编成的来套用吧！

<FONT color=#c4b77d> <FONT style="FILTER: shadow(color=#FF0000); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 130%; FONT-FAMILY: 华文行楷; font-size:45pt">我爱美丽的大自然</FONT><DIV align=center> 原创编辑者:游子。

　我爱美丽的大自然

原创编辑者:游子。

---

（十一）

保护生态环境代码：

<FONT style="COLOR: #f90b46; FILTER: shadow(color=#AF0530); FONT-FAMILY: 隶书; FONT-SIZE: 45pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>保护生态环境</B></FONT> 原创编辑者:游子。

保护生态环境


原创编辑者:游子。

---

（十二）

努力学习，争取进步。代码：

<FONT style="FONT-SIZE: 40pt; FILTER: glow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>努力学习，争取进步。</B></FONT> 原创编辑者:游子。

努力学习，争取进步。


原创编辑者:游子。

---

（十三）

欢迎来到这里代码：

<FONT style="FONT-SIZE: 50pt; FILTER: shadow(color=#af2dco); WIDTH: 100%; COLOR: #730404; LINE-HEIGHT: 100%; FONT-FAMILY: 华文行楷" size=6>欢迎来到这里！</FONT> 原创编辑者:游子。

欢迎来到这里！


原创编辑者:游子。

---

（十四）

做的太好了，谢谢！代码：

<FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=green); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>做的太好了，谢谢！</B></FONT> 原创编辑者:游子。

做的太好了，谢谢！


原创编辑者:游子。

---

（十五）

漂亮美术“顶”字的代码：

<DIV align=center> <DIV style="FILTER: shadow(color=#c299ff, strength=60); WIDTH: 500px"> <FONT style="FONT-WEIGHT: normal; FONT-SIZE: 150pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#fff000> 顶</FONT></DIV></DIV> <BR> 原创编辑者:游子。

显示效果：

顶

原创编辑者:游子。

---

（十六）这里风景独好请您欣赏

<FONT style="FONT-SIZE: 30pt; FILTER: glow(color=gray,strength=6); WIDTH: 100%; COLOR:00ff00; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷"> <B> 这里风景独好请您欣赏！</B></FONT> 原创编辑者:游子。

显示效果：
这里风景独好请您欣赏！



原创编辑者:游子。

---

（十七）特效文字的代码

<FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=#af2dco); WIDTH: 100%; COLOR: #730404; LINE-HEIGHT: 100%; FONT-FAMILY: 华文行楷" size=6> 特效文字的代码 </FONT> 原创编辑者:游子。

显示效果：

特效文字的代码



原创编辑者:游子。

---

（十八）幸福快乐的代码

<DIV style="FONT-SIZE: 60pt; FILTER: shadow(color=green, strength=100); WIDTH: 480px"><FONT face=华文彩云 color=#fff000> <CENTER>幸<BR>福<BR>快<BR>乐<BR><BR></CENTER></FONT></DIV> 原创编辑者:游子。

显示效果：

幸
福
快
乐

 

（待续）
编辑：游子

欢迎您！启步学代码。
（8）

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

文字设置学习的几点体会。

　　（一）文字设置标签属性三个主要内容的使用。

（1）字号大小

　　字号大小语句通常是<FONT size=1-7>字号</FONT>其大小是由参数所定，最小是1，最大是7。为了方便使用更大的字体，字号大小可用以下的语句：
<FONT style=font:40pt>字号</FONT>字号隋数值增大，不受限制。

　　　　文字设置用普通字号的代码：

<CENTER><font size=5　face=隶书 color=00FF00>
学习代码</font>

</CENTER>

(关键语句：size=5)
　　　　　　　显示：

学习代码



　　　　文字设置用大字号的代码：

<CENTER><font style=font:80pt face=隶书 color=00ff00>
学习代码</font>
</CENTER>

(关键语句：style=font:50pt)

　　　　　显示：

学习代码


原创编辑者:游子。

---

（２）使用什么样字体

　　用代码贴字，字体一定要用网络上经常能显示的十余种。如：
宋体　黑体　楷体_GB2312 　仿宋_GB2312　新宋体　 幼圆　隶书
方正舒体　华文新魏　华文行楷　华文细黑　华文彩云　方正姚体

　　如果采用文鼎花瓣体等其他字体，而浏览者的电脑没有安装这些字体时,则都会显示为宋体。


原创编辑者:游子。

---

（３）文字颜色的代码

　文字的颜色可用0和F　６个字符组成易记住的颜色代码，例如：

黑色＝000000　白色＝ffffff　红色＝ff0000　绿色＝00ff00　
蓝色＝0000ff　黄色＝fff000　青色＝00ffff　紫色＝ff00ff



原创编辑者:游子。

---

　　（二）文字代码可以做出很多漂亮的字体，灵活的运用文字设置标签属性的三个主要内容，即字号，字体和颜色，也可编辑出精彩的字体。

七色彩字体的代码：

<CENTER>
<FONT face=隶书 color=ff0000 style=font:40pt>网
<FONT color=fff000>络</FONT>
<FONT color=0000ff>世</FONT>
<FONT color=green>界</FONT>
<FONT color=fffff0>欢</FONT>
<FONT color=ff00ff>迎</FONT>
<FONT color=00ffff>您</FONT>
</FONT></CENTER>
　

显示结果：
网络世界欢迎您

原创编辑者:游子。

---

多种字号和字体的代码：

<CENTER><FONT face=新宋体 color=00ff00 style=font:15pt>
<FONT face=隶书 ><h1>《闺 怨》</h1></FONT>
<h3>王昌龄</h3>
闺中少妇不知愁，春曰凝妆上翠楼。<BR>
忽见陌头杨柳色，悔教夫婿觅封侯。<BR>
</FONT>
　

显示结果：

《闺 怨》

王昌龄

闺中少妇不知愁，春曰凝妆上翠楼。
忽见陌头杨柳色，悔教夫婿觅封侯。

（待续）
编辑：游子

欢迎您！启步学代码。
（9）

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

学习表格设置做图框.

    表格设置是代码贴图和制作个人主页的主要基础，表格设置标签属性内容有十多个，可以先从7个常用的学起，逐步提高。先看用表格做成的 一张图片，这张图片宽300，高200，蓝色边框，黄色背景，插入一段文字，内容与边框有一定的距离。

表格设置是代码贴图和制作个人主页的主要基础，表格设置标签属性内容有十多个，可以先从7个常用的学起，逐步提高。

代码：

<CENTER><BR> <TABLE border=10 borderColor=#0000ff cellSpacing=10 cellpadding=20 bgcolor=fff000 width=500 height=300> <TBODY><TR><TD> <font style=font:15pt face=黑体 color=0000ff> 表格设置是代码贴图和制作个人主页的主要基础， 表格设置标签属性内容有十多个，可以先从7个常用的学起，逐步提高。 </CENTER></font></TD></TR></TBODY></TABLE> 原创编辑者:游子。

注解：

第一行是居中代码。
第二和第三行是表格的始标签，包括表格标签名和7个属性内容。
第四行是表格输入内容的行和列的始标签。（行和列构成一个单元格）
第五行是文字设直标签。
第六和第七行输入文字内容。
第八行是以上各个始标签的对应尾标签 。

表格设置标签属性内容说明：
TABLE＝标签名。　
border=10　表格边框的厚度及参数。
borderColor=#0000ff　边框颜色及颜色码。
cellSpacing=10 单元格间距及参数。
cellpadding=20　内容与格线的距离及参数。
bgcolor=fff000　表格的背景颜色及及颜色码。
width=400 表格宽度及参数。
height=300 表格高度及参数。

    表格宽度及表格高度的参数，可用绝对值，如300：也可用相对值，如“100%”。高度如果不是特殊需要时， 也可以不加入参数，系统会根据输入的内容自动延伸。

原创编辑者:游子。

---

一张用颜色作背景的空白图框代码：

<CENTER> <TABLE border=10 borderColor=#0000ff cellSpacing=3 cellpadding=20 bgcolor=fff000 width=500 height=350> <TBODY> <TR> <TD> <br> <br> </CENTER></TD></TR></TBODY></TABLE> 原创编辑者:游子。

显示结果：

一张用图片作背景的空白图框代码：

<TABLE border=10 borderColor=#0000ff cellSpacing=3 cellpadding=20 cellpadding=20 background=http://sucai.heima.com/sucai/news/bg/47.jpg width=500 height=350> <TBODY> <TR> <TD> <br> <br> </CENTER></TD></TR></TBODY></TABLE> 原创编辑者:游子。

显示结果：

用颜色作背景和用图片作背景不同之处，只改变一个属性内容，即：
表格的背景颜色及颜色码。bgcolor=fff000
改为用图片作背景即：

background=http://sucai.heima.com/sucai/news/bg/47.jpg

（待续）
编辑：游子

欢迎您！启步学代码。
10

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

学习用表格属性做漂亮的代码边框。

   有很多漂亮的帖子边框是怎么做成？一些是现成的像框或三合一的花边图框做成，大部份是应用表格的相关属性做成的。做图框的素材可用颜色也可用图片。或颜色与图片组成。用颜色做成的图框，不受条件所限，隐定性较好，显示也快。用网络上的图片地址做成的多层图框叫套装，非常精彩漂亮，但有时会因网络失去链接，无法显示。

用颜色做成的一层图框代码；

<TABLE borderColor=#ffd700 cellSpacing=10 cellPadding=8 width=470 align=center bgColor=#0000ff border=12> <TBODY> <TR> <TD > <BR><BR><BR><BR><BR><BR> </TD></TR></TBODY></TABLE> 原创编辑者:游子。

显示结果：

原创编辑者:游子。

---

用颜色做成的二层图框代码；

<TABLE borderColor=#ffd700 cellSpacing=5 cellPadding=8 width=470 align=center bgColor=#f70968 border=12> <TBODY> <TR> <TD > <TABLE borderColor=#ffd700 cellSpacing=5 cellPadding=8 width=465 align=center bgColor=#bb4444 border=1> <TBODY> <TR> <TD> <BR><BR><BR> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE> 原创编辑者:游子。

显示结果：


原创编辑者:游子。

---

给图片加用颜色做成的边框代码；

<table border=16 cellSpacing=8 cellPadding=5 borderColor=#841A00 bgcolor=#FFFF6F> <td> <TABLE border=1> <TR> <TD width=450 background=http://image2.sina.com.cn/dy/c/2004-10-01/U397P1T1D4478993F21DT20041001212159.jpg height=300 border=3> </TD></TR></TABLE> </td></table> 原创编辑者:游子。

显示结果：



原创编辑者:游子。

---

用颜色做成的二层图框代码；

<TABLE borderColor=#ffff00 cellSpacing=10 cellPadding=8 width=470 background=http://img.gw.com.cn/UploadFile/2004/9/3/3750984.jpg border=8> <TBODY> <TR> <TD> <TABLE borderColor=#ffff00 cellSpacing=6 cellPadding=4 width="100%" background=http://img.gw.com.cn/UploadFile/2005/5/15/3419934.jpg border=1> <TBODY> <TR> <TD> < align=center><INPUT type=image width=420 src="http://photo.southcn.com/upload/F202922004.11.4.22.24.422.jpg" ></P> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE> 原创制作者:游子。

显示结果：


原创制作者:游子。

---

用颜色做成的立体图框代码；

<table id="myexample" style="border:19px #ccffcc ridge" align="center" border="0" cellpadding="0" cellspacing="0" width="460" background="http://bbs.e-yu.cn/attachments/ext_jpg/029_mS674YcNXDnk.jpg"> <tr><td> <br><br><br><br><br><br> </td></tr></table> 原创编辑者:游子。

显示结果：

（待续）
编辑：游子