欢迎您！启步学代码

春晓

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

春晓

欢迎您！启步学代码。 （供初学HTML代码的朋友参考） 先来学文字设置 文字设置三要素（三属值）： style=font:30pt 字的大小 color=navy 字的颜色 face=幼圆 那一种字体 文字设置的一组代码： 锦绣中华 显示效果如下： 锦绣中华 相同的文字设置代码，三要素改变了， 显示效果就不同。 锦绣中华 显示效果如下： 锦绣中华 锦绣中华 显示效果如下： 锦绣中华 你可以把（文字设置的一组代码）复制到记事本去，改为你喜欢的文字内容，让后用回复的方式试贴，粘贴时注意先选择[HTML]标签，同时把自动修正的钩去掉。 设置字体大小还有一种叫标题字体。 ... #=1, 2, 3, 4, 5, 6， 网络世界论坛 人间正道是沧桑 人间正道是沧桑 人间正道是沧桑 人间正道是沧桑 人间正道是沧桑 人间正道是沧桑 人间正道是沧桑 人间正道是沧桑 人间正道是沧桑 影画世界论坛 人间正道是沧桑 标题字体默认黑色宋体， 故只有字体大小的变化。 常用字体代码 宋体 黑体 楷体_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 待续

春晓

居右靠顶 垂直方向valign）靠底的代码： 文字输出位置垂直方向的代码是设置在单元格里（TD），方便易用。但我只能在一个单元格中设一组代码。实例如下： 欢迎您！启步学代码。 （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> 水平方向即左中右的代码： 向左对齐 表示居中 向右对齐 显示效果如下： 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 实例代码： 送给春兰妹妹 祝你生日快乐！ 大姐冬梅 20060228 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> 垂直方向valign）靠顶的代码： 居左靠顶 居中靠顶 居左靠底 居中靠底 居右靠底 居左靠顶的代码 align=LEFT valign=top 代码： 居左靠顶的代码 align=LEFT valign=top 文字输出位置垂直方向的实例二： 居右靠底的代码 align=RIGHT valign=bottom 居右靠底的代码： 居左靠顶的代码 align=LEFT valign=top 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> 文字（或图片）放置的地位， 还可以用空格（ ）和空行（BR）调整； 用代码编辑绝对位置挂贴（外部定位）等办法。 （待续）

春晓

图片文字走四方代码：


<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=""> <FONT color=fff000 size=3><B>欣赏文字图片走四方</B></FONT> <IMG src=""> </MARQUEE></MARQUEE> </TD></TR></TBODY></TABLE>

春晓

图片文字走四方代码：

欣赏文字图片走四方

春晓

< align=right valign="top"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=幼圆 color=#000000>11居右靠顶</P><BR></FONT>

<BR><BR><BR> <p valign=top valign=bottom><font style=font:20pt face=幼圆 color=000000>11居右靠底</p>

春晓

欢迎您！启步学代码。 （4）（供初学HTML代码的朋友参考） 移动属性的设置 内容文字或图片 上面是最简单的移动标签。把它复制粘贴发表结果如下： 内容文字或图片 移动属性值主要的有几个内容： 移动方向 速度 方式 循环 延时 启步先学方向和速度。 移动方向 direction=left 从右向左移 direction=right 从左向右移 direction=down 从上向下移 direction=up 从下向上移 移动代码:-文字从右向左移 文字从右向左移！ 显示效果： 文字从右向左移！ 移动方向-文字从左向右移的代杩。 文字从左向右移！！ 显示效果： 文字从左向右移！ 移动方向-文字从上向下移的代码：。 文字从上向下移！！ 显示效果： 文字从上向下移！！ 移动方向-文字从下向上移！的代码：。 文字从下向上移！！！ BR> 显示效果： 文字从下向上移！！ 文字来回走代码: 文字来回走耶！！！ 显示效果： 文字来回走耶！！ 移动速度 移动速度设置数值小就走得慢的代码： scrollAmount=2移动速度设置数值小就走得慢！！ 显示效果： scrollAmount=2移动速度设置数值小就走得慢！！ 移动速度设置数值大就走得快！的代码： scrollAmount=8移动速度设置数值大就走得快！！ 显示效果： scrollAmount=8移动速度设置数值大就走得快！！ 文字上下移动代码： 文字上下移动 文字上下移动 文字图片走四方的代码：  欣赏文字图片走四方 文字图片走四方 欣赏文字图片走四方 （待续）

春晓

