太湖家园论坛_欢迎您！启步学代码

春晓发表于 2006-3-26 21:45

：</B><BR>
<TABLE cellSpacing=0 cellPadding=0 width=500 align=center background=http://www.dabaoku.com/sucai/shejilei/bj/pic/0539.jpg border=0>
<TBODY>
<TR>
<TD align=middle width="100%">
<TABLE cellSpacing=0 cellPadding=0 width="100%" align=center border=0>
<TBODY>
<TR>
<TD align=left width="50%"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#000fff>靠顶居左</FONT> </TD>
<TD align=right width="50%"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#000fff>靠顶居右</FONT> </TD></TR></TBODY></TABLE><BR><BR><BR><BR><BR><BR><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#000fff>靠中居中</FONT> <BR><BR><BR><BR><BR><BR><BR>
<TABLE cellSpacing=0 cellPadding=0 width="100%" align=center border=0>
<TBODY>
<TR>
<TD align=left width="50%"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#000fff>靠底居左</FONT> </TD>
<TD align=right width="50%"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#000fff>靠底居右</FONT> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><BR><BR><BR><BR></DIV>
<P></P>

春晓发表于 2006-3-26 21:47

第10楼代码如下：：</B><BR>
<TABLE cellSpacing=0 cellPadding=0 width=500 align=center background=http://www.dabaoku.com/sucai/shejilei/bj/pic/0539.jpg border=0>
<TBODY>
<TR>
<TD align=middle width="100%">
<TABLE cellSpacing=0 cellPadding=0 width="100%" align=center border=0>
<TBODY>
<TR>
<TD align=left width="50%"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#000fff>靠顶居左</FONT> </TD>
<TD align=right width="50%"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#000fff>靠顶居右</FONT> </TD></TR></TBODY></TABLE><BR><BR><BR><BR><BR><BR><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#000fff>靠中居中</FONT> <BR><BR><BR><BR><BR><BR><BR>
<TABLE cellSpacing=0 cellPadding=0 width="100%" align=center border=0>
<TBODY>
<TR>
<TD align=left width="50%"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#000fff>靠底居左</FONT> </TD>
<TD align=right width="50%"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#000fff>靠底居右</FONT> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><BR><BR><BR><BR></DIV>
<P></P>

春晓发表于 2006-3-26 21:49

</B><BR><BR><BR><BR><BR><BR><BR>
<TABLE id=table1 style="LEFT: -80px; WIDTH: 600px; POSITION: relative; TOP: 0px" borderColor=#000079 cellSpacing=5 cellPadding=10 bgColor=#d2e9ff border=12>
<TBODY>
<TR>
<TD>
<CENTER><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 16pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#000079>表格设置代码语句的认识。<BR>先看这组代码： <BR><BR><BR><BR><BR>
<H5>
<P align=left><TABLE borderColor=#fff000 cellSpacing=5 cellPadding=10 width=450 height=150 bgColor=#0000ff border=12><BR><TBODY><BR><TR><BR><TD><BR><font style=font:20pt face=隶书 color=fff000>插入内容 </FONT></TD></TR></TBODY></TABLE></H5></P><BR>显示效果： <BR><BR><BR><BR><BR>
<TABLE borderColor=#fff000 height=150 cellSpacing=5 cellPadding=10 width=450 bgColor=#0000ff border=12>
<TBODY>
<TR>
<TD><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#fff000>插入内容 </FONT></TD></TR></TBODY></TABLE>
<P align=left>把上面代码中的表格属性内容参数作如下修改看其效果就知其定义。<BR>边框颜色：原黄色borderColor=#fff000 改为绿色borderColor=#00ff00<BR><BR>单元格间距：原较小cellSpacing=5 改为较大cellSpacing=25。<BR><BR>单元格衬距：原较小cellPadding=10 改为较大cellPadding=30。<BR><BR>边框大小：原较小border=12 改为较大border=22。<BR><BR>图框修改后的代码：<BR><BR><TABLE borderColor=#00ff00 cellSpacing=25 cellPadding=30 width=450 height=150 bgColor=#0000ff border=22> <TBODY><BR><TR><BR><TD><BR><font style=font:20pt face=隶书 color=fff000>插入内容 </FONT></TD></TR></TBODY></TABLE><BR><BR><BR><BR>
<H5></H5><BR><BR><BR>显示效果： <BR><BR><BR><BR><BR>
<TABLE borderColor=#00ff00 height=150 cellSpacing=25 cellPadding=30 width=450 bgColor=#0000ff border=22>
<TBODY>
<TR>
<TD><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#fff000>插入内容 </FONT></TD></TR></TBODY></TABLE><BR>待续</FONT></CENTER></TD></TR></TBODY></TABLE><BR><BR><BR><BR><BR></DIV>
<P></P>

