欢迎您！启步学代码。 （游子编辑 供初学HTML代码的朋友参考） 　目　录 01:HTML代码是什么？ 02:先来学文字设置的代码 03:文字显示位置控制的代码 04:文字移动属性的设置 05:文字编辑常用代码语句 06:文字输出范围的设置-文本框 07:学用代码贴特效美术字 08:学习文字设置的几点体会 09:ＨＴＭＬ代码编辑参考资料 10:学习表格（图框）设置 11 学习用表格属性做漂亮的代码边框。 12:各种图片素材做边框套装 13:如何在图框套装内贴图片和文字。 14:特殊效果的贴图方法。 15:如何在图框套装内贴图片和文字。 16:在图框内贴图或文字的位置设置方法。 17:在多层图框（套装）内贴图的方法 18:坐标控制绝对定位贴图的方法。 （待续） （ 为了让更多网友学用html代码贴图制作网页，本贴 欢迎转载，但是，转载时请不要把原创编辑游子的名字改掉。谢谢！）

欢迎您！启步学代码。 （1） （游子编辑 供初学HTML代码的朋友参考）    在网上经常见到很多精彩漂亮的网页和贴图。这些佳作都是用各种代码和软件编辑出来的。很想学一点，可是看教材头就晕，入门难呵！后来采用从简入手，边学边测试，才学到一点点东东。 没有专业知识，如何启步呢？只要你会电脑系统操作和26个英文字母就可以了。先看一遍HTML语言教材，看不懂也无关系，以后回来再学习。学本领，读书还是要的。   简略认识一下HTML代码。HTML是一种用来制作超文本文档的简单标记语言，与普通文档不同，它可以加入文字、图片、声音、动画、影视等内容，可以从一个文件跳转到另一个文件，与世界各地主机的文件连接，通过WWW浏览器显示出效果。它的特点是用一对小尖括弧（“<  和  >"）作为标签。所谓标签，就是它采用了一系列的指令符号来控制输出的效果，这些指令符号用“<标签名字　属性>”来表示。而且大部份是成对的双标签，即首标签和尾标签。   可以用实际例子来理解标签的含义。我们要在页面上显示“网络世界”四个红色隶书大字，就必须用下面文字设置代码。 网络世界 显示结果： 网络世界   这组文字设置代码在网络世界前面的是“始标签”，在网络世界后面的是“尾标签”。始标签有一个标签名字和三个属性内容。尾标签在标签名字前加一斜杆即可，不用标记属性内容。对照说明： 网络世界 代码的第一行标签名  字号大小  什么字体 字的颜色 代码的第二行     文字内容 代码的第三行  尾标签   在“网络世界”4个字前面加一个移动始标签 ，后面加一个尾标签，这4个字就能移动了。 移动标签代码： 网络世界。 只有名称，没有其他属性内容时，系统默认从右向左走。显示结果： 网络世界   增加移动标签的属性内容和属值，就能实现其他移动的方向和速度。例如为上面“网络世界”四个大字从左向右走编一组代码： 网络世界 网络世界   代码的第一行是移动的始标签，内有标签名marquee和两个属性内容，即direction=right移动方向和scrollamount=2移动速度。   代码的第二行和第三行是一组有三个属性内容的文字设置标签。“始标签 ”和文字内容以及“尾标签”都套在移动标签内。   代码的第四行是移动标签的结尾标签。   记住：HTML标签是成对的，前面有一个始标签，后面必须有一个尾标签，不可多也不可少。 只有少数几个标签可以单独使用，如过行 代码就不用尾标签。 启步学习代码先从三个内容入手： （一）文字设置或叫布局。   （二）表格（图框）设置。   （三）常用代码语句的应用。 编辑：游子 （待续） （为了让更多网友启步学代码，本贴欢迎转载。我用了很多时间和精神编写了这个资料，而且身体健康也付出不小代价，希望转载时不要把原创编辑游子的名字改掉。谢谢合作。）