居右靠顶居右靠底代码：

< align=right valign="top"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=幼圆 color=#000000>11居右靠顶</P></FONT><BR><BR><BR><BR> < valign="top"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=幼圆 color=#000000>12居右靠底</P></FONT><BR></DIV> <></P>

春晓

欢迎您！启步学代码。 （6）（供初学HTML代码的朋友参考） 文字输出范围的设置-文本框 在页面或图片上要输出很多文字，就要考虑其输出范围。 我们输入文字时，如果没有设置过行过段标签 系统默认居中左对齐，向右顺延至边框，自动过下一行，因此必需设置文本框来空制 文字输入的范围。 文本框有二种：普通文本框和有滚动条的文本框。 文字直接显示在页面上的代码： 什么是虚拟内存 　　不知大家发现没有，在Windows 2000（XP）目录下有一个名为pagefile.sys的系统文件（Windows 98下为Win386.swp），它的大小经常自己发生变动，小的时候可能只有几十兆，大的时候则有数百兆，这种毫无规律的变化实在让很多人摸不着头脑。其实，pagefile.sys是Windows下的一个虚拟内存，它的作用与物理内存基本相似，但它是作为物理内存的“后备力量”而存在的，也就是说，只有在物理内存已经不够使用的时候，它才会发挥作用。 显示效果： 什么是虚拟内存　　不知大家发现没有，在Windows 2000（XP）目录下有一个名为pagefile.sys的系统文件（Windows 98下为Win386.swp），它的大小经常自己发生变动，小的时候可能只有几十兆，大的时候则有数百兆，这种毫无规律的变化实在让很多人摸不着头脑。其实，pagefile.sys是Windows下的一个虚拟内存，它的作用与物理内存基本相似，但它是作为物理内存的“后备力量”而存在的，也就是说，只有在物理内存已经不够使用的时候，它才会发挥作用。 在普通文本框中输入文字的一组代码： 什么是虚拟内存 　　不知大家发现没有，在Windows 2000（XP）目录下有一个名为pagefile.sys的系统文件（Windows 98下为Win386.swp），它的大小经常自己发生变动，小的时候可能只有几十兆，大的时候则有数百兆，这种毫无规律的变化实在让很多人摸不着头脑。其实，pagefile.sys是Windows下的一个虚拟内存，它的作用与物理内存基本相似，但它是作为物理内存的“后备力量”而存在的，也就是说，只有在物理内存已经不够使用的时候，它才会发挥作用。 显示效果： 什么是虚拟内存 　　不知大家发现没有，在Windows 2000（XP）目录下有一个名为pagefile.sys的系统文件（Windows 98下为Win386.swp），它的大小经常自己发生变动，小的时候可能只有几十兆，大的时候则有数百兆，这种毫无规律的变化实在让很多人摸不着头脑。其实，pagefile.sys是Windows下的一个虚拟内存，它的作用与物理内存基本相似，但它是作为物理内存的“后备力量”而存在的，也就是说，只有在物理内存已经不够使用的时候，它才会发挥作用。 文字装在有滚动条的文本框的代码： live; 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> 什么是虚拟内存 　　不知大家发现没有，在Windows 2000（XP）目录下有一个名为pagefile.sys的系统文件（Windows 98下为Win386.swp），它的大小经常自己发生变动，小的时候可能只有几十兆，大的时候则有数百兆，这种毫无规律的变化实在让很多人摸不着头脑。其实，pagefile.sys是Windows下的一个虚拟内存，它的作用与物理内存基本相似，但它是作为物理内存的“后备力量”而存在的，也就是说，只有在物理内存已经不够使用的时候，它才会发挥作用。 显示效果： 什么是虚拟内存　　不知大家发现没有，在Windows 2000（XP）目录下有一个名为pagefile.sys的系统文件（Windows 98下为Win386.swp），它的大小经常自己发生变动，小的时候可能只有几十兆，大的时候则有数百兆，这种毫无规律的变化实在让很多人摸不着头脑。其实，pagefile.sys是Windows下的一个虚拟内存，它的作用与物理内存基本相似，但它是作为物理内存的“后备力量”而存在的，也就是说，只有在物理内存已经不够使用的时候，它才会发挥作用。 文字装在条幅中走马灯式移动的代码： 什么是虚拟内存 不知大家发现没有，在Windows 2000（XP）目录下有一个名为pagefile.sys的系统文件（Windows 98下为Win386.swp）， 它的大小经常自己发生变动，小的时候可能只有几十兆，大的时候则有数百兆， 这种毫无规律的变化实在让很多人摸不着头脑。其实，pagefile.sys是Windows下的一个虚拟内存， 它的作用与物理内存基本相似，但它是作为物理内存的“后备力量”而存在的，也就是说，只有在物理内存已经不够使用的时候，它才会发挥作用。 显示效果： 什么是虚拟内存不知大家发现没有，在Windows 2000（XP）目录下有一个名为pagefile.sys的系统文件（Windows 98下为Win386.swp），它的大小经常自己发生变动，小的时候可能只有几十兆，大的时候则有数百兆，这种毫无规律的变化实在让很多人摸不着头脑。其实，pagefile.sys是Windows下的一个虚拟内存，它的作用与物理内存基本相似，但它是作为物理内存的“后备力量”而存在的，也就是说，只有在物理内存已经不够使用的时候，它才会发挥作用。 文字装在文本框内从下向上移动的代码： 什么是虚拟内存 不知大家发现没有，在Windows 2000（XP）目录下有一个名为pagefile.sys的系统文件（Windows 98下为Win386.swp）， 它的大小经常自己发生变动，小的时候可能只有几十兆，大的时候则有数百兆， 这种毫无规律的变化实在让很多人摸不着头脑。其实，pagefile.sys是Windows下的一个虚拟内存， 它的作用与物理内存基本相似，但它是作为物理内存的“后备力量”而存在的，也就是说，只有在物理内存已经不够使用的时候，它才会发挥作用。 显示效果： 什么是虚拟内存不知大家发现没有，在Windows 2000（XP）目录下有一个名为pagefile.sys的系统文件（Windows 98下为Win386.swp），它的大小经常自己发生变动，小的时候可能只有几十兆，大的时候则有数百兆，这种毫无规律的变化实在让很多人摸不着头脑。其实，pagefile.sys是Windows下的一个虚拟内存，它的作用与物理内存基本相似，但它是作为物理内存的“后备力量”而存在的，也就是说，只有在物理内存已经不够使用的时候，它才会发挥作用。 （待续）

