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

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

http://photo.southcn.com/upload/F202922004.11.4.22.24.422.jpg

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

</B><BR>
<TABLE height=286 width=500 background=http://photo.southcn.com/upload/F202922004.11.4.22.24.422.jpg border=0>
<TBODY>
<TR>
<TD><EMBED align=right src=http://hlm.nease.net/swf/red/liu.swf width=490 height=280 type=application/x-shockwave-flash wmode="transparent" quality="high"><EMBED align=right src=http://imgfree.21cn.com/free/flash/59.swf width=490 height=280 type=application/x-shockwave-flash wmode="transparent" quality="high"><EMBED align=right src=http://imgfree.21cn.com/free/flash/6.swf width=490 height=280 type=application/x-shockwave-flash wmode="transparent" quality="high"></EMBED></TD></TR></TBODY></TABLE></DIV>
<P></P>

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

</B><BR>
<TABLE height=370 borderColorDark=#fff000 cellPadding=0 width=500 borderColorLight=#fff000 background=http://bbs.680.cn/UploadFile/2005-12/200512221526413.jpg border=12>
<TBODY>
<TR>
<TD><EMBED align=right src=http://hlm.nease.net/swf/red/liu.swf width=500 height=370 type=application/octet-stream ;; quality="high" wmode="transparent"> <EMBED align=right src=http://imgfree.21cn.com/free/flash/59.swf width=500 height=370 type=application/octet-stream ;; quality="high" wmode="transparent"> <EMBED align=right src=http://imgfree.21cn.com/free/flash/6.swf width=500 height=370 type=application/octet-stream ;; quality="high" wmode="transparent"> </TD></TR></TBODY></TABLE>
<CENTER></CENTER><BR></DIV>
<P></P>

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

启步学习代码小知识（一）

简略认识一下HTML代码。有很多朋友上网以后，喜欢到一些论坛学习贴图。从用本机图片上传开始，再复制网上图片地址插入，现在转入热爱用html代码贴图了。 HTML英语意思是：Hypertext Marked Language，即是一种用来制作超文本文档的简单标记语言。所谓超文本，因为它可以加入图片、声音、动画、影视等内容，它可以从一个文件跳转到另一个文件，与世界各地主机的文件连接，通过WWW浏览器显示出效果。通过HTML可以表现出丰富多彩的设计风格,可以实现页面之间的跳转,可以展现多媒体的效果. 制作超文本文件时需要用标签,就是它采用了一系列的指令符号来控制输出的效果，这些指令符号用“<标签名字　属性>”来表示。打开网页属性查看源文件有很多用“<”和“>”括起来的句子，我们称它为标签。标签有两种：第一种是单标签：<BR>这是强行断行的语句，一个<BR>过一行。二个<BR>过二行。第二种是双标签：它由“始标签”和“尾标签”两部分构成，必须成对使用。始标签告诉Web浏览器从此处开始执行该标记所表示的功能，而尾标签告诉Web浏览器在这里结束该功能。始标签前加一个斜杠（/）即成为尾标记。例如一组文字设置的代码： <font color=#ff0000 SIZE="5 "face=隶书>学习代码贴图</font>。这组文字设置的代码显示结果：

学习代码贴图

如果没有用“<”和“>”把代码括起来，就无法显示这些文字。

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

</B><BR><BR><BR><BR><BR><BR>
<TABLE id=table1 style="LEFT: 0px; WIDTH: 780px; POSITION: relative; TOP: 0px" borderColor=#fff000 height=350 cellSpacing=30 cellPadding=25 width=500 align=center bgColor=#003399 border=2>
<TBODY>
<TR>
<TD>
<CENTER>
<TABLE border=0>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity=100,style=3)" width=250 background=http://img004.photo.wangyou.com/2004/10/25/25981/200411022452364.gif height=200></TD></TR></TOBDY></TBODY></TABLE>
<P align=center><FONT style="FONT-SIZE: 32pt; FILTER: shadow color=apar); WIDTH: 100%; COLOR: #00ff00; LINE-HEIGHT: 150%" face=隶书>启步学HTML代码小知识。<BR>（二）</FONT></P>
<P align=center><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>
<P align=center>
<HR style="FILTER: alpha(opacity=100,finishopacity=0,style=2)" width=350 color=#fff000 SIZE=10>

