桐城网

 找回密码
 我要注册

QQ登录

只需一步,快速开始

查看: 12225|回复: 80

欢迎您!启步学代码《转载》

[复制链接]

114

主题

4135

回帖

4256

积分

桐网举人

Rank: 4

积分
4256
鲜花(0) 鸡蛋(0)
发表于 2006-8-17 16:04:51 | 显示全部楼层 |阅读模式
<BR><DIV id=table1 style="LEFT: -210px; WIDTH: 800px; POSITION: relative; TOP: 40px"><TABLE style="BORDER-LEFT-COLOR: #fbd44c; BORDER-BOTTOM-COLOR: #fbd44c; BORDER-TOP-STYLE: ridge; BORDER-TOP-COLOR: #fbd44c; BORDER-RIGHT-STYLE: ridge; BORDER-LEFT-STYLE: ridge; BORDER-RIGHT-COLOR: #fbd44c; BORDER-BOTTOM-STYLE: ridge" height=“100%” cellSpacing=1 cellPadding=0 width=770 border=14><TBODY><TR><TD bgColor=#000000><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0><TBODY><TR><TD align=left width="20%"><IMG onmousewheel="return bbimg(this)" style="CURSOR: pointer" onclick=javascript:window.open(this.src); src="http://img.gw.com.cn/UploadFile/2005/7/21/916191.gif" onload="javascript:if(this.width>screen.width-500)this.style.width=screen.width-500;"></TD><TD align=middle width="60%"><INPUT type=image width=400 src="http://bener.51.net/img/bar.gif"><BR><BR><BR><BR></TD><TD align=right width="20%"><IMG onmousewheel="return bbimg(this)" style="CURSOR: pointer; ZOOM: 80%" onclick=javascript:window.open(this.src); src="http://img.gw.com.cn/UploadFile/2005/7/21/3461867.gif" onload="javascript:if(this.width>screen.width-500)this.style.width=screen.width-500;"></TD></TR></TBODY></TABLE><TABLE cellSpacing=0 cellPadding=20 width="100%" border=0><TBODY><TR><TD><CENTER><FONT style="FONT-SIZE: 25pt; FILTER: shadow color=apar); WIDTH: 100%; COLOR: #00ff00; LINE-HEIGHT: 150%" face=隶书>欢迎您!启步学代码。<BR>(1)</FONT><BR><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 14pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=楷体_GB2312 color=#fff000>(游子编辑 供初学HTML代码的朋友参考) <BR><BR><P align=left><BR>&nbsp;&nbsp; 在网上经常见到很多精彩漂亮的网页和贴图。这些佳作都是用各种代码和软件编辑出来的。很想学一点,可是看教材头就晕,入门难呵!后来采用从简入手,边学边测试,才学到一点点东东。 没有专业知识,如何启步呢?只要你会电脑系统操作和26个英文字母就可以了。先看一遍HTML语言教材,看不懂也无关系,以后回来再学习。学本领,读书还是要的。</P><BR><P align=left><BR>&nbsp;&nbsp;简略认识一下HTML代码。HTML是一种用来制作超文本文档的简单标记语言,与普通文档不同,它可以加入文字、图片、声音、动画、影视等内容,可以从一个文件跳转到另一个文件,与世界各地主机的文件连接,通过WWW浏览器显示出效果。它的特点是用一对小尖括弧(“&lt;&nbsp;&nbsp;和&nbsp;&nbsp;&gt;")作为标签。所谓标签,就是它采用了一系列的指令符号来控制输出的效果,这些指令符号用“&lt;标签名字 属性&gt;”来表示。而且大部份是成对的双标签,即首标签和尾标签。<BR><BR>&nbsp;&nbsp;可以用实际例子来理解标签的含义。我们要在页面上显示“网络世界”四个红色隶书大字,就必须用下面文字设置代码。<BR><BR>&lt;font style=font:60pt face=隶书 color=ff0000&gt;<BR>网络世界<BR>&lt;/font&gt;<BR><BR>显示结果:<BR><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 60pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#ff0000>网络世界</FONT><BR><BR>&nbsp;&nbsp;这组文字设置代码在网络世界前面的是“始标签”,在网络世界后面的是“尾标签”。始标签有一个标签名字和三个属性内容。尾标签在标签名字前加一斜杆即可,不用标记属性内容。对照说明:<BR><BR>&lt;font style=font:60pt face=隶书 color=ff0000&gt;<BR>网络世界<BR>&lt;/font&gt;<BR><BR>代码的第一行标签名&nbsp;&nbsp;字号大小&nbsp;&nbsp;什么字体 字的颜色<BR>代码的第二行&nbsp;&nbsp;&nbsp;&nbsp; 文字内容<BR>代码的第三行&nbsp;&nbsp;尾标签 <BR><BR>&nbsp;&nbsp;在“网络世界”4个字前面加一个移动始标签&lt;marquee&gt;,后面加一个尾标签&lt;/marquee&gt;,这4个字就能移动了。<BR>移动标签代码:<BR>&lt;marquee&gt;网络世界&lt;/marquee&gt;。<BR>只有名称,没有其他属性内容时,系统默认从右向左走。显示结果:<BR><BR><BR><MARQUEE>网络世界</MARQUEE><BR><BR>&nbsp;&nbsp;增加移动标签的属性内容和属值,就能实现其他移动的方向和速度。例如为上面“网络世界”四个大字从左向右走编一组代码:<BR><BR>&lt;marquee direction=right scrollamount=2&gt;<BR>&lt;font style=font:60pt face=隶书 color=ff0000&gt;网络世界&lt;/font&gt;<BR>&lt;/marquee&gt; <BR><MARQUEE scrollAmount=2 direction=right><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 60pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#ff0000>网络世界</FONT></MARQUEE><BR>&nbsp;&nbsp;代码的第一行是移动的始标签,内有标签名marquee和两个属性内容,即direction=right移动方向和scrollamount=2移动速度。<BR>&nbsp;&nbsp;代码的第二行和第三行是一组有三个属性内容的文字设置标签。“始标签 ”和文字内容以及“尾标签”都套在移动标签内。<BR>&nbsp;&nbsp;代码的第四行是移动标签的结尾标签。 <BR><BR>&nbsp;&nbsp;记住:HTML标签是成对的,前面有一个始标签,后面必须有一个尾标签,不可多也不可少。 只有少数几个标签可以单独使用,如过行&lt;br&gt;代码就不用尾标签。 <BR><BR><CENTER>启步学习代码先从三个内容入手:<BR>(一)文字设置或叫布局。&nbsp;&nbsp;<BR>(二)表格(图框)设置。&nbsp;&nbsp;<BR>(三)常用代码语句的应用。<BR><BR><P></FORM></CENTER><P align=center><IMG onmousewheel="return bbimg(this)" style="CURSOR: pointer; ZOOM: 70%" onclick=javascript:window.open(this.src); src="http://bbs.xxjy.net/UploadFile/2004-11/2004113183920955.gif" onload="javascript:if(this.width>screen.width-500)this.style.width=screen.width-500;"></P><BR><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#00ff00>编辑:游子<BR>(待续) <BR></FONT></CENTER><BR><H3>(为了让更多网友启步学代码,本贴欢迎转载。我用了很多时间和精神编写了这个资料,而且身体健康也付出不小代价,希望转载时不要把原创编辑游子的名字改掉。谢谢合作。)</H3></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><BR></DIV>
【分享精彩·网聚未来】 我骄傲,我是桐城人! 桐城网宗旨:弘扬主旋律,讴歌真善美,传播正能量,彰显精气神。

114

主题

4135

回帖

4256

积分

桐网举人

Rank: 4

积分
4256
鲜花(0) 鸡蛋(0)
 楼主| 发表于 2006-8-17 16:04:51 | 显示全部楼层 |阅读模式