春晓

欢迎您！启步学代码。 （七）（供初学HTML代码的朋友参考） 学用代码贴特效美术字。 网页上有不少漂亮的美术字，这些特效文字是用软件或代码做成的。要用代码编辑美术字，必须弄懂较多的有关代码知识。先借人家编成的来套用吧！ （一） 欢迎您来到网络世界的代码： 欢迎您来到网络世界。。 显示效果： 欢迎您来到网络世界。 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> （二） 插入一段诗的代码： 轻轻的我走了， 正如我轻轻的来； 我轻轻的招手， 作别西天的云彩。 显示效果： 轻轻的我走了， 正如我轻轻的来； 我轻轻的招手， 作别西天的云彩。 （三） 漂亮的美贴！的代码： 漂亮的美贴！ 显示效果： 漂亮的美贴！ 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> （四） 欢迎光临的代码： 欢迎光临 显示效果： 欢迎光临 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> （五） 江山如此多娇代码： 江山如此多娇 江山如此多娇 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> （六） 假如爱有天意代码： 假如爱有天意 假如爱有天意 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> （七） 谢谢！！欣赏！！代码： 谢谢！！欣赏！！ 谢谢！！欣赏！！ 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> （八） 走进新时代！代码： 走进新时代！ 走进新时代！ 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> （九） 祝您生日快乐！代码： 祝您生日快乐！ 祝您生日快乐！ 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> （十） 我爱美丽的大自然 代码： 我爱美丽的大自然 　我爱美丽的大自然 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> （十一） 保护生态环境代码： 保护生态环境 保护生态环境 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> （十二） 努力学习，争取进步。代码： 努力学习，争取进步。 努力学习，争取进步。 （十三） 欢迎来到这里代码： 欢迎来到这里！ 欢迎来到这里！ （十四） 做的太好了，谢谢！代码： 做的太好了，谢谢！ 做的太好了，谢谢！ （十五） 漂亮美术“顶”字的代码： 顶 　 显示效果： 顶 （十六）这里风景独好请您欣赏 这里风景独好请您欣赏！ 　 显示效果： 这里风景独好请您欣赏！ （十七）特效文字的代码 特效文字的代码 　 显示效果： 特效文字的代码 （十八）幸福快乐的代码 幸 福 快 乐 　 显示效果： 幸 福 快 乐 （待续）