欢迎您！启步学代码。 （游子编辑 供初学HTML代码的朋友参考） 先来学文字设置 文字设置三要素（三属值）： style=font:30pt    字的大小 color=navy    字的颜色 face=幼圆    那一种字体 文字设置的一组代码： <font style=font:30pt face=隶书 color=ff0000>锦绣中华</font> 显示效果如下： 锦绣中华 相同的文字设置代码，三要素改变了， 显示效果就不同。 <font style=font:40pt face=华文新魏 color=red>锦绣中华</font> 显示效果如下： 锦绣中华 <font style=font:80pt face=华文彩云 color=ff0000>锦绣中华</font> 显示效果如下： 锦绣中华    你可以把（文字设置的一组代码）复制到记事本去，改为你喜欢的文字内容，让后用回复的方式试贴，粘贴时注意先选择[HTML]标签，同时把自动修正的钩去掉。 设置字体大小还有一种叫标题字体。 <h#> ... </h#> #=1, 2, 3, 4, 5, 6， <h1>网络世界论坛</h1> 人间正道是沧桑 <h2>人间正道是沧桑</h2> 人间正道是沧桑 <h3>人间正道是沧桑</h3> 人间正道是沧桑 <h4>人间正道是沧桑</h4> 人间正道是沧桑 <h5>人间正道是沧桑</h5> 人间正道是沧桑 <h6>影画世界论坛</h6> 人间正道是沧桑 标题字体默认黑色宋体， 故只有字体大小的变化。 常用字体代码 宋体 黑体   楷体_GB2312   仿宋_GB2312   新宋体   幼圆 隶书   方正舒体  华文新魏 华文行楷   华文细黑  华文彩云  方正姚体   常用颜色代码 　 　 　 　 　 　 #FF0000 #FFFFf0 #0000F #008000 #FF00FF #000080 　 　 　 　 　 　 #008000 #00FFFF #FFf000 #993333 #FFFF00 #000099 　 　 　 　 　 　 #000066 #009933 #F00000 #FFCC00 #0099FF #33CCCC 　 　 　 　 　 　 #FFCCFF #33CC33 #CC0000 #3333CC #9900CC #993333 　 　 　 　 　 　 #993333 #006600 #FF9900 #00CCFF #66FF33 #003300 编辑：游子

如何做html代码贴 欢迎您！启步学HTML代码. 代码； <font style=font:26pt face=华文行楷 color=0000ff> 欢迎您！启步学HTML代码。 </font> 你先复制这个代码，进到发贴编辑区，在下面标签栏中选取第四个标签[HTML]，去掉自动修正的钩，再粘贴发表，就 OK了。 做html代码贴的操作方法 1，复制代码。 2，击点回复。 3，进到发贴编辑区。 4，在编辑栏下面标签栏中取第选四个标签[HTML]， 5，去掉{ HTML }标签旁边的自动修正的钩， 6，再粘贴代码后发表。千万不可先粘贴代码后才选取[HTML]标签。 再试看吧！祝你成功！！ 　　　　　　　　　编辑：游子