<BR><DIV id=table1 style="LEFT: -210px; WIDTH: 800px; POSITION: relative; TOP: 40px"><TABLE style="BORDER-LEFT-COLOR: #fbd44c; BORDER-BOTTOM-COLOR: #fbd44c; BORDER-TOP-STYLE: ridge; BORDER-TOP-COLOR: #fbd44c; BORDER-RIGHT-STYLE: ridge; BORDER-LEFT-STYLE: ridge; BORDER-RIGHT-COLOR: #fbd44c; BORDER-BOTTOM-STYLE: ridge" height=“100%” cellSpacing=1 cellPadding=0 width=770 border=14><TBODY><TR><TD bgColor=#000000><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0><TBODY><TR><TD align=left width="20%"><IMG onmousewheel="return bbimg(this)" style="CURSOR: pointer" onclick=javascript:window.open(this.src); src="http://img.gw.com.cn/UploadFile/2005/7/21/916191.gif" onload="javascript:if(this.width>screen.width-500)this.style.width=screen.width-500;"></TD><TD align=middle width="60%"><INPUT type=image width=400 src="http://bener.51.net/img/bar.gif"><BR><BR><BR><BR></TD><TD align=right width="20%"><IMG onmousewheel="return bbimg(this)" style="CURSOR: pointer; ZOOM: 80%" onclick=javascript:window.open(this.src); src="http://img.gw.com.cn/UploadFile/2005/7/21/3461867.gif" onload="javascript:if(this.width>screen.width-500)this.style.width=screen.width-500;"></TD></TR></TBODY></TABLE><TABLE cellSpacing=0 cellPadding=20 width="100%" border=0><TBODY><TR><TD><CENTER><FONT style="FONT-SIZE: 25pt; FILTER: shadow color=apar); WIDTH: 100%; COLOR: #00ff00; LINE-HEIGHT: 150%" face=隶书>欢迎您!启步学代码。<BR>(1)</FONT><BR><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 14pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=楷体_GB2312 color=#fff000>(游子编辑 供初学HTML代码的朋友参考) <BR><BR><P align=left><BR>&nbsp;&nbsp; 在网上经常见到很多精彩漂亮的网页和贴图。这些佳作都是用各种代码和软件编辑出来的。很想学一点,可是看教材头就晕,入门难呵!后来采用从简入手,边学边测试,才学到一点点东东。 没有专业知识,如何启步呢?只要你会电脑系统操作和26个英文字母就可以了。先看一遍HTML语言教材,看不懂也无关系,以后回来再学习。学本领,读书还是要的。</P><BR><P align=left><BR>&nbsp;&nbsp;简略认识一下HTML代码。HTML是一种用来制作超文本文档的简单标记语言,与普通文档不同,它可以加入文字、图片、声音、动画、影视等内容,可以从一个文件跳转到另一个文件,与世界各地主机的文件连接,通过WWW浏览器显示出效果。它的特点是用一对小尖括弧(“&lt;&nbsp;&nbsp;和&nbsp;&nbsp;&gt;")作为标签。所谓标签,就是它采用了一系列的指令符号来控制输出的效果,这些指令符号用“&lt;标签名字 属性&gt;”来表示。而且大部份是成对的双标签,即首标签和尾标签。<BR><BR>&nbsp;&nbsp;可以用实际例子来理解标签的含义。我们要在页面上显示“网络世界”四个红色隶书大字,就必须用下面文字设置代码。<BR><BR>&lt;font style=font:60pt face=隶书 color=ff0000&gt;<BR>网络世界<BR>&lt;/font&gt;<BR><BR>显示结果:<BR><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 60pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#ff0000>网络世界</FONT><BR><BR>&nbsp;&nbsp;这组文字设置代码在网络世界前面的是“始标签”,在网络世界后面的是“尾标签”。始标签有一个标签名字和三个属性内容。尾标签在标签名字前加一斜杆即可,不用标记属性内容。对照说明:<BR><BR>&lt;font style=font:60pt face=隶书 color=ff0000&gt;<BR>网络世界<BR>&lt;/font&gt;<BR><BR>代码的第一行标签名&nbsp;&nbsp;字号大小&nbsp;&nbsp;什么字体 字的颜色<BR>代码的第二行&nbsp;&nbsp;&nbsp;&nbsp; 文字内容<BR>代码的第三行&nbsp;&nbsp;尾标签 <BR><BR>&nbsp;&nbsp;在“网络世界”4个字前面加一个移动始标签&lt;marquee&gt;,后面加一个尾标签&lt;/marquee&gt;,这4个字就能移动了。<BR>移动标签代码:<BR>&lt;marquee&gt;网络世界&lt;/marquee&gt;。<BR>只有名称,没有其他属性内容时,系统默认从右向左走。显示结果:<BR><BR><BR><MARQUEE>网络世界</MARQUEE><BR><BR>&nbsp;&nbsp;增加移动标签的属性内容和属值,就能实现其他移动的方向和速度。例如为上面“网络世界”四个大字从左向右走编一组代码:<BR><BR>&lt;marquee direction=right scrollamount=2&gt;<BR>&lt;font style=font:60pt face=隶书 color=ff0000&gt;网络世界&lt;/font&gt;<BR>&lt;/marquee&gt; <BR><MARQUEE scrollAmount=2 direction=right><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 60pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#ff0000>网络世界</FONT></MARQUEE><BR>&nbsp;&nbsp;代码的第一行是移动的始标签,内有标签名marquee和两个属性内容,即direction=right移动方向和scrollamount=2移动速度。<BR>&nbsp;&nbsp;代码的第二行和第三行是一组有三个属性内容的文字设置标签。“始标签 ”和文字内容以及“尾标签”都套在移动标签内。<BR>&nbsp;&nbsp;代码的第四行是移动标签的结尾标签。 <BR><BR>&nbsp;&nbsp;记住:HTML标签是成对的,前面有一个始标签,后面必须有一个尾标签,不可多也不可少。 只有少数几个标签可以单独使用,如过行&lt;br&gt;代码就不用尾标签。 <BR><BR><CENTER>启步学习代码先从三个内容入手:<BR>(一)文字设置或叫布局。&nbsp;&nbsp;<BR>(二)表格(图框)设置。&nbsp;&nbsp;<BR>(三)常用代码语句的应用。<BR><BR><P></FORM></CENTER><P align=center><IMG onmousewheel="return bbimg(this)" style="CURSOR: pointer; ZOOM: 70%" onclick=javascript:window.open(this.src); src="http://bbs.xxjy.net/UploadFile/2004-11/2004113183920955.gif" onload="javascript:if(this.width>screen.width-500)this.style.width=screen.width-500;"></P><BR><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#00ff00>编辑:游子<BR>(待续) <BR></FONT></CENTER><BR><H3>(为了让更多网友启步学代码,本贴欢迎转载。我用了很多时间和精神编写了这个资料,而且身体健康也付出不小代价,希望转载时不要把原创编辑游子的名字改掉。谢谢合作。)</H3></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><BR></DIV>
【分享精彩·网聚未来】 我骄傲,我是桐城人! 桐城网宗旨:弘扬主旋律,讴歌真善美,传播正能量,彰显精气神。

114

主题

4135

回帖

4256

积分

桐网举人

Rank: 4

积分
4256
鲜花(0) 鸡蛋(0)
 楼主| 发表于 2006-8-17 16:04:51 | 显示全部楼层 |阅读模式