春晓发表于 2006-3-26 21:50

</B><BR></B><BR><BR><BR><BR>
<DIV id=table1 style="LEFT: -80px; WIDTH: 800px; POSITION: relative; TOP: 0px">
<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 src="http://img.gw.com.cn/UploadFile/2005/7/21/916191.gif"></TD>
<TD align=middle width="60%"><INPUT type=image width=400 src="http://bener.51.net/img/bar.gif"></TD>
<TD align=right width="20%"><IMG src="http://img.gw.com.cn/UploadFile/2005/7/21/3461867.gif"></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>（8）</FONT><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 16pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=楷体_GB2312 color=#fff000>（供初学HTML代码的朋友参考） <BR><BR><BR>
<H2>文字设置学习的几点体会。</H2>
<P>　　（一）文字设置标签属性三个主要内容的使用。<BR>
<P>（1）字号大小 <BR>
<P align=left>　　字号大小语句通常是<FONT size=1-7>字号</FONT>其大小是由参数所定，最小是1，最大是7。为了方便使用更大的字体，字号大小可用以下的语句：<BR><FONT style=font:40pt>字号</FONT>字号隋数值增大，不受限制。<BR><BR><BR>
<CENTER>
<TABLE width=465 background=height=470 border=1>
<TBODY>
<TR>
<TD><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 12pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=黑体 color=#00ff00>
<P align=left>　　　　文字设置用普通字号的代码：<BR><BR><CENTER><font size=5　face=隶书 color=00FF00><BR>学习代码贴图</font><BR><BR><BR>
<P align=left></CENTER><BR><BR>(关键语句：size=5)<BR></P></FORM>　　　　　　　显示： <BR>
<CENTER><FONT face=隶书 color=#00ff00 size=5>学习代码贴图</FONT> </CENTER><BR><BR><BR><BR>　　　　文字设置用大字号的代码：<BR><BR><BR>
<P align=left><CENTER><font style=font:50pt face=隶书 color=00ff00><BR>学习代码贴图</font><BR></CENTER><BR><BR>(关键语句：style=font:50pt)<BR></P></FORM>
<P><BR>　　　　　显示： <BR><BR>
<CENTER><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 50pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#00ff00>学习代码贴图</FONT> </CENTER></FORM></FONT></TD></TR></TOBDY></TBODY></TABLE><BR><BR>（２）使用什么样字体 <BR><BR>　　用代码贴字，字体一定要用网络上经常能显示的十余种。如：<BR>宋体　黑体　楷体_GB2312 　仿宋_GB2312　新宋体　幼圆　隶书 <BR>方正舒体　华文新魏　华文行楷　华文细黑　华文彩云　方正姚体 <BR><BR>　　如果采用文鼎花瓣体等其他字体，会显示为宋体。<BR><BR><BR>（３）文字颜色的代码<BR><BR>　文字的颜色可用0和F　６个字符组成易记住的颜色代码，例如：<BR><BR>黑色＝000000　白色＝ffffff　红色＝ff0000　绿色＝00ff00　<BR>蓝色＝0000ff　黄色＝fff000　青色＝00ffff　紫色＝ff00ff<BR><BR><BR>
<P align=center><IMG src="http://www.bingwu.net/bbs/UploadFile/2005-1/2005130213220553.gif"></P>
<P align=left>　　（二）特效文字代码可以做出很多漂亮的字体，灵活的运用文字设置标签属性的三个主要内容，即字号，字体和颜色，也可编辑出精彩的字体。 <BR><BR>七色彩字体的代码： <BR>
<P align=left><BR><CENTER><BR><FONT face=隶书 color=ff0000 style=font:40pt>网<BR><FONT color=fff000>络</FONT><BR><FONT color=0000ff>世</FONT><BR><FONT color=green>界</FONT><BR><FONT color=fffff0>欢</FONT><BR><FONT color=ff00ff>迎</FONT><BR><FONT color=00ffff>您</FONT><BR></FONT></CENTER><BR>　</P></FORM><BR>显示结果： <BR><BR>
<CENTER><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 40pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#ff0000>网<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><BR><BR>多种字号和字体的代码： <BR><BR>
<P align=left><CENTER><FONT face=新宋体 color=00ff00 style=font:15pt><BR><FONT face=隶书 ><h1>《闺怨》</h1></FONT><BR><h3>王昌龄</h3><BR>闺中少妇不知愁，春日凝妆上翠楼。<BR><BR>忽见陌头杨柳色，悔教夫婿觅封侯。<BR><BR></FONT><BR>　</P></FORM>显示结果：<BR><BR>
<P></P>
<CENTER><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 15pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=新宋体 color=#00ff00><FONT face=隶书>
<H1>《闺怨》</H1></FONT>
<H2>王昌龄</H2>闺中少妇不知愁，春日凝妆上翠楼。<BR>忽见陌头杨柳色，悔教夫婿觅封侯。<BR></FONT><BR><BR><BR>
<P align=center><IMG src="http://www.bingwu.net/bbs/UploadFile/2005-1/2005130213220553.gif"></P>（待续）</CENTER>
<P align=center><IMG src="http://love.xaonline.com/upload/2004124/UF200412423958.gif"></P><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#00ff00>待续<BR></FONT></CENTER></FONT></CENTER></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><BR><BR><BR></DIV><BR></DIV>
<P></P>