<P></P>
<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>
<P align=left>编辑HTML代码要允份利用HTML代码的“始标签”和“尾标签”。在查看一些网友贴子的源代码时，经常会看见类似如下的情况：</P>
<P align=left><P align=center><font style=font:16pt face=隶书 color=fff000>《离骚》屈原</font></P><BR><BR><P align=center><font style=font:16pt face=隶书 color=fff000>悔相道之不察兮，延伫乎吾将返。</font></P><BR><BR><P align=center><font style=font:16pt face=隶书 color=fff000>回朕车以复路兮，及行迷之未远。</font></P><BR><BR><P align=center><font style=font:16pt face=隶书 color=fff000>步余马于兰皋兮,驰椒丘且焉止息。</font></P><BR><BR><P align=center><font style=font:16pt face=隶书 color=fff000>进不入以离尤兮，退将复修吾初服。</font></P><BR><BR><P align=center><font style=font:16pt face=隶书 color=fff000>制芰荷以为衣兮，集芙蓉以为裳。</font></P><BR><BR><P align=center><font style=font:16pt face=隶书 color=fff000>不吾知其亦已兮，苟余情其信芳。</font></P><BR><BR><P align=center><font style=font:16pt face=隶书 color=fff000>高余冠之岌岌兮，长余佩之陆离。</font></P><BR><BR><P align=center><font style=font:16pt face=隶书 color=fff000>芳与泽其杂糅兮，惟昭质其犹未亏。</font></P><BR><BR>代码显示结果： <BR><BR>
<P align=center><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 16pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#fff000>《离骚》屈原</P>
<P align=center><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 16pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#fff000>悔相道之不察兮，延伫乎吾将返。</P>
<P align=center><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 16pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#fff000>回朕车以复路兮，及行迷之未远。</P>
<P align=center><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 16pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#fff000>步余马于兰皋兮,驰椒丘且焉止息。</P>
<P align=center><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 16pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#fff000>进不入以离尤兮，退将复修吾初服。</P>
<P align=center><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 16pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#fff000>制芰荷以为衣兮，集芙蓉以为裳。</P>
<P align=center><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 16pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#fff000>不吾知其亦已兮，苟余情其信芳。</P>
<P align=center><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 16pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#fff000>高余冠之岌岌兮,长余佩之陆离。</P>
<P align=center><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 16pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#fff000>芳与泽其杂糅兮，惟昭质其犹未亏。</P>
<P align=center>
<HR style="FILTER: alpha(opacity=100,finishopacity=0,style=2)" width=350 color=#fff000 SIZE=10>

<P></P>
<P align=left>这九组文字设置可以只设一组，用HTML代码的“始标签”和“尾标签”代替。</P><BR><center><font style=font:16pt face=隶书 color=fff000><BR>《离骚》屈原<BR><BR><BR>悔相道之不察兮，延伫乎吾将返。<BR><BR><BR>回朕车以复路兮，及行迷之未远。<BR><BR><BR>步余马于兰皋兮，驰椒丘且焉止息。<BR><BR><BR>进不入以离尤兮，退将复修吾初服。<BR><BR><BR>制芰荷以为衣兮，集芙蓉以为裳。<BR><BR><BR>不吾知其亦已兮，苟余情其信芳。<BR><BR><BR>高余冠之岌岌兮，长余佩之陆离。<BR><BR><BR>芳与泽其杂糅兮，惟昭质其犹未亏。<BR><BR></font></center><BR>
<P></P><BR>代码显示结果： <BR><BR>
<CENTER><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 16pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#fff000>《离骚》屈原<BR><BR>悔相道之不察兮，延伫乎吾将返。<BR><BR>回朕车以复路兮，及行迷之未远。<BR><BR>步余马于兰皋兮，驰椒丘且焉止息。<BR><BR>进不入以离尤兮，退将复修吾初服。<BR><BR>制芰荷以为衣兮，集芙蓉以为裳。<BR><BR>不吾知其亦已兮，苟余情其信芳。<BR><BR>高余冠之岌岌兮，长余佩之陆离。<BR><BR>芳与泽其杂糅兮，惟昭质其犹未亏。<BR></FONT></CENTER>
<P align=center>
<HR style="FILTER: alpha(opacity=100,finishopacity=0,style=2)" width=350 color=#fff000 SIZE=10>