<BR><DIV id=table1 style="LEFT: -210px; WIDTH: 800px; POSITION: relative; TOP: 40px"><TABLE style="BORDER-LEFT-COLOR: #fbd44c; BORDER-BOTTOM-COLOR: #fbd44c; BORDER-TOP-STYLE: ridge; BORDER-TOP-COLOR: #fbd44c; BORDER-RIGHT-STYLE: ridge; BORDER-LEFT-STYLE: ridge; BORDER-RIGHT-COLOR: #fbd44c; BORDER-BOTTOM-STYLE: ridge" height=“100%” cellSpacing=1 cellPadding=0 width=770 border=14><TBODY><TR><TD bgColor=#000000><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0><TBODY><TR><TD align=left width="20%"><IMG onmousewheel="return bbimg(this)" style="CURSOR: pointer" onclick=javascript:window.open(this.src); src="http://img.gw.com.cn/UploadFile/2005/7/21/916191.gif" onload="javascript:if(this.width>screen.width-500)this.style.width=screen.width-500;"></TD><TD align=middle width="60%"><INPUT type=image width=400 src="http://bener.51.net/img/bar.gif"><BR><BR><BR><BR></TD><TD align=right width="20%"><IMG onmousewheel="return bbimg(this)" style="CURSOR: pointer; ZOOM: 80%" onclick=javascript:window.open(this.src); src="http://img.gw.com.cn/UploadFile/2005/7/21/3461867.gif" onload="javascript:if(this.width>screen.width-500)this.style.width=screen.width-500;"></TD></TR></TBODY></TABLE><TABLE cellSpacing=0 cellPadding=20 width="100%" border=0><TBODY><TR><TD><CENTER><FONT style="FONT-SIZE: 25pt; FILTER: shadow color=apar); WIDTH: 100%; COLOR: #00ff00; LINE-HEIGHT: 150%" face=隶书>欢迎您!启步学代码。<BR>(1)</FONT><BR><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 14pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=楷体_GB2312 color=#fff000>(游子编辑 供初学HTML代码的朋友参考) <BR><BR><P align=left><BR>&nbsp;&nbsp; 在网上经常见到很多精彩漂亮的网页和贴图。这些佳作都是用各种代码和软件编辑出来的。很想学一点,可是看教材头就晕,入门难呵!后来采用从简入手,边学边测试,才学到一点点东东。 没有专业知识,如何启步呢?只要你会电脑系统操作和26个英文字母就可以了。先看一遍HTML语言教材,看不懂也无关系,以后回来再学习。学本领,读书还是要的。</P><BR><P align=left><BR>&nbsp;&nbsp;简略认识一下HTML代码。HTML是一种用来制作超文本文档的简单标记语言,与普通文档不同,它可以加入文字、图片、声音、动画、影视等内容,可以从一个文件跳转到另一个文件,与世界各地主机的文件连接,通过WWW浏览器显示出效果。它的特点是用一对小尖括弧(“&lt;&nbsp;&nbsp;和&nbsp;&nbsp;&gt;")作为标签。所谓标签,就是它采用了一系列的指令符号来控制输出的效果,这些指令符号用“&lt;标签名字 属性&gt;”来表示。而且大部份是成对的双标签,即首标签和尾标签。<BR><BR>&nbsp;&nbsp;可以用实际例子来理解标签的含义。我们要在页面上显示“网络世界”四个红色隶书大字,就必须用下面文字设置代码。<BR><BR>&lt;font style=font:60pt face=隶书 color=ff0000&gt;<BR>网络世界<BR>&lt;/font&gt;<BR><BR>显示结果:<BR><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 60pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#ff0000>网络世界</FONT><BR><BR>&nbsp;&nbsp;这组文字设置代码在网络世界前面的是“始标签”,在网络世界后面的是“尾标签”。始标签有一个标签名字和三个属性内容。尾标签在标签名字前加一斜杆即可,不用标记属性内容。对照说明:<BR><BR>&lt;font style=font:60pt face=隶书 color=ff0000&gt;<BR>网络世界<BR>&lt;/font&gt;<BR><BR>代码的第一行标签名&nbsp;&nbsp;字号大小&nbsp;&nbsp;什么字体 字的颜色<BR>代码的第二行&nbsp;&nbsp;&nbsp;&nbsp; 文字内容<BR>代码的第三行&nbsp;&nbsp;尾标签 <BR><BR>&nbsp;&nbsp;在“网络世界”4个字前面加一个移动始标签&lt;marquee&gt;,后面加一个尾标签&lt;/marquee&gt;,这4个字就能移动了。<BR>移动标签代码:<BR>&lt;marquee&gt;网络世界&lt;/marquee&gt;。<BR>只有名称,没有其他属性内容时,系统默认从右向左走。显示结果:<BR><BR><BR><MARQUEE>网络世界</MARQUEE><BR><BR>&nbsp;&nbsp;增加移动标签的属性内容和属值,就能实现其他移动的方向和速度。例如为上面“网络世界”四个大字从左向右走编一组代码:<BR><BR>&lt;marquee direction=right scrollamount=2&gt;<BR>&lt;font style=font:60pt face=隶书 color=ff0000&gt;网络世界&lt;/font&gt;<BR>&lt;/marquee&gt; <BR><MARQUEE scrollAmount=2 direction=right><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 60pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#ff0000>网络世界</FONT></MARQUEE><BR>&nbsp;&nbsp;代码的第一行是移动的始标签,内有标签名marquee和两个属性内容,即direction=right移动方向和scrollamount=2移动速度。<BR>&nbsp;&nbsp;代码的第二行和第三行是一组有三个属性内容的文字设置标签。“始标签 ”和文字内容以及“尾标签”都套在移动标签内。<BR>&nbsp;&nbsp;代码的第四行是移动标签的结尾标签。 <BR><BR>&nbsp;&nbsp;记住:HTML标签是成对的,前面有一个始标签,后面必须有一个尾标签,不可多也不可少。 只有少数几个标签可以单独使用,如过行&lt;br&gt;代码就不用尾标签。 <BR><BR><CENTER>启步学习代码先从三个内容入手:<BR>(一)文字设置或叫布局。&nbsp;&nbsp;<BR>(二)表格(图框)设置。&nbsp;&nbsp;<BR>(三)常用代码语句的应用。<BR><BR><P></FORM></CENTER><P align=center><IMG onmousewheel="return bbimg(this)" style="CURSOR: pointer; ZOOM: 70%" onclick=javascript:window.open(this.src); src="http://bbs.xxjy.net/UploadFile/2004-11/2004113183920955.gif" onload="javascript:if(this.width>screen.width-500)this.style.width=screen.width-500;"></P><BR><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#00ff00>编辑:游子<BR>(待续) <BR></FONT></CENTER><BR><H3>(为了让更多网友启步学代码,本贴欢迎转载。我用了很多时间和精神编写了这个资料,而且身体健康也付出不小代价,希望转载时不要把原创编辑游子的名字改掉。谢谢合作。)</H3></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><BR></DIV>
【分享精彩·网聚未来】 我骄傲,我是桐城人! 桐城网宗旨:弘扬主旋律,讴歌真善美,传播正能量,彰显精气神。

114

主题

4135

回帖

4256

积分

桐网举人

Rank: 4

积分
4256
鲜花(0) 鸡蛋(0)
 楼主| 发表于 2006-8-17 16:04:51 | 显示全部楼层 |阅读模式
<BR><DIV id=table1 style="LEFT: -210px; WIDTH: 800px; POSITION: relative; TOP: 40px"><TABLE style="BORDER-LEFT-COLOR: #fbd44c; BORDER-BOTTOM-COLOR: #fbd44c; BORDER-TOP-STYLE: ridge; BORDER-TOP-COLOR: #fbd44c; BORDER-RIGHT-STYLE: ridge; BORDER-LEFT-STYLE: ridge; BORDER-RIGHT-COLOR: #fbd44c; BORDER-BOTTOM-STYLE: ridge" height=“100%” cellSpacing=1 cellPadding=0 width=770 border=14><TBODY><TR><TD bgColor=#000000><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0><TBODY><TR><TD align=left width="20%"><IMG onmousewheel="return bbimg(this)" style="CURSOR: pointer" onclick=javascript:window.open(this.src); src="http://img.gw.com.cn/UploadFile/2005/7/21/916191.gif" onload="javascript:if(this.width>screen.width-500)this.style.width=screen.width-500;"></TD><TD align=middle width="60%"><INPUT type=image width=400 src="http://bener.51.net/img/bar.gif"><BR><BR><BR><BR></TD><TD align=right width="20%"><IMG onmousewheel="return bbimg(this)" style="CURSOR: pointer; ZOOM: 80%" onclick=javascript:window.open(this.src); src="http://img.gw.com.cn/UploadFile/2005/7/21/3461867.gif" onload="javascript:if(this.width>screen.width-500)this.style.width=screen.width-500;"></TD></TR></TBODY></TABLE><TABLE cellSpacing=0 cellPadding=20 width="100%" border=0><TBODY><TR><TD><CENTER><FONT style="FONT-SIZE: 25pt; FILTER: shadow color=apar); WIDTH: 100%; COLOR: #00ff00; LINE-HEIGHT: 150%" face=隶书>欢迎您!启步学代码。<BR>(1)</FONT><BR><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 14pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=楷体_GB2312 color=#fff000>(游子编辑 供初学HTML代码的朋友参考) <BR><BR><P align=left><BR>&nbsp;&nbsp; 在网上经常见到很多精彩漂亮的网页和贴图。这些佳作都是用各种代码和软件编辑出来的。很想学一点,可是看教材头就晕,入门难呵!后来采用从简入手,边学边测试,才学到一点点东东。 没有专业知识,如何启步呢?只要你会电脑系统操作和26个英文字母就可以了。先看一遍HTML语言教材,看不懂也无关系,以后回来再学习。学本领,读书还是要的。</P><BR><P align=left><BR>&nbsp;&nbsp;简略认识一下HTML代码。HTML是一种用来制作超文本文档的简单标记语言,与普通文档不同,它可以加入文字、图片、声音、动画、影视等内容,可以从一个文件跳转到另一个文件,与世界各地主机的文件连接,通过WWW浏览器显示出效果。它的特点是用一对小尖括弧(“&lt;&nbsp;&nbsp;和&nbsp;&nbsp;&gt;")作为标签。所谓标签,就是它采用了一系列的指令符号来控制输出的效果,这些指令符号用“&lt;标签名字 属性&gt;”来表示。而且大部份是成对的双标签,即首标签和尾标签。<BR><BR>&nbsp;&nbsp;可以用实际例子来理解标签的含义。我们要在页面上显示“网络世界”四个红色隶书大字,就必须用下面文字设置代码。<BR><BR>&lt;font style=font:60pt face=隶书 color=ff0000&gt;<BR>网络世界<BR>&lt;/font&gt;<BR><BR>显示结果:<BR><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 60pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#ff0000>网络世界</FONT><BR><BR>&nbsp;&nbsp;这组文字设置代码在网络世界前面的是“始标签”,在网络世界后面的是“尾标签”。始标签有一个标签名字和三个属性内容。尾标签在标签名字前加一斜杆即可,不用标记属性内容。对照说明:<BR><BR>&lt;font style=font:60pt face=隶书 color=ff0000&gt;<BR>网络世界<BR>&lt;/font&gt;<BR><BR>代码的第一行标签名&nbsp;&nbsp;字号大小&nbsp;&nbsp;什么字体 字的颜色<BR>代码的第二行&nbsp;&nbsp;&nbsp;&nbsp; 文字内容<BR>代码的第三行&nbsp;&nbsp;尾标签 <BR><BR>&nbsp;&nbsp;在“网络世界”4个字前面加一个移动始标签&lt;marquee&gt;,后面加一个尾标签&lt;/marquee&gt;,这4个字就能移动了。<BR>移动标签代码:<BR>&lt;marquee&gt;网络世界&lt;/marquee&gt;。<BR>只有名称,没有其他属性内容时,系统默认从右向左走。显示结果:<BR><BR><BR><MARQUEE>网络世界</MARQUEE><BR><BR>&nbsp;&nbsp;增加移动标签的属性内容和属值,就能实现其他移动的方向和速度。例如为上面“网络世界”四个大字从左向右走编一组代码:<BR><BR>&lt;marquee direction=right scrollamount=2&gt;<BR>&lt;font style=font:60pt face=隶书 color=ff0000&gt;网络世界&lt;/font&gt;<BR>&lt;/marquee&gt; <BR><MARQUEE scrollAmount=2 direction=right><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 60pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#ff0000>网络世界</FONT></MARQUEE><BR>&nbsp;&nbsp;代码的第一行是移动的始标签,内有标签名marquee和两个属性内容,即direction=right移动方向和scrollamount=2移动速度。<BR>&nbsp;&nbsp;代码的第二行和第三行是一组有三个属性内容的文字设置标签。“始标签 ”和文字内容以及“尾标签”都套在移动标签内。<BR>&nbsp;&nbsp;代码的第四行是移动标签的结尾标签。 <BR><BR>&nbsp;&nbsp;记住:HTML标签是成对的,前面有一个始标签,后面必须有一个尾标签,不可多也不可少。 只有少数几个标签可以单独使用,如过行&lt;br&gt;代码就不用尾标签。 <BR><BR><CENTER>启步学习代码先从三个内容入手:<BR>(一)文字设置或叫布局。&nbsp;&nbsp;<BR>(二)表格(图框)设置。&nbsp;&nbsp;<BR>(三)常用代码语句的应用。<BR><BR><P></FORM></CENTER><P align=center><IMG onmousewheel="return bbimg(this)" style="CURSOR: pointer; ZOOM: 70%" onclick=javascript:window.open(this.src); src="http://bbs.xxjy.net/UploadFile/2004-11/2004113183920955.gif" onload="javascript:if(this.width>screen.width-500)this.style.width=screen.width-500;"></P><BR><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#00ff00>编辑:游子<BR>(待续) <BR></FONT></CENTER><BR><H3>(为了让更多网友启步学代码,本贴欢迎转载。我用了很多时间和精神编写了这个资料,而且身体健康也付出不小代价,希望转载时不要把原创编辑游子的名字改掉。谢谢合作。)</H3></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><BR></DIV>
【分享精彩·网聚未来】 我骄傲,我是桐城人! 桐城网宗旨:弘扬主旋律,讴歌真善美,传播正能量,彰显精气神。