春晓发表于 2006-3-26 21:53

没有设置全屏的情况下，图片的总宽度最好不要超过520。我在这里设图片宽度只有480，加上边框等约520。

春晓发表于 2006-3-26 21:54

</B><BR>
<CENTER><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#000fff>二种羽化图片代码。</FONT> <BR><BR><INPUT style="FILTER: alpha(opacity=100,style=2)" type=image height=500 width=450 src="http://www.iecool.com/uppic/2005-9-02/jxdongwu/jxdongwu2_157.jpg"> <BR><BR><BR>
<TABLE border=0>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity=100,style=2)" width=500 background=http://pic.yesky.com/picupload1/20050725/162238/4019006.jpg height=750></TD></TR></TBODY></TABLE><INPUT style="FILTER: alpha(opacity=100,style=2)" type=image height=780 width=550 src="http://pic.yesky.com/picupload1/20050725/162238/4019006.jpg"> <BR><BR></CENTER></DIV>
<P></P>

春晓发表于 2006-3-26 21:54

羽化图片代表格设置方法的代码：

<br><br> <INPUT style="FILTER: alpha(opacity=100,style=2)" type=image height=500 width=450 src="http://※www.iecool.com/uppic/2005-9-02/jxdongwu/jxdongwu2_157.jpg"> <br><br> <TABLE border=0> <TR> <TD style="FILTER:Alpha(opacity=100,style=2)" width=500 height=750 background=http:※//pic.yesky.com/picupload1/20050725/162238/4019006.jpg > </TD></TR></TABLE> <br><br>

羽化图片（简化）贴图方法的代码：

<br><br> <INPUT style="FILTER: alpha(opacity=100,style=2)" type=image height=780 width=550 src="http://※pic.yesky.com/picupload1/20050725/162238/4019006.jpg"> <br><br>

春晓发表于 2006-3-26 21:59