<P></P><BR>待续<BR></FONT></CENTER></FONT></FONT></FONT></FONT></FONT></FONT></FONT></FONT></FONT></FONT></TD></TR></TBODY></TABLE><BR><BR><BR><BR><BR></DIV>
<P></P>

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

</B><BR><BR><BR><BR><BR><BR><BR><BR>
<TABLE id=table1 style="LEFT: -0px; WIDTH: 800px; POSITION: relative; TOP: 0px" borderColor=#fff000 cellSpacing=15 cellPadding=30 width=700 bgColor=#0000ff border=12>
<TBODY>
<TR>
<TD>
<CENTER>
<TABLE border=0>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity=100,style=3)" width=250 background=http://img004.photo.wangyou.com/2004/10/25/25981/200411022452364.gif height=200></TD></TR></TOBDY></TBODY></TABLE>
<P align=center><FONT style="FONT-SIZE: 32pt; FILTER: shadow color=apar); WIDTH: 100%; COLOR: #00ff00; LINE-HEIGHT: 150%" face=隶书>启步学HTML代码小知识。<BR>（四）</FONT></P>
<P align=center><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>
<P align=center>
<HR style="FILTER: alpha(opacity=100,finishopacity=0,style=2)" width=350 color=#fff000 SIZE=10>