114

主题

4135

回帖

4256

积分

桐网举人

Rank: 4

积分
4256
鲜花(0) 鸡蛋(0)
 楼主| 发表于 2006-8-17 16:04:51 | 显示全部楼层 |阅读模式
<BR><DIV id=table1 style="LEFT: -210px; WIDTH: 800px; POSITION: relative; TOP: 40px"><TABLE style="BORDER-LEFT-COLOR: #fbd44c; BORDER-BOTTOM-COLOR: #fbd44c; BORDER-TOP-STYLE: ridge; BORDER-TOP-COLOR: #fbd44c; BORDER-RIGHT-STYLE: ridge; BORDER-LEFT-STYLE: ridge; BORDER-RIGHT-COLOR: #fbd44c; BORDER-BOTTOM-STYLE: ridge" height=“100%” cellSpacing=1 cellPadding=0 width=770 border=14><TBODY><TR><TD bgColor=#000000><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0><TBODY><TR><TD align=left width="20%"><IMG onmousewheel="return bbimg(this)" style="CURSOR: pointer" onclick=javascript:window.open(this.src); src="http://img.gw.com.cn/UploadFile/2005/7/21/916191.gif" onload="javascript:if(this.width>screen.width-500)this.style.width=screen.width-500;"></TD><TD align=middle width="60%"><INPUT type=image width=400 src="http://bener.51.net/img/bar.gif"><BR><BR><BR><BR></TD><TD align=right width="20%"><IMG onmousewheel="return bbimg(this)" style="CURSOR: pointer; ZOOM: 80%" onclick=javascript:window.open(this.src); src="http://img.gw.com.cn/UploadFile/2005/7/21/3461867.gif" onload="javascript:if(this.width>screen.width-500)this.style.width=screen.width-500;"></TD></TR></TBODY></TABLE><TABLE cellSpacing=0 cellPadding=20 width="100%" border=0><TBODY><TR><TD><CENTER><FONT style="FONT-SIZE: 25pt; FILTER: shadow color=apar); WIDTH: 100%; COLOR: #00ff00; LINE-HEIGHT: 150%" face=隶书>欢迎您!启步学代码。<BR>(1)</FONT><BR><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 14pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=楷体_GB2312 color=#fff000>(游子编辑 供初学HTML代码的朋友参考) <BR><BR><P align=left><BR>&nbsp;&nbsp; 在网上经常见到很多精彩漂亮的网页和贴图。这些佳作都是用各种代码和软件编辑出来的。很想学一点,可是看教材头就晕,入门难呵!后来采用从简入手,边学边测试,才学到一点点东东。 没有专业知识,如何启步呢?只要你会电脑系统操作和26个英文字母就可以了。先看一遍HTML语言教材,看不懂也无关系,以后回来再学习。学本领,读书还是要的。</P><BR><P align=left><BR>&nbsp;&nbsp;简略认识一下HTML代码。HTML是一种用来制作超文本文档的简单标记语言,与普通文档不同,它可以加入文字、图片、声音、动画、影视等内容,可以从一个文件跳转到另一个文件,与世界各地主机的文件连接,通过WWW浏览器显示出效果。它的特点是用一对小尖括弧(“&lt;&nbsp;&nbsp;和&nbsp;&nbsp;&gt;")作为标签。所谓标签,就是它采用了一系列的指令符号来控制输出的效果,这些指令符号用“&lt;标签名字 属性&gt;”来表示。而且大部份是成对的双标签,即首标签和尾标签。<BR><BR>&nbsp;&nbsp;可以用实际例子来理解标签的含义。我们要在页面上显示“网络世界”四个红色隶书大字,就必须用下面文字设置代码。<BR><BR>&lt;font style=font:60pt face=隶书 color=ff0000&gt;<BR>网络世界<BR>&lt;/font&gt;<BR><BR>显示结果:<BR><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 60pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#ff0000>网络世界</FONT><BR><BR>&nbsp;&nbsp;这组文字设置代码在网络世界前面的是“始标签”,在网络世界后面的是“尾标签”。始标签有一个标签名字和三个属性内容。尾标签在标签名字前加一斜杆即可,不用标记属性内容。对照说明:<BR><BR>&lt;font style=font:60pt face=隶书 color=ff0000&gt;<BR>网络世界<BR>&lt;/font&gt;<BR><BR>代码的第一行标签名&nbsp;&nbsp;字号大小&nbsp;&nbsp;什么字体 字的颜色<BR>代码的第二行&nbsp;&nbsp;&nbsp;&nbsp; 文字内容<BR>代码的第三行&nbsp;&nbsp;尾标签 <BR><BR>&nbsp;&nbsp;在“网络世界”4个字前面加一个移动始标签&lt;marquee&gt;,后面加一个尾标签&lt;/marquee&gt;,这4个字就能移动了。<BR>移动标签代码:<BR>&lt;marquee&gt;网络世界&lt;/marquee&gt;。<BR>只有名称,没有其他属性内容时,系统默认从右向左走。显示结果:<BR><BR><BR><MARQUEE>网络世界</MARQUEE><BR><BR>&nbsp;&nbsp;增加移动标签的属性内容和属值,就能实现其他移动的方向和速度。例如为上面“网络世界”四个大字从左向右走编一组代码:<BR><BR>&lt;marquee direction=right scrollamount=2&gt;<BR>&lt;font style=font:60pt face=隶书 color=ff0000&gt;网络世界&lt;/font&gt;<BR>&lt;/marquee&gt; <BR><MARQUEE scrollAmount=2 direction=right><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 60pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#ff0000>网络世界</FONT></MARQUEE><BR>&nbsp;&nbsp;代码的第一行是移动的始标签,内有标签名marquee和两个属性内容,即direction=right移动方向和scrollamount=2移动速度。<BR>&nbsp;&nbsp;代码的第二行和第三行是一组有三个属性内容的文字设置标签。“始标签 ”和文字内容以及“尾标签”都套在移动标签内。<BR>&nbsp;&nbsp;代码的第四行是移动标签的结尾标签。 <BR><BR>&nbsp;&nbsp;记住:HTML标签是成对的,前面有一个始标签,后面必须有一个尾标签,不可多也不可少。 只有少数几个标签可以单独使用,如过行&lt;br&gt;代码就不用尾标签。 <BR><BR><CENTER>启步学习代码先从三个内容入手:<BR>(一)文字设置或叫布局。&nbsp;&nbsp;<BR>(二)表格(图框)设置。&nbsp;&nbsp;<BR>(三)常用代码语句的应用。<BR><BR><P></FORM></CENTER><P align=center><IMG onmousewheel="return bbimg(this)" style="CURSOR: pointer; ZOOM: 70%" onclick=javascript:window.open(this.src); src="http://bbs.xxjy.net/UploadFile/2004-11/2004113183920955.gif" onload="javascript:if(this.width>screen.width-500)this.style.width=screen.width-500;"></P><BR><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#00ff00>编辑:游子<BR>(待续) <BR></FONT></CENTER><BR><H3>(为了让更多网友启步学代码,本贴欢迎转载。我用了很多时间和精神编写了这个资料,而且身体健康也付出不小代价,希望转载时不要把原创编辑游子的名字改掉。谢谢合作。)</H3></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><BR></DIV>
【分享精彩·网聚未来】 我骄傲,我是桐城人! 桐城网宗旨:弘扬主旋律,讴歌真善美,传播正能量,彰显精气神。