</B><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<TABLE id=table1 style="LEFT: -0px; WIDTH: 780px; POSITION: relative; TOP: 0px" borderColor=#000093 cellSpacing=8 cellPadding=30 width=780 align=center bgColor=#93ff93 border=15>
<TBODY>
<TR>
<TD>　 <BR>
<CENTER><FONT style="FONT-SIZE: 35pt; FILTER: alpha(opacity=100,style=3); WIDTH: 100%; COLOR: #5b00ae; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷"><B>启步学代码小知识</B></FONT> <BR><BR>
<P align=center><IMG src="http://www.bingwu.net/bbs/UploadFile/2005-1/200513014025947.gif"></P><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 25pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文新魏 color=#0000ff>不同贴图方法的比较。</FONT><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 14pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=幼圆 color=navy><B><BR>经常看到有三种不同的贴图方法。</FONT> <BR><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 12pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=幼圆 color=navy><B>
<P align=left>有一张风景图片，尺寸是500*286，图片地址：<BR>http://photo.southcn.com/upload/F202922004.11.4.22.24.422.jpg <BR><BR><BR>
<CENTER>
<TABLE borderColor=#66ff33 height=286 width=500 background=http://photo.southcn.com/upload/F202922004.11.4.22.24.422.jpg border=0>
<TBODY>
<TR>
<TD></TD></TR></TOBDY></TBODY></TABLE></CENTER><BR><BR>分别用不同方法贴出比较其效果。<BR><BR>第一种是最简易的方法，但图片显示效果往往受到论坛的限制，图片的尺寸不能达到预定目的。 <BR>代码： <BR><P align=center><img src="http://photo.southcn.com/upload/F202922004.11.4.22.24.422.jpg "></P> <BR>效果： <BR><BR>
<P align=center><IMG src="http://photo.southcn.com/upload/F202922004.11.4.22.24.422.jpg"> <BR><BR><BR>
<P align=left>第二种方法与第一种相同，增加宽度和高度，但有些地方也要受到尺寸限制。<BR><BR>代码： <BR><P align=center><img src="http://photo.southcn.com/upload/F202922004.11.4.22.24.422.jpg"width=500 height=286></P><BR><BR>效果： <BR><BR>
<P align=center><IMG src="http://photo.southcn.com/upload/F202922004.11.4.22.24.422.jpg"></P><BR><BR><BR>
<P align=left>第三种是表格设置贴图方法。这种方法使用较多代码语句，但它有很多好处；<BR>1，可控制图片的尺寸和适当调整图片的大小。<BR>2，可为图片加漂亮的边框。<BR>3，可加贴文字和比其较小的图片。<BR>4，可在图片上加叠一层至多层动画。<BR><BR>代码：<BR><BR><BR>
<P align=left><TABLE width=550 height=335 bordercolor=66ff33 background=http://photo.southcn.com/upload/F202922004.11.4.22.24.422.jpg border=25><BR><TBODY><BR><TR><BR><TD></TD></TR></TOBDY></TBODY></TABLE> <BR><BR>效果： <BR><BR><BR>
<CENTER>
<TABLE borderColor=#66ff33 height=335 width=550 background=http://photo.southcn.com/upload/F202922004.11.4.22.24.422.jpg border=25>
<TBODY>
<TR>
<TD></TD></TR></TOBDY></TBODY></TABLE>
<P></P>
<P align=center><IMG src="http://www.bingwu.net/bbs/UploadFile/2005-1/200513014025947.gif"></P>
<CENTER><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#0>图文：网络</FONT></CENTER></FONT></CENTER></B></B></CENTER></TD></TR></TBODY></TABLE><BR><BR><BR><BR></DIV>
<P></P>

春晓发表于 2006-3-26 22:01

春晓发表于 2006-3-26 22:02

代码如下：
<TABLE align="center" border="0" cellpadding="0" cellspacing="0" background=http://www.oh100.com/teach/shucaiku/action/15-fjx/RBWDBLW.GIF> <TR><TD style="FILTER: chroma(color=#336699"> <TABLE bgcolor=#ffffff> <TR><TD align=middle><FONT style="FONT-SIZE: 92pt" face=黑体 color=#336699><b>太湖家园<BR>音画长廊<BR>将更精彩</b></FONT></TD></TR></TABLE></TD></TR></TABLE>

页: 1 [2] 3 4 5 6 7

太湖家园论坛's Archiver