<P></P>
<P align=center><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 17pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=楷体_GB2312 color=#fff000>
<CENTER><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#fff000>如何在图片和动画片上加插文字</FONT></CENTER><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 15pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=新宋体 color=#fff000><B> 方法之一是用表格插图加贴动画图片后在同一单元格内（即列TD的下面）中插入文字。要根据插入文字行数的总高度相应减去二个表格的高度。如果文字插入位置不当，画面可能会出现一些线条。<BR><BR>在图片和动画片上加插文字的一组代码：<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">
<P align=center><FONT face=仿宋_GB2312 color=lime size=4><B>
<P><TABLE cellSpacing=5 cellPadding=10 width=500 height=260 bordercolor=green background=http://img.gw.com.cn/UploadFile/2005/9/10/4499431.jpg border=20><BR><TBODY><BR><TR><BR><TD><BR><font style=font:17pt face=隶书 color=ff99ff><BR>《游园不值》叶绍翁<br><BR>应嫌屐齿印苍苔，十扣柴门九不开。<br><BR>春色满园关不住，一枝红杏出墙来。<br><BR></font><BR><EMBED align=right src=http://imgfree.21cn.com/free/flash/7.swf width=450 height=260 type=application/octet-stream wmode="transparent" quality="high" ;;><BR></TD></TR></TBODY></TABLE><BR>　</P></FORM></B></FONT></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><BR><BR>显示效果： <BR><BR><BR>
<TABLE borderColor=green height=260 cellSpacing=5 cellPadding=10 width=450 background=http://img.gw.com.cn/UploadFile/2005/9/10/4499431.jpg border=20>
<TBODY>
<TR>
<TD><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 17pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#ff99ff> 《游园不值》叶绍翁<BR>应嫌屐齿印苍苔，十扣柴门九不开。<BR>春色满园关不住，一枝红杏出墙来。<BR></FONT><EMBED align=right src=http://imgfree.21cn.com/free/flash/7.swf width=450 height=260 type=application/octet-stream wmode="transparent" quality="high" ;;> </TD></TR></TBODY></TABLE>
<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><BR><BR><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 12pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=新宋体 color=#00ff00><B><DIV id=Layer2 style="Z-INDEX: 2; LEFT: 150px; WIDTH: 400px; POSITION: absolute; TOP: 1920px; HEIGHT: 200px">挂贴内容</DIV><BR></FONT><BR>用外部定位在图片和动画片上加插文字的一组代码：<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">
<P align=center><FONT face=仿宋_GB2312 color=lime size=4><B>
<P><TABLE cellSpacing=5 cellPadding=10 width=450 height=360 bordercolor=green background=http://img.gw.com.cn/UploadFile/2005/9/10/4499431.jpg border=20><BR><TBODY><BR><TR><BR><TD><BR><EMBED align=right src=http://imgfree.21cn.com/free/flash/7.swf width=450 height=360 type=application/octet-stream wmode="transparent" quality="high" ;;><BR><DIV id=Layer2 style="Z-INDEX: 2; LEFT: 150px; WIDTH: 400px; POSITION: absolute; TOP: 2060px; HEIGHT: 200px"><BR><TABLE width=400 height=80 ><BR><TR><BR><TD><BR><font style=font:16pt face=隶书 color=ff99ff><BR>《游园不值》叶绍翁<br><BR>应嫌屐齿印苍苔，十扣柴门九不开。<br><BR>春色满园关不住，一枝红杏出墙来。<br><BR></FONT></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><BR>　</P></FORM></B></FONT></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><BR><BR>显示效果： <BR><BR><BR>
<P></P>
<TABLE borderColor=green height=360 cellSpacing=5 cellPadding=10 width=450 background=http://img.gw.com.cn/UploadFile/2005/9/10/4499431.jpg border=20>
<TBODY>
<TR>
<TD><EMBED align=right src=http://imgfree.21cn.com/free/flash/7.swf width=450 height=360 type=application/octet-stream wmode="transparent" quality="high" ;;> <BR>
<DIV id=Layer2 style="Z-INDEX: 2; LEFT: 150px; WIDTH: 400px; POSITION: absolute; TOP: 2060px; HEIGHT: 200px">
<TABLE height=80 width=400>
<TBODY>
<TR>
<TD><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 16pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#ff99ff> 《游园不值》叶绍翁<BR>应嫌屐齿印苍苔，十扣柴门九不开。<BR>春色满园关不住，一枝红杏出墙来。<BR></FONT>
<P></P></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE><BR>待续<BR></FONT></B></CENTER></CENTER></B></FONT></FONT></CENTER></TD></TR></TBODY></TABLE>
<DIV></DIV><BR><BR><BR><BR><BR><BR><BR></DIV>
<P></P>

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

常用外部定位挂贴代码。 <DIV id=Layer2 style="Z-INDEX: 2; LEFT: 150px; WIDTH: 400px; POSITION: absolute; TOP: 120px; HEIGHT: 200px">挂贴内容</DIV> LEFT: 150px; WIDTH: 400px 距离左边150px起宽 400px

TOP: 120px; HEIGHT: 200px 距离顶部120px; 起高 200px

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