12

主题

438

回帖

501

积分

桐网贡生

Rank: 3Rank: 3

积分
501
鲜花(0) 鸡蛋(0)
发表于 2006-8-18 23:51:35 | 显示全部楼层

Re:欢迎您!启步学代码《转载》

恩还真是好劲~~~~
【分享精彩·网聚未来】 我骄傲,我是桐城人! 桐城网宗旨:弘扬主旋律,讴歌真善美,传播正能量,彰显精气神。

114

主题

4135

回帖

4256

积分

桐网举人

Rank: 4

积分
4256
鲜花(0) 鸡蛋(0)
 楼主| 发表于 2006-8-17 16:05:21 | 显示全部楼层

Re:欢迎您!启步学代码《转载》

<TABLE style="TABLE-LAYOUT: fixed; WORD-BREAK: break-all" height="85%" width="95%" align=center border=0><TBODY><TR><TD style="FONT-SIZE: 11pt; LINE-HEIGHT: 13pt" vAlign=top width=* height="100%"><IMG alt=发贴心情 src="http://www.guqu.net/bbs/Skins/Default/topicface/face1.gif" align=absMiddle border=0> <B></B><BR><TABLE style="BORDER-LEFT-COLOR: #fbd44c; BORDER-BOTTOM-COLOR: #fbd44c; BORDER-TOP-STYLE: ridge; BORDER-TOP-COLOR: #fbd44c; BORDER-RIGHT-STYLE: ridge; BORDER-LEFT-STYLE: ridge; BORDER-RIGHT-COLOR: #fbd44c; BORDER-BOTTOM-STYLE: ridge" cellSpacing=1 cellPadding=0 width=460 border=14><TBODY><TR><TD bgColor=#000000><TABLE cellSpacing=0 cellPadding=0 width=440 border=0><TBODY><TR><TD align=left width="20%"><IMG onmousewheel="return bbimg(this)" style="CURSOR: pointer" onclick=javascript:window.open(this.src); src="http://img.gw.com.cn/UploadFile/2005/7/21/916191.gif" onload="javascript:if(this.width>screen.width-500)this.style.width=screen.width-500;"></TD><TD></TD><TD align=right width="20%"><IMG onmousewheel="return bbimg(this)" style="CURSOR: pointer" onclick=javascript:window.open(this.src); src="http://img.gw.com.cn/UploadFile/2005/7/21/3461867.gif" onload="javascript:if(this.width>screen.width-500)this.style.width=screen.width-500;"></TD></TR></TBODY></TABLE><CENTER><FONT style="FONT-SIZE: 25pt; FILTER: shadow color=apar); WIDTH: 440px; COLOR: #00ff00; LINE-HEIGHT: 150%" face=隶书>欢迎您!启步学代码。<BR><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 14pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=楷体_GB2312 color=#fff000>(游子编辑 供初学HTML代码的朋友参考)</FONT><BR><BR> 目 录</FONT><BR><P align=left><TABLE cellSpacing=10 width=450 border=0><TBODY><TR><TD><P><A target=_blank href="http://bbs.gw.com.cn/UploadFile/2006-7/2006771914534592.txt" target=_blank><FONT face=黑体 color=#ceceff size=3>01:HTML代码是什么?</FONT></A></P></TD></TR><TR><TD><A target=_blank href="http://bbs.gw.com.cn/UploadFile/2006-7/2006771922131307.txt%20target=" _blank?><FONT face=黑体 color=#ceceff size=3>02:先来学文字设置的代码</FONT></A></TD></TR><TR><TD><A target=_blank href="http://bbs.gw.com.cn/UploadFile/2006-7/2006771923292880.txt" target=_blank><FONT face=黑体 color=#ceceff size=3>03:文字显示位置控制的代码</FONT></A></TD></TR><TR><TD><A target=_blank href="http://bbs.gw.com.cn/UploadFile/2006-7/2006771962930833.txt%20target=" _blank?><FONT face=黑体 color=#ceceff size=3>04:文字移动属性的设置</FONT></A></TD></TR><TR><TD><A target=_blank href="http://bbs.gw.com.cn/UploadFile/2006-7/200678523043664.txt" target=_blank><FONT face=黑体 color=#ceceff size=3>05:文字编辑常用代码语句</FONT></A></TD></TR><TR><TD><A target=_blank href="http://bbs.gw.com.cn/UploadFile/2006-7/200678524024031.txt" target=_blank><FONT face=黑体 color=#ceceff size=3>06:文字输出范围的设置-文本框</FONT></A></TD></TR><TR><TD><A target=_blank href="http://bbs.gw.com.cn/UploadFile/2006-7/200678525481307.txt" target=_blank><FONT face=黑体 color=#ceceff size=3>07:学用代码贴特效美术字</FONT></A></TD></TR><TR><TD><A target=_blank href="http://bbs.gw.com.cn/UploadFile/2006-7/200678574665068.txt" target=_blank><FONT face=黑体 color=#ceceff size=3>08:学习文字设置的几点体会</FONT></A></TD></TR><TR><TD><A target=_blank href="http://bbs.gw.com.cn/UploadFile/2006-7/200678575772765.txt" target=_blank><FONT face=黑体 color=#ceceff size=3>09:HTML代码编辑参考资料</FONT></A></TD></TR><TR><TD><A target=_blank href="http://bbs.gw.com.cn/UploadFile/2006-7/20067918385315356.txt" target=_blank><FONT face=黑体 color=#ceceff size=3>10:学习表格(图框)设置</FONT></A></TD></TR><TR><TD><A target=_blank href="http://bbs.gw.com.cn/UploadFile/2006-7/2006791839243014.txt" target=_blank><FONT face=黑体 color=#ceceff size=3>11 学习用表格属性做漂亮的代码边框。</FONT></A></TD></TR><TR><TD><A target=_blank href="http://bbs.gw.com.cn/UploadFile/2006-7/20067918391432204.txt" target=_blank><FONT face=黑体 color=#ceceff size=3>12:各种图片素材做边框套装</FONT></A></TD></TR><TR><TD><A target=_blank href="http://bbs.gw.com.cn/UploadFile/2006-7/20067918463195322.txt" target=_blank><FONT face=黑体 color=#ceceff size=3>13:如何在图框套装内贴图片和文字。</FONT></A></TD></TR><TR><TD><A target=_blank href="http://bbs.gw.com.cn/UploadFile/2006-7/20067918464225226.txt" target=_blank><FONT face=黑体 color=#ceceff size=3>14:特殊效果的贴图方法。</FONT></A></TD></TR><TR><TD><A target=_blank href="http://bbs.gw.com.cn/UploadFile/2006-7/20067918465149734.txt" target=_blank><FONT face=黑体 color=#ceceff size=3>15:如何在图框套装内贴图片和文字。</FONT></A></TD></TR><TR><TD><A target=_blank href="http://bbs.gw.com.cn/UploadFile/2006-7/20067918515044087.txt" target=_blank><FONT face=黑体 color=#ceceff size=3>16:在图框内贴图或文字的位置设置方法。</FONT></A></TD></TR><TR><TD><A target=_blank href="http://bbs.gw.com.cn/UploadFile/2006-7/20067918515991029.txt" target=_blank><FONT face=黑体 color=#ceceff size=3>17:在多层图框(套装)内贴图的方法</FONT></A></TD></TR><TR><TD><A target=_blank href="http://bbs.gw.com.cn/UploadFile/2006-7/2006791852864747.txt" target=_blank><FONT face=黑体 color=#ceceff size=3>18:坐标控制绝对定位贴图的方法。</FONT></A></TD></TR></TBODY></TABLE></P><BR><CENTER><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 13pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=新宋体 color=#00ff00>(待续)</CENTER><BR>(<BR>为了让更多网友学用html代码贴图制作网页,本贴<BR><BR>欢迎转载,但是,转载时请不要把原创编辑游子的名字改掉。谢谢!)<BR><CENTER>编辑:游子<BR></FONT></CENTER></CENTER></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
【分享精彩·网聚未来】 我骄傲,我是桐城人! 桐城网宗旨:弘扬主旋律,讴歌真善美,传播正能量,彰显精气神。