欢迎您！启步学代码。 （3） （游子编辑 供初学HTML代码的朋友参考） 文字显示位置的控制 文字显示位置分别为： 水平方向（align），垂直方向（valign） 水平方向即左中右： left（左对齐） middle（居中） RIGHT（右对齐） 垂直方向即靠顶和靠底. top（靠顶）、bottom（靠底）等。 XImageTransform.Microsoft.Shadow(color:#dd0000,direction:145,strength:5); BORDER-LEFT: #dd0000 2px dashed; BORDER-BOTTOM: #dd0000 3px dashed" width=350 color=#dd0000 SIZE=2> 水平方向即左中右的代码： <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> 显示效果如下： XImageTransform.Microsoft.Shadow(color:#dd0000,direction:145,strength:5); BORDER-LEFT: #dd0000 2px dashed; BORDER-BOTTOM: #dd0000 3px dashed" width=350 color=#dd0000 SIZE=2> 向左对齐 表示居中 向右对齐 XImageTransform.Microsoft.Shadow(color:#dd0000,direction:145,strength:5); BORDER-LEFT: #dd0000 2px dashed; BORDER-BOTTOM: #dd0000 3px dashed" width=350 color=#dd0000 SIZE=2> 实例： 送给春兰妹妹 祝你生日快乐！ 大姐冬梅 20060228 实例代码： <CENTER> <TABLE width=480 height=350 bordercolor=olive background=http://blog.lanyue.com/upload/user/58/386410_22232948.jpg border=18> <TBODY> <TR> <td align=center valign=top><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>大姐冬梅<br>20060228</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），方便易用。但我只能在一个单元格中设一组代码。实例如下： 居左靠顶的代码 align=LEFT valign=top 代码： <CENTER> <TABLE width=480 height=350 bordercolor=olive background=http://blog.lanyue.com/upload/user/58/386410_22232948.jpg border=18> <TBODY> <TR> <TD align=LEFT valign=top><FONT style="FONT-SIZE: 25pt" face=华文行楷 color=#fff000><B> 居左靠顶的代码<BR><h3>align=LEFT valign=top</h3></B> </FONT> </TD></TR></TOBDY></TBODY></TABLE></CENTER> <BR><BR> 文字输出位置垂直方向的实例二： 居右靠底的代码 align=RIGHT valign=bottom 居右靠底的代码： <BR> <CENTER> <TABLE width=480 height=350 bordercolor=olive background=http://blog.lanyue.com/upload/user/58/386410_22232948.jpg border=18> <TBODY> <TR> <TD align=LEFT valign=top><FONT style="FONT-SIZE: 25pt" face=华文行楷 color=#fff000><B> 居左靠顶的代码<BR><h3>align=LEFT valign=top</h3></B> </FONT> </TD></TR></TOBDY></TBODY></TABLE></CENTER> <BR><BR> 文字（或图片）放置的地位， 还可以用空格（&nbsp;）和空行（BR）调整； 用代码编辑绝对位置挂贴（外部定位）等办法。   编辑：游子 （待续）

欢迎您！启步学代码。 （4） （游子编辑 供初学HTML代码的朋友参考） 移动属性的设置 <marquee>内容文字或图片</marquee> 上面是最简单的移动标签。把它复制粘贴发表结果如下： 内容文字或图片 移动属性值主要的有几个内容：   移动方向 <direction=#> 速度 <scrollamount=#> 方式 <bihavior=#>     循环 <loop=#>         延时 <scrolldelay=#>   启步先学方向和速度。 移动方向 direction=left   从右向左移 direction=right   从左向右移 direction=down   从上向下移 direction=up     从下向上移 移动代码:-文字从右向左移 <marquee direction=left scrollAmount=2> <font style=font:15pt face=黑体 color=fff000> 文字从右向左移！</font></marquee> 显示效果： 文字从右向左移！ 移动方向-文字从左向右移的代杩。 <marquee direction=right scrollAmount=2> <font style=font:15pt face=黑体 color=fff000> 文字从左向右移！！</font></marquee> 显示效果： 文字从左向右移！ 移动方向-文字从上向下移的代码：。 <marquee direction=direction=down scrollAmount=2> <font style=font:15pt face=黑体 color=fff000><CENTER> 文字从上向下移！！</font></CENTER></marquee> 显示效果： 文字从上向下移！！ 移动方向-文字从下向上移！的代码：。 <marquee direction=up scrollAmount=2> <font style=font:15pt face=黑体 color=fff000><CENTER> 文字从下向上移！！！</CENTER></font></marquee> BR> 显示效果： 文字从下向上移！！ 文字来回走代码: <marquee behavior=alternate scrollAmount=8> <font style=font:15pt face=黑体 color=fff000> 文字来回走耶！！！</font></marquee> 显示效果： 文字来回走耶！！ 移动速度 <scrollamount=#> 移动速度设置数值小就走得慢的代码： <marquee direction=left scrollAmount=2> <font style=font:15pt face=黑体 color=fff000> scrollAmount=2移动速度设置数值小就走得慢！！</font></marquee> 显示效果： scrollAmount=2移动速度设置数值小就走得慢！！ 移动速度设置数值大就走得快！的代码： <marquee direction=left scrollAmount=8> <font style=font:15pt face=黑体 color=fff000>scrollAmount=8移动速度设置数值大就走得快！！</font></marquee> 显示效果： scrollAmount=8移动速度设置数值大就走得快！！ 文字上下移动代码： <font size=5 face=隶书 color=lime> <MARQUEE scrollAmount=5 direction=up behavior=alternate height=60> <center> 文字上下移动</center></marquee> 文字上下移动 文字图片走四方的代码： <TABLE borderColor=fff000 height=350 cellSpacing=1 cellPadding=10 width=450 border=3><TBODY><TR><TD bgColor=#000000> <MARQUEE scrollAmount=3 direction=down behavior=alternate height=350> <MARQUEE scrollAmount=3 behavior=alternate width=450> <IMG src="http://www.dabaoku.com/gif/164/gif001.gif">&nbsp;<FONT color=fff000 size=3><B>欣赏文字图片走四方</B></FONT> <IMG src="http://homediy.myrice.com/gif/cat/cat004.gif"> </MARQUEE></MARQUEE> </TD></TR></TBODY></TABLE> 文字图片走四方 欣赏文字图片走四方 编辑：游子 （待续）

欢迎您！启步学代码。（5） （游子编辑 供初学HTML代码的朋友参考） 文字编辑几种常用代码语句的浅识 掌握HTML语法中的分隔标签非常有必要，娴熟地 应用分隔标签，能令帖子可读性强、外观整洁漂亮。 文字编辑常用代码语句： <BR> 换行标记一个<BR>令文字显示于下一行，二个<BR>留一空白行。 <p>文字编辑  段落标记 令文字之间留一空白行。 （&nbsp;） 括号内的语句，令文字之间留一空隔。（可单独使用） <b>  令字体加粗</b>（双标签） <u> 令文字加上底线</u>（双标签） <CENTER> 居中 令字、画、表格等显示于中间</CENTER>（双标签）     对<BR> 换行标记，即强行换行指令的认识。     下面这首李白的诗，在输入编辑时虽然有分行，但无用强行换行<BR>标签，由于系统有顺延功能作用，所以仍然是从左侧顺延联成一片显示出来。 先看文字设置无换行标记的一组代码： < align=center><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 14pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=楷体_GB2312 color=fff000> 《 望庐山瀑布》 李 白 日照香炉生紫烟，遥看瀑布挂前川。 飞流直下三千尺，疑是银河落九天。 </P></FONT> 显示效果是联成一片。 《 望庐山瀑布》 李 白日照香炉生紫烟，遥看瀑布挂前川。飞流直下三千尺，疑是银河落九天。 再看文字编辑时，在要断行的地方加入<BR>分隔标签的一组代码： < align=center><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 14pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=楷体_GB2312 color=lime> 《 望庐山瀑布》 李 白<BR><BR> 日照香炉生紫烟，遥看瀑布挂前川。<BR> 飞流直下三千尺，疑是银河落九天。<BR> </P></FONT> 显示效果: 《 望庐山瀑布》 李 白 日照香炉生紫烟，遥看瀑布挂前川。 飞流直下三千尺，疑是银河落九天。 在页面上文字显示位置的实例。   《 望庐山瀑布》 李 白 日照香炉生紫烟，遥看瀑布挂前川。 飞流直下三千尺，疑是银河落九天。 《 望庐山瀑布》 李 白        日照香炉生紫烟，遥看瀑布挂前川。 飞流直下三千尺，疑是银河落九天。 《 望庐山瀑布》 李 白       日照香炉生紫烟，遥看瀑布挂前川。 飞流直下三千尺，疑是银河落九天。 在页面上文字显示位置的实例的一组代码： < align=center><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 15pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=楷体_GB2312 color=lime> <P align=LEFT> &nbsp;&nbsp;《 望庐山瀑布》 李 白<BR><BR> 日照香炉生紫烟，遥看瀑布挂前川。<BR> 飞流直下三千尺，疑是银河落九天。<BR></P> <BR><BR> <P align=center> 《 望庐山瀑布》 李 白<BR><BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<BR> 日照香炉生紫烟，遥看瀑布挂前川。<BR> 飞流直下三千尺，疑是银河落九天。<BR></P> <BR><BR> <P align=RIGHT> 《 望庐山瀑布》 李 白&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<BR><BR> 日照香炉生紫烟，遥看瀑布挂前川。<BR> 飞流直下三千尺，疑是银河落九天。</P><BR> </FONT> <BR> 　 说明：文字显示位置的关键代码语句。 <P align=LEFT>左对齐</P> <P align=center>居中</P> <P align=RIGHT>右对齐</P> 注意这三个代码都是双标签，要成对使用。 编辑：游子 （待续）

欢迎您！启步学代码。 （学习心得 供初学HTML代码的朋友参考） 利用表格属性做漂亮的代码边框。     在论坛的贴图栏中，有很多精美套装图框，可以拿来用。 我们也可以应用表格的相关属性，自已做出喜欢的图框套装。 图框有用颜色作背景，更多的是用图片作背景。图框有单层 或多层，常见有七层。巧妙的应用表格的相关属性，可以做 出许多漂亮的图框套装。 用颜色作背景的单层图框 插入内容 代码： action=--WEBBOT-SELF-- method=post> <TABLE borderColor=#fff000 cellpadding=30 cellpadding= 15 cellSpacing=15 cellPadding=15 width="780" bgcolor="#0000FF" border=12> <TBODY> <TR> <TD> <CENTER><font style=font:20pt face=幼圆 color=fff000>插入内容</font> </CENTER> <BR><BR><BR><BR> </TD></TR></TBODY></TABLE> 用颜色作背景的双层图框 插入内容 代码： <TABLE borderColor=#fff000 cellpadding=0 cellpadding= 5 cellSpacing=5 cellPadding=15 width="780" bgcolor="#0000FF" border=8> <TBODY> <TR> <TD> <TABLE borderColor=#fff000 cellpadding=30 cellpadding= 5 cellSpacing=5 cellPadding=15 width="100%" bgcolor="#2894FF" border=2> <TBODY> <TR> <TD> <CENTER><font style=font:20pt face=幼圆 color=fff000>插入内容</font> </CENTER> <BR><BR><BR><BR> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE> 用图片作背景的单层图框 123 代码： <TABLE borderColor=#fff000 cellpadding=30 cellpadding= 15 cellSpacing=15 cellPadding=15 width="780" background=http://bg.e-yu.cn/x/1/back_35.jpg border=12> <TBODY> <TR> <TD> < src="http://bbs.ioohoo.com/images/smilies/default/titter.gif" border=0 smilieid="9">>123</P> <BR><BR><BR><BR><BR><BR><BR><BR> </TD></TR></TBODY></TABLE> 用图片作背景的双层图框   插入内容 代码： action="--WEBBOT-SELF--" method="POST"> <table align="center" border="1" cellpadding="8" cellspacing="8" width="780" background="http://www.dabaoku.com/sucai/shejilei/bj/pic/0430.jpg" bordercolorlight="#0C091D" bordercolordark="#C0B4FE"> <tr> <td> <table align="center" border="2"cellpadding=30 cellpadding="15" cellspacing="15" width="100%" background="http://www.dabaoku.com/sucai/shejilei/bj/pic/0471.jpg" bordercolorlight="#0C091D" bordercolordark="#0C091D"> <tr><td width="100%" align="center"> <br><br><img border="0" src="http://img013.photo.wangyou.com/2004/8/25/16304/200511233202975.gif "> <BR><BR> <CENTER><font style=font:20pt face=幼圆 color=0000000>插入内容</font></CENTER> <br><br></td></tr></table></td></tr></table> 用图片作背景的七层图框 网络情缘 平淡温馨 图文：网络 < /TD> 代码： action=--WEBBOT-SELF-- method=post> <TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=3 width="780" borderColorLight=#000000 background=http://bbs.nxnews.net/forum/UploadFile/2004-8/2004813135644130.jpg border=1> <TBODY> <TR> <TD> <TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=23 width="100%" borderColorLight=#000000 background=http://bbs.nxnews.net/forum/UploadFile/2004-8/200481313595718.jpg border=1> <TBODY> <TR> <TD> <TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=3 width="100%" borderColorLight=#000000 background=http://bbs.nxnews.net/forum/UploadFile/2004-8/2004813135644130.jpg border=1> <TBODY> <TR> <TD> <TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=23 width="100%" borderColorLight=#000000 background=http://bbs.nxnews.net/forum/UploadFile/2004-8/20048131404918.jpg border=1> <TBODY> <TR> <TD> <TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=3 width="100%" borderColorLight=#000000 background=http://bbs.nxnews.net/forum/UploadFile/2004-8/2004813135644130.jpg border=1> <TBODY> <TR> <TD> <TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=18 width="100%" borderColorLight=#000000 background=http://bbs.nxnews.net/forum/UploadFile/2004-8/2004813141196.jpg border=1> <TBODY> <TR> <TD> <TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=3 width="100%" borderColorLight=#000000 background=http://bbs.nxnews.net/forum/UploadFile/2004-8/2004813135644130.jpg border=1> <TBODY> <TR> <TD> <TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=23 width="100%" borderColorLight=#000000 background=http://bbs.nxnews.net/forum/UploadFile/2004-8/20048131407387.jpg border=1> <TBODY> <TR> <TD> <TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=3 width="100%" borderColorLight=#000000 background=http://bbs.nxnews.net/forum/UploadFile/2004-8/2004813135644130.jpg border=1> <TBODY> <TR> <TD> <TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=0 width="100%" borderColorLight=#000000 background=http://bbs.nxnews.net/forum/UploadFile/2004-8/2004813135611790.jpg border=1> <TBODY> <TR> <TD align=middle> < src="http://bbs.ioohoo.com/images/smilies/default/titter.gif" border=0 smilieid="9"> align=center><IMG src="http://bbs.nxnews.net/forum/UploadFile/2004-8/2004813201734131.jpg"> <FONT style="FONT-SIZE: 35pt; FILTER: shadow(color=green); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云; HEIGHT: 65px">网络情缘 平淡温馨</FONT> <BR><BR><BR><BR> < src="http://bbs.ioohoo.com/images/smilies/default/titter.gif" border=0 smilieid="9"> align=center> <TABLE height="100%" width="100%"> <TBODY> <TR> <TD vAlign=top width="34%"> <TD vAlign=top width="33%"></TD></TR></TBODY></TABLE><BR><BR><BR><BR><BR><BR> <CENTER><IMG src="http://bbs.nxnews.net/forum/UploadFile/2004-8/200481313555870.jpg"></CENTER> <CENTER><FONT style="FONT-SIZE: 20pt; FILTER: shadow(color=green); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云; HEIGHT: 65px" size=7><B>图文：网络<br></B></FONT></CENTER> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>< /TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE> < src="http://bbs.ioohoo.com/images/smilies/default/titter.gif" border=0 smilieid="9">></P> 图文：网络： 编辑：游子

欢迎您！启步学代码。 （6） （游子编辑 供初学HTML代码的朋友参考） 文字输出范围的设置-文本框    在页面或图片上要输出很多文字，就要考虑其输出范围。 我们输入文字时，如果没有设置过行过段标签 系统默认居中左对齐，向右顺延至边框，自动过下一行，因此必需设置文本框来空制 文字输入的范围。 文本框有二种：普通文本框和有滚动条的文本框。 文字直接显示在页面上的代码： <font style=font:12pt face=幼圆 color=00ff00> 什么是虚拟内存 　　不知大家发现没有，在Windows 2000（XP）目录下有一个名为pagefile.sys的系统文件（Windows 98下为Win386.swp），它的大小经常自己发生变动，小的时候可能只有几十兆，大的时候则有数百兆，这种毫无规律的变化实在让很多人摸不着头脑。其实，pagefile.sys是Windows下的一个虚拟内存，它的作用与物理内存基本相似，但它是作为物理内存的“后备力量”而存在的，也就是说，只有在物理内存已经不够使用的时候，它才会发挥作用。 </FONT> 显示效果： 什么是虚拟内存　　不知大家发现没有，在Windows 2000（XP）目录下有一个名为pagefile.sys的系统文件（Windows 98下为Win386.swp），它的大小经常自己发生变动，小的时候可能只有几十兆，大的时候则有数百兆，这种毫无规律的变化实在让很多人摸不着头脑。其实，pagefile.sys是Windows下的一个虚拟内存，它的作用与物理内存基本相似，但它是作为物理内存的“后备力量”而存在的，也就是说，只有在物理内存已经不够使用的时候，它才会发挥作用。 在普通文本框中输入文字的一组代码： <TBODY> <TR> <TD bgColor=> <p align="LEFT"> 什么是虚拟内存 　　不知大家发现没有，在Windows 2000（XP）目录下有一个名为pagefile.sys的系统文件（Windows 98下为Win386.swp），它的大小经常自己发生变动，小的时候可能只有几十兆，大的时候则有数百兆，这种毫无规律的变化实在让很多人摸不着头脑。其实，pagefile.sys是Windows下的一个虚拟内存，它的作用与物理内存基本相似，但它是作为物理内存的“后备力量”而存在的，也就是说，只有在物理内存已经不够使用的时候，它才会发挥作用。 </p> </TD></TR></TBODY></TABLE> 显示效果： 什么是虚拟内存 　　不知大家发现没有，在Windows 2000（XP）目录下有一个名为pagefile.sys的系统文件（Windows 98下为Win386.swp），它的大小经常自己发生变动，小的时候可能只有几十兆，大的时候则有数百兆，这种毫无规律的变化实在让很多人摸不着头脑。其实，pagefile.sys是Windows下的一个虚拟内存，它的作用与物理内存基本相似，但它是作为物理内存的“后备力量”而存在的，也就是说，只有在物理内存已经不够使用的时候，它才会发挥作用。 文字装在有滚动条的文本框的代码： <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> 什么是虚拟内存 　　不知大家发现没有，在Windows 2000（XP）目录下有一个名为pagefile.sys的系统文件（Windows 98下为Win386.swp），它的大小经常自己发生变动，小的时候可能只有几十兆，大的时候则有数百兆，这种毫无规律的变化实在让很多人摸不着头脑。其实，pagefile.sys是Windows下的一个虚拟内存，它的作用与物理内存基本相似，但它是作为物理内存的“后备力量”而存在的，也就是说，只有在物理内存已经不够使用的时候，它才会发挥作用。 </B></FONT></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></DIV><br> 显示效果： 什么是虚拟内存　　不知大家发现没有，在Windows 2000（XP）目录下有一个名为pagefile.sys的系统文件（Windows 98下为Win386.swp），它的大小经常自己发生变动，小的时候可能只有几十兆，大的时候则有数百兆，这种毫无规律的变化实在让很多人摸不着头脑。其实，pagefile.sys是Windows下的一个虚拟内存，它的作用与物理内存基本相似，但它是作为物理内存的“后备力量”而存在的，也就是说，只有在物理内存已经不够使用的时候，它才会发挥作用。 文字装在条幅中走马灯式移动的代码： <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代码的朋友参考） 学用代码贴特效美术字。    网页上有不少漂亮的美术字，这些特效文字是用软件或代码做成的。要用代码编辑美术字，必须弄懂较多的有关代码知识。先借人家编成的来套用吧！ （一） 欢迎您来到网络世界的代码： <FONT style="FONT-SIZE: 30pt; FILTER: glow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>欢迎您来到网络世界。。</B></FONT> 显示效果： 欢迎您来到网络世界。 XImageTransform.Microsoft.Shadow(color:#dd0000,direction:145,strength:5); BORDER-LEFT: #dd0000 2px dashed; BORDER-BOTTOM: #dd0000 3px dashed" width=450 color=#dd0000 SIZE=2> （二） 插入一段诗的代码： <FONT style="FONT-SIZE: 20pt; FILTER: shadow(color=apar); WIDTH: 100%; COLOR: #00ff00; LINE-HEIGHT: 100%" face=华文行楷 size=6> 轻轻的我走了，<br> 正如我轻轻的来；<br> 我轻轻的招手，<br> 作别西天的云彩。<br> </FONT> 显示效果： 轻轻的我走了， 正如我轻轻的来； 我轻轻的招手， 作别西天的云彩。 （三） 漂亮的美贴！的代码： <FONT style="FONT-SIZE: 40pt; FILTER: shadow color=apar); WIDTH: 100%; COLOR: #00ff00; LINE-HEIGHT: 150%" face=黑体 size=6>漂亮的美贴！</FONT> 显示效果： 漂亮的美贴！ XImageTransform.Microsoft.Shadow(color:#dd0000,direction:145,strength:5); BORDER-LEFT: #dd0000 2px dashed; BORDER-BOTTOM: #dd0000 3px dashed" width=450 color=#dd0000 SIZE=2> （四） 欢迎光临的代码： <FONT style="FONT-SIZE: 60pt; FILTER: shadow(color=yellow); WIDTH: 100%; COLOR: navy; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">欢迎光临</FONT> 显示效果： 欢迎光临 XImageTransform.Microsoft.Shadow(color:#dd0000,direction:145,strength:5); BORDER-LEFT: #dd0000 2px dashed; BORDER-BOTTOM: #dd0000 3px dashed" width=450 color=#dd0000 SIZE=2> （五） 江山如此多娇代码： <FONT style="FONT-SIZE: 60pt; FILTER: shadow color=apar); WIDTH: 100%; COLOR: #00ff00; LINE-HEIGHT: 150%" face=隶书>江山如此多娇</FONT> 江山如此多娇 （六） 假如爱有天意代码： <FONT style="FONT-SIZE: 50pt; FILTER: shadow(color=#ffd700, strength=50); WIDTH: 500px">假如爱有天意</FONT></FONT> 假如爱有天意 （七） 谢谢！！欣赏！！代码： <FONT size=6><FONT style="COLOR: red; FILTER: shadow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 40pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B><I>谢谢！！欣赏！！</I></B></FONT></FONT> 谢谢！！欣赏！！ （八） 走进新时代！代码： <FONT style="FONT-SIZE: 72pt; FILTER: shadow(color=#DA70D6); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 方正舒体"><B>走进新时代！</B></FONT> 走进新时代！ （九） 祝您生日快乐！代码： <DIV style="FILTER: glow(color=#E4DC9B, strength=5); WIDTH: 700px"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 68pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文行楷 color=#e31c1b>祝您生日快乐！</FONT></DIV> 祝您生日快乐！ （十） 我爱美丽的大自然 代码： <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> 　 显示效果： 顶 （十六）这里风景独好请您欣赏