</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>（9）</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><BR><BR><BR>
<P align=left>表格设置是代码贴图和制作个人主页的主要基础，表格设置标签属性内容有十多个，可以先从7个常用的学起，逐步提高。先看用表格做成的一张图片，这张图片宽300，高200，蓝色边框，黄色背景，插入一段文字，内容与边框有一定的距离。</P>
<CENTER>
<TABLE borderColor=#0000ff height=300 cellSpacing=10 cellPadding=20 width=400 bgColor=#fff000 border=10>
<TBODY>
<TR>
<TD><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 15pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=黑体 color=#0000ff>表格设置是代码贴图和制作个人主页的主要基础，表格设置标签属性内容有十多个，可以先从7个常用的学起，逐步提高。 <BR>
<CENTER></CENTER></FONT></TD></TR></TBODY></TABLE><BR>代码： <BR><BR>
<P align=left><CENTER><BR><BR><TABLE border=10 borderColor=#0000ff cellSpacing=10 cellpadding=20 bgcolor=fff000 width=400 height=300><BR><TBODY><TR><TD><BR><font style=font:15pt face=黑体 color=0000ff><BR>表格设置是代码贴图和制作个人主页的主要基础，<BR>表格设置标签属性内容有十多个，可以先从7个常用的学起，逐步提高。<BR></CENTER></font></TD></TR></TBODY></TABLE> 　</P></FORM><BR>注解： <BR><BR>
<P align=left>第一行是居中代码。 <BR>第二和第三行是表格的始标签，包括表格标签名和7个属性内容。 <BR>第四行是表格输入内容的行和列的始标签。（行和列构成一个单元格） <BR>第五行是文字设直标签。 <BR>第六和第七行输入文字内容。 <BR>第八行是以上各个始标签的对应尾标签。 <BR><BR>表格设置标签属性内容说明： <BR>TABLE＝标签名。　<BR>border=10　表格边框的厚度及参数。<BR>borderColor=#0000ff　边框颜色及颜色码。<BR>cellSpacing=10 单元格间距及参数。<BR>cellpadding=20　内容与格线的距离及参数。<BR>bgcolor=fff000　表格的背景颜色及及颜色码。<BR>width=400 表格宽度及参数。<BR>height=300 表格高度及参数。<BR><BR>表格宽度及表格高度的参数，可用绝对值，如300：也可用相对值，如“100%”。高度如果不是特殊需要时，也可以不加入参数，系统会根据输入的内容自动延伸。 <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><CENTER><BR><TABLE border=10 borderColor=#0000ff cellSpacing=10 cellpadding=20 bgcolor=fff000 width=400 height=300><BR><TBODY><BR><TR><BR><TD><BR><br><BR><br><BR></CENTER></TD></TR></TBODY></TABLE><BR>　</P></FORM>
<P align=left><BR>显示结果： <BR><BR>
<CENTER>
<TABLE borderColor=#0000ff height=300 cellSpacing=10 cellPadding=20 width=400 bgColor=#fff000 border=10>
<TBODY>
<TR>
<TD><BR><BR><BR>
<CENTER></CENTER></TD></TR></TBODY></TABLE>
<P align=left><BR>一张用图片作背景的空白图框代码： <BR><BR>
<P align=left><CENTER><BR><TABLE border=10 borderColor=#0000ff cellSpacing=10 cellpadding=20 cellpadding=20 background=http://www.s1.inets.jp/~rouge/free/005h.jpg width=400 height=300><BR><TBODY><BR><TR><BR><TD><BR><br><BR><br><BR></CENTER></TD></TR></TBODY></TABLE><BR>　</P></FORM>
<P align=left><BR>显示结果： <BR><BR>
<CENTER>
<TABLE borderColor=#0000ff height=300 cellSpacing=10 cellPadding=20 width=400 background=http://www.s1.inets.jp/~rouge/free/005h.jpg border=10>
<TBODY>
<TR>
<TD><BR><BR><BR>
<CENTER></CENTER></TD></TR></TBODY></TABLE><BR><BR><BR>
<P align=left>用颜色作背景和用图片作背景不同之处，只改变一个属性内容，即：<BR>表格的背景颜色及颜色码。bgcolor=fff000 <BR>改为用图片作背景即：</P><BR>background=http://www.s1.inets.jp/~rouge/free/005h.jpg <BR><BR>（待续） <BR>
<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></CENTER></CENTER></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><BR><BR><BR></DIV><BR></DIV>
<P></P>

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

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

代码如下：

<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=0 width=500 borderColorLight=#000000 background=http://※img.gw.com.cn/UploadFile/2005/9/10/4499431.jpg border=5> <TBODY> <TR> <TD><EMBED align=right src=http://imgfree.21cn.com/free/flash/7.swf width=500 height=390 type=application/octet-stream wmode="transparent" quality="high" ;;></TD></TR></TBODY></TABLE>

页: 1 2 [3] 4 5 6 7

太湖家园论坛's Archiver