114

主题

4135

回帖

4256

积分

桐网举人

Rank: 4

积分
4256
鲜花(0) 鸡蛋(0)
 楼主| 发表于 2006-8-17 16:05:52 | 显示全部楼层

Re:欢迎您!启步学代码《转载》

<DIV id=table1 style="LEFT: -220px; WIDTH: 800px; POSITION: relative; TOP: 40px"><TABLE style="BORDER-LEFT-COLOR: #fbd44c; BORDER-BOTTOM-COLOR: #fbd44c; BORDER-TOP-STYLE: ridge; BORDER-TOP-COLOR: #fbd44c; BORDER-RIGHT-STYLE: ridge; BORDER-LEFT-STYLE: ridge; BORDER-RIGHT-COLOR: #fbd44c; BORDER-BOTTOM-STYLE: ridge" height=“100%” cellSpacing=1 cellPadding=0 width=770 border=14><TBODY><TR><TD bgColor=#000000><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0><TBODY><TR><TD align=left width="20%"><IMG onmousewheel="return bbimg(this)" style="CURSOR: pointer" onclick=javascript:window.open(this.src); src="http://img.gw.com.cn/UploadFile/2005/7/21/916191.gif" onload="javascript:if(this.width>screen.width-500)this.style.width=screen.width-500;"></TD><TD align=middle width="60%"><INPUT type=image width=400 src="http://bener.51.net/img/bar.gif"><BR><BR><BR><BR></TD><TD align=right width="20%"><IMG onmousewheel="return bbimg(this)" style="CURSOR: pointer" onclick=javascript:window.open(this.src); src="http://img.gw.com.cn/UploadFile/2005/7/21/3461867.gif" onload="javascript:if(this.width>screen.width-500)this.style.width=screen.width-500;"></TD></TR></TBODY></TABLE><CENTER><P align=center><FONT style="FONT-SIZE: 28pt; FILTER: shadow color=apar); WIDTH: 100%; COLOR: #00ff00; LINE-HEIGHT: 150%" face=隶书>欢迎您!启步学代码。<BR></FONT></P><CENTER><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 15pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=幼圆 color=#fff000><B>(游子编辑 供初学HTML代码的朋友参考) <BR><BR><BR>先来学文字设置</B></FONT></CENTER><BR><CENTER><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 15pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=楷体_GB2312 color=#00ff00><BR><B>文字设置三要素(三属值):<BR><BR>style=font:30pt&nbsp;&nbsp;&nbsp;&nbsp;字的大小<BR>color=navy&nbsp;&nbsp;&nbsp;&nbsp;字的颜色<BR>face=幼圆&nbsp;&nbsp;&nbsp;&nbsp;那一种字体 <BR><BR>文字设置的一组代码: <BR><BR>&lt;font style=font:30pt face=隶书 color=ff0000&gt;锦绣中华&lt;/font&gt;<BR><BR>显示效果如下:<BR><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#ff0000>锦绣中华</FONT><BR><BR>相同的文字设置代码,三要素改变了,<BR>显示效果就不同。<BR><BR><BR>&lt;font style=font:40pt face=华文新魏 color=red&gt;锦绣中华&lt;/font&gt;<BR><BR>显示效果如下:<BR><BR><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 40pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文新魏 color=red>锦绣中华</FONT><BR><BR><BR><BR>&lt;font style=font:80pt face=华文彩云 color=ff0000&gt;锦绣中华&lt;/font&gt;<BR><BR>显示效果如下:<BR><BR><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 80pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#ff0000>锦绣中华</FONT><BR><BR>&nbsp;&nbsp; <BR><P align=left>你可以把(文字设置的一组代码)复制到记事本去,改为你喜欢的文字内容,让后用回复的方式试贴,粘贴时注意先选择[HTML]标签,同时把自动修正的钩去掉。</P><BR><BR><BR><P align=center><P align=center><HR style="FILTER: alpha(opacity=100,finishopacity=0,style=2)" width=350 color=#fff000 SIZE=10><P><P><BR><BR>设置字体大小还有一种叫标题字体。<BR><BR>&lt;h#&gt; ... &lt;/h#&gt; #=1, 2, 3, 4, 5, 6,<BR><BR>&lt;h1&gt;网络世界论坛&lt;/h1&gt;<BR><BR><BR><H1>人间正道是沧桑</H1><BR>&lt;h2&gt;人间正道是沧桑&lt;/h2&gt;<BR><BR><BR><H2>人间正道是沧桑</H2><BR>&lt;h3&gt;人间正道是沧桑&lt;/h3&gt;<BR><BR><BR><H3>人间正道是沧桑</H3><BR>&lt;h4&gt;人间正道是沧桑&lt;/h4&gt;<BR><BR><BR><H4>人间正道是沧桑</H4><BR>&lt;h5&gt;人间正道是沧桑&lt;/h5&gt;<BR><BR><BR><H5>人间正道是沧桑</H5><BR>&lt;h6&gt;影画世界论坛&lt;/h6&gt;<BR><BR><BR><H6>人间正道是沧桑</H6><BR>标题字体默认黑色宋体,<BR>故只有字体大小的变化。<BR><BR><BR><P align=center><HR style="FILTER: alpha(opacity=100,finishopacity=0,style=2)" width=350 color=#fff000 SIZE=10><P><BR><BR>常用字体代码<BR><BR>宋体 黑体&nbsp;&nbsp; 楷体_GB2312&nbsp;&nbsp; 仿宋_GB2312&nbsp;&nbsp; 新宋体&nbsp;&nbsp; 幼圆 隶书 <BR><BR>&nbsp;&nbsp;方正舒体&nbsp;&nbsp;华文新魏 华文行楷&nbsp;&nbsp; 华文细黑&nbsp;&nbsp;华文彩云&nbsp;&nbsp;方正姚体 <BR><BR><BR><P align=center><HR style="FILTER: alpha(opacity=100,finishopacity=0,style=2)" width=350 color=#fff000 SIZE=10><P><TABLE borderColor=navy height=350 cellSpacing=3 cellPadding=3 width=500 border=10><BR><BR><BR><TBODY><TR><TD bgColor=#bebebe><CENTER><TABLE border=0><TBODY><TR><TD><CENTER><IMG onmousewheel="return bbimg(this)" style="CURSOR: pointer" onclick=javascript:window.open(this.src); src="http://community.rising.com.cn/uploadimages/200411/img20041189331712.gif" onload="javascript:if(this.width>screen.width-500)this.style.width=screen.width-500;"> <BR><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 25pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=navy>常用颜色代码</FONT></CENTER><TABLE id=table1 height=50 cellSpacing=5 cellPadding=0 width=460 border=0><TBODY><TR><TD width=50 bgColor=#ff0000 height=40> </TD><TD width=50 bgColor=#fffff0 height=40> </TD><TD width=50 bgColor=#0000ff height=40> </TD><TD width=50 bgColor=#008000 height=40> </TD><TD width=50 bgColor=#ff00ff height=40> </TD><TD width=50 bgColor=#fff000 height=40> </TD></TR><TR><TD width=60 height=20>#FF0000</TD><TD width=60 height=20>#FFFFf0</TD><TD width=60 height=20>#0000F</TD><TD width=60 height=20>#008000</TD><TD width=60 height=20>#FF00FF</TD><TD width=60 height=20>#000080</TD></TR></TBODY></TABLE><TABLE id=table2 height=60 cellSpacing=5 cellPadding=0 width=460 border=0><TBODY><TR><TD width=60 bgColor=#008000 height=40> </TD><TD width=60 bgColor=#00ffff height=40> </TD><TD width=60 bgColor=#fff000 height=40> </TD><TD width=60 bgColor=#993333 height=40> </TD><TD width=60 bgColor=#ffff00 height=40> </TD><TD width=60 bgColor=#000099 height=40> </TD></TR><TR><TD width=60 height=20>#008000</TD><TD width=60 height=20>#00FFFF</TD><TD width=60 height=20>#FFf000</TD><TD width=60 height=20>#993333</TD><TD width=60 height=20>#FFFF00</TD><TD width=60 height=20>#000099</TD></TR></TBODY></TABLE><TABLE id=table1 height=60 cellSpacing=5 cellPadding=0 width=460 border=0><TBODY><TR><TD width=60 bgColor=#000066 height=40> </TD><TD width=60 bgColor=#009933 height=40> </TD><TD width=60 bgColor=#f00000 height=40> </TD><TD width=60 bgColor=#ffcc00 height=40> </TD><TD width=60 bgColor=#0099ff height=40> </TD><TD width=60 bgColor=#33cccc height=40> </TD></TR><TR><TD width=60 height=20>#000066</TD><TD width=60 height=20>#009933</TD><TD width=60 height=20>#F00000</TD><TD width=60 height=20>#FFCC00</TD><TD width=60 height=20>#0099FF</TD><TD width=60 height=20>#33CCCC</TD></TR></TBODY></TABLE><TABLE id=table2 height=60 cellSpacing=5 cellPadding=0 width=460 border=0><TBODY><TR><TD width=60 bgColor=#ffccff height=40> </TD><TD width=60 bgColor=#33cc33 height=40> </TD><TD width=60 bgColor=#cc0000 height=40> </TD><TD width=60 bgColor=#3333cc height=40> </TD><TD width=60 bgColor=#9900cc height=40> </TD><TD width=60 bgColor=#993333 height=40> </TD></TR><TR><TD width=60 height=20>#FFCCFF</TD><TD width=60 height=20>#33CC33</TD><TD width=60 height=20>#CC0000</TD><TD width=60 height=20>#3333CC</TD><TD width=60 height=20>#9900CC</TD><TD width=60 height=20>#993333</TD></TR></TBODY></TABLE><TABLE id=table3 height=60 cellSpacing=5 cellPadding=0 width=460 border=0><TBODY><TR><TD width=60 bgColor=#993333 height=40> </TD><TD width=60 bgColor=#006600 height=40> </TD><TD width=60 bgColor=#ff9900 height=40> </TD><TD width=60 bgColor=#00ccff height=40> </TD><TD width=60 bgColor=#66ff33 height=40> </TD><TD width=60 bgColor=#003300 height=40> </TD></TR><TR><TD width=60 height=20>#993333</TD><TD width=60 height=20>#006600</TD><TD width=60 height=20>#FF9900</TD><TD width=60 height=20>#00CCFF</TD><TD width=60 height=20>#66FF33</TD><TD width=60 height=20>#003300</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></CENTER></TD></TR></TBODY></TABLE><DIV></DIV><BR><CENTER><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#00ff00>编辑:游子</FONT></CENTER><BR></B></FONT></CENTER></CENTER></TD></TR></TBODY></TABLE><BR></DIV>
【分享精彩·网聚未来】 我骄傲,我是桐城人! 桐城网宗旨:弘扬主旋律,讴歌真善美,传播正能量,彰显精气神。

114

主题

4135

回帖

4256

积分

桐网举人

Rank: 4

积分
4256
鲜花(0) 鸡蛋(0)
 楼主| 发表于 2006-8-17 16:06:13 | 显示全部楼层

Re:欢迎您!启步学代码《转载》

<P align=center><TABLE borderColor=#0000ff height=200 cellSpacing=10 cellPadding=12 width=480 bgColor=#ffffcc border=10><TBODY><TR><TD><BR><DIV align=center><FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=green); WIDTH: 100%; COLOR: #ff0000; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书"><B>如何做html代码贴</B></FONT> </DIV><BR><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 26pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文行楷 color=#0000ff>欢迎您!启步学HTML代码. </FONT><BR><BR><B>代码; <BR><BR>&lt;font style=font:26pt face=华文行楷 color=0000ff&gt; 欢迎您!启步学HTML代码。 &lt;/font&gt; <BR><BR><VAR><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=黑体 color=#0000ff>你先复制这个代码,进到发贴编辑区,在下面标签栏中选取第四个标签[HTML],去掉自动修正的钩,再粘贴发表,就 OK了。 <BR><BR>做html代码贴的操作方法 <BR><BR>1,复制代码。<BR><BR>2,击点回复。<BR><BR>3,进到发贴编辑区。<BR><BR>4,在编辑栏下面标签栏中取第选四个标签[HTML],<BR><BR>5,去掉{ HTML }标签旁边的自动修正的钩,<BR><BR>6,再粘贴代码后发表。千万不可先粘贴代码后才选取[HTML]标签。<BR><BR>再试看吧!祝你成功!!<BR><BR>         编辑:游子<BR><BR></B></FONT></VAR></TD></TR></TBODY></TABLE></P><BR>
【分享精彩·网聚未来】 我骄傲,我是桐城人! 桐城网宗旨:弘扬主旋律,讴歌真善美,传播正能量,彰显精气神。

114

主题

4135

回帖

4256

积分

桐网举人

Rank: 4

积分
4256
鲜花(0) 鸡蛋(0)
 楼主| 发表于 2006-8-17 16:08:43 | 显示全部楼层

Re:欢迎您!启步学代码《转载》

<TABLE class=tableborder1 style="TABLE-LAYOUT: fixed; WORD-BREAK: break-all" cellSpacing=1 cellPadding=5 align=center><TBODY><TR><TD class=tablebody1 vAlign=top width=175></TD><TD class=tablebody1 vAlign=top height="100%"><TABLE height=30 width="100%"><TBODY><TR><TD align=absmiddle width=*></TD><TD align=right width=70></TD></TR><TR><TD class=singleborder colSpan=3 height=1></TD></TR><TR><TD colSpan=3 height=2></TD></TR></TBODY></TABLE><TABLE style="TABLE-LAYOUT: fixed; WORD-BREAK: break-all" height="85%" width="95%" align=center border=0><TBODY><TR><TD style="FONT-SIZE: 11pt; LINE-HEIGHT: 13pt" vAlign=top width=* height="100%"><BR></B><BR><BR><BR><BR><BR><BR><DIV id=table1 style="LEFT: -210px; WIDTH: 720px; POSITION: relative; TOP: 40px"><TABLE style="BORDER-LEFT-COLOR: #fbd44c; BORDER-BOTTOM-COLOR: #fbd44c; BORDER-TOP-STYLE: ridge; BORDER-TOP-COLOR: #fbd44c; BORDER-RIGHT-STYLE: ridge; BORDER-LEFT-STYLE: ridge; BORDER-RIGHT-COLOR: #fbd44c; BORDER-BOTTOM-STYLE: ridge" height=“100%” cellSpacing=1 cellPadding=0 width=720 border=14><TBODY><TR><TD bgColor=#000000><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0><TBODY><TR><TD align=left width="20%"><IMG onmousewheel="return bbimg(this)" style="CURSOR: pointer; ZOOM: 110%" onclick=javascript:window.open(this.src); src="http://img.gw.com.cn/UploadFile/2005/7/21/916191.gif" onload="javascript:if(this.width>screen.width-500)this.style.width=screen.width-500;"></TD><TD align=middle width="60%"><INPUT type=image width=400 src="http://bener.51.net/img/bar.gif"><BR></TD><TD align=right width="20%"><IMG onmousewheel="return bbimg(this)" style="CURSOR: pointer" onclick=javascript:window.open(this.src); src="http://img.gw.com.cn/UploadFile/2005/7/21/3461867.gif" onload="javascript:if(this.width>screen.width-500)this.style.width=screen.width-500;"></TD></TR></TBODY></TABLE><TABLE cellSpacing=0 cellPadding=20 width="100%" border=0><TBODY><TR><TD><CENTER><FONT style="FONT-SIZE: 25pt; FILTER: shadow color=apar); WIDTH: 100%; COLOR: #00ff00; LINE-HEIGHT: 150%" face=隶书>欢迎您!启步学代码。<BR>(3)</FONT><BR><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 14pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=楷体_GB2312 color=#fff000>(游子编辑 供初学HTML代码的朋友参考) <BR><BR><BR><P align=center><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 17pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=楷体_GB2312 color=#fff000>文字显示位置的控制<BR><BR>文字显示位置分别为:<BR><BR>水平方向(align),垂直方向(valign)<BR>水平方向即左中右:<BR>left(左对齐)<BR>middle(居中)<BR>RIGHT(右对齐)<BR><BR>垂直方向即靠顶和靠底.<BR><BR>top(靠顶)、bottom(靠底)等。<BR><BR><P align=center><HR style="BORDER-RIGHT: #62a96b 2px dashed; BORDER-TOP: #62a96b 3px dashed; FILTER: progid:DXImageTransform.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><BR><BR><BR><CENTER>水平方向即左中右的代码:<BR><BR>&lt;p align=left&gt;&lt;font style=font:15pt face=黑体 color=fff000&gt;向左对齐&lt;/font&gt;&lt;/P&gt;<BR><BR>&lt;p align=CENTER&gt;&lt;font style=font:15pt face=黑体 color=fff000&gt;表示居中&lt;/font&gt;&lt;/P&gt;<BR><BR>&lt;p align=RIGHT&gt;&lt;font style=font:15pt face=黑体 color=fff000&gt;向右对齐&lt;/font&gt;&lt;/P&gt;<BR><BR><BR>显示效果如下: <BR><P align=center><HR style="BORDER-RIGHT: #62a96b 2px dashed; BORDER-TOP: #62a96b 3px dashed; FILTER: progid:DXImageTransform.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><P><P align=left><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 15pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=黑体 color=#fff000>向左对齐</FONT></P><BR><P align=center><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 15pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=黑体 color=#fff000>表示居中</FONT></P><BR><P align=right><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 15pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=黑体 color=#fff000>向右对齐</FONT></P><BR><P align=center><HR style="BORDER-RIGHT: #62a96b 2px dashed; BORDER-TOP: #62a96b 3px dashed; FILTER: progid:DXImageTransform.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><P><BR>实例:<BR><BR><CENTER><TABLE borderColor=olive height=350 width=480 background=http://blog.lanyue.com/upload/user/58/386410_22232948.jpg border=18><TBODY><TR><TD vAlign=top align=middle><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><BR>实例代码:<BR><BR><CENTER><TABLE style="WIDTH: 250px; HEIGHT: 102px" borderColor=green 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: green; SCROLLBAR-DARKSHADOW-COLOR: #fff000" cellSpacing=0 cellPadding=0 width=400 border=0><TBODY><TR><TD><DIV style="OVERFLOW: auto; WIDTH: 400px; HEIGHT: 100px"><FONT face=仿宋_GB2312 color=lime size=4><B><P>&lt;CENTER&gt;<BR>&lt;TABLE width=480 height=350 bordercolor=olive background=http://blog.lanyue.com/upload/user/58/386410_22232948.jpg border=18&gt;<BR>&lt;TBODY&gt;<BR>&lt;TR&gt;<BR>&lt;td align=center valign=top&gt;&lt;br&gt;<BR>&lt;FONT style="FONT-SIZE: 25pt" face=华文行楷 color=#fff000&gt;&lt;B&gt;<BR>&lt;p align=left&gt;送给春兰妹妹&lt;/P&gt;&lt;br&gt;<BR>&lt;p align=CENTER&gt;祝你生日快乐!&lt;/P&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;<BR>&lt;p align=RIGHT&gt;大姐冬梅&lt;br&gt;20060228&lt;/P&gt;<BR>&lt;/B&gt; &lt;/FONT&gt;<BR>&lt;/TD&gt;&lt;/TR&gt;&lt;/TOBDY&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;/CENTER&gt;<BR></B></FONT></P></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><DIV></DIV><DIV></DIV><BR><P align=center><HR style="BORDER-RIGHT: #62a96b 2px dashed; BORDER-TOP: #62a96b 3px dashed; FILTER: progid:DXImageTransform.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><BR>垂直方向valign)靠顶的代码:<BR><BR>&lt;TD align=LEFT valign=top&gt;居左靠顶&lt;/TD&gt;<BR>&lt;TD align=center valign=top&gt;居中靠顶&lt;/TD&gt;<BR>&lt;TDalign=RIGHT valign=top&gt;居右靠顶&lt;/TD&gt;<BR><BR><P><BR>垂直方向valign)靠底的代码:<BR><BR>&lt;TD align=LEFT valign=bottom&gt;居左靠底&lt;/TD&gt;<BR>&lt;TD align=center valign=bottom&gt;居中靠底&lt;/TD&gt;<BR>&lt;TD align=RIGHT valign=bottom&gt;居右靠底&lt;/TD&gt;<BR><BR><BR><P align=left>&nbsp;&nbsp; 文字输出位置垂直方向的代码是设置在单元格里(TD),方便易用。但我只能在一个单元格中设一组代码。实例如下:</P><BR><CENTER><TABLE borderColor=olive height=350 width=480 background=http://blog.lanyue.com/upload/user/58/386410_22232948.jpg border=18><TBODY><TR><TD vAlign=top align=left><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>代码: <BR><CENTER><TABLE style="WIDTH: 250px; HEIGHT: 102px" borderColor=green 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: green; SCROLLBAR-DARKSHADOW-COLOR: #fff000" cellSpacing=0 cellPadding=0 width=400 border=0><TBODY><TR><TD><DIV style="OVERFLOW: auto; WIDTH: 400px; HEIGHT: 100px"><FONT face=仿宋_GB2312 color=lime size=4><B><P>&lt;CENTER&gt;<BR>&lt;TABLE width=480 height=350 bordercolor=olive background=http://blog.lanyue.com/upload/user/58/386410_22232948.jpg border=18&gt;<BR>&lt;TBODY&gt;<BR>&lt;TR&gt;<BR>&lt;TD align=LEFT valign=top&gt;&lt;FONT style="FONT-SIZE: 25pt" face=华文行楷 color=#fff000&gt;&lt;B&gt;<BR>居左靠顶的代码&lt;BR&gt;&lt;h3&gt;align=LEFT valign=top&lt;/h3&gt;&lt;/B&gt; &lt;/FONT&gt;<BR>&lt;/TD&gt;&lt;/TR&gt;&lt;/TOBDY&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;/CENTER&gt;<BR>&lt;BR&gt;&lt;BR&gt;<BR></B></FONT></P></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><DIV></DIV><DIV></DIV><BR><BR>文字输出位置垂直方向的实例二: <BR><CENTER><TABLE borderColor=olive height=350 width=480 background=http://blog.lanyue.com/upload/user/58/386410_22232948.jpg border=18><TBODY><TR><TD vAlign=bottom align=right><FONT style="FONT-SIZE: 25pt" face=华文行楷 color=#fff000><B>居右靠底的代码<BR><H3>align=RIGHT valign=bottom</H3></B></FONT></TD></TR></TOBDY></TBODY></TABLE></CENTER><BR><BR>居右靠底的代码: <BR><CENTER><TABLE style="WIDTH: 250px; HEIGHT: 102px" borderColor=green 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: green; SCROLLBAR-DARKSHADOW-COLOR: #fff000" cellSpacing=0 cellPadding=0 width=400 border=0><TBODY><TR><TD><DIV style="OVERFLOW: auto; WIDTH: 400px; HEIGHT: 100px"><FONT face=仿宋_GB2312 color=lime size=4><B><P>&lt;BR&gt;<BR>&lt;CENTER&gt;<BR>&lt;TABLE width=480 height=350 bordercolor=olive background=http://blog.lanyue.com/upload/user/58/386410_22232948.jpg border=18&gt;<BR>&lt;TBODY&gt;<BR>&lt;TR&gt;<BR>&lt;TD align=LEFT valign=top&gt;&lt;FONT style="FONT-SIZE: 25pt" face=华文行楷 color=#fff000&gt;&lt;B&gt;<BR>居左靠顶的代码&lt;BR&gt;&lt;h3&gt;align=LEFT valign=top&lt;/h3&gt;&lt;/B&gt; &lt;/FONT&gt;<BR>&lt;/TD&gt;&lt;/TR&gt;&lt;/TOBDY&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;/CENTER&gt;<BR>&lt;BR&gt;&lt;BR&gt;<BR></B></FONT></P></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><BR><BR><P align=center><HR style="BORDER-RIGHT: #62a96b 2px dashed; BORDER-TOP: #62a96b 3px dashed; FILTER: progid:DXImageTransform.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><BR>文字(或图片)放置的地位,<BR>还可以用空格(&amp;nbsp;)和空行(BR)调整;<BR>用代码编辑绝对位置挂贴(外部定位)等办法。<BR><BR><P align=center><IMG onmousewheel="return bbimg(this)" style="CURSOR: pointer" onclick=javascript:window.open(this.src); src="http://love.xaonline.com/upload/2004124/UF200412423958.gif" onload="javascript:if(this.width>screen.width-500)this.style.width=screen.width-500;"></P><BR><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#00ff00>编辑:游子<BR>(待续)</FONT></CENTER><BR></FONT></CENTER></CENTER></CENTER></FONT></CENTER></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><BR><BR><BR></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
【分享精彩·网聚未来】 我骄傲,我是桐城人! 桐城网宗旨:弘扬主旋律,讴歌真善美,传播正能量,彰显精气神。
您需要登录后才可以回帖 登录 | 我要注册

本版积分规则

快速回复 返回顶部 返回列表