搜索
查看: 1588|回复: 23
打印 上一主题 下一主题

失忆教你学习HTML代码(基础大全)

[复制链接]
跳转到指定楼层
楼主
发表于 2008-2-7 22:23:03 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
<DIV align=center>
<TABLE cellSpacing=40 cellPadding=0 width="100%" background=http://xz1.2000y.net/348114/uploadpic/20041130221326230.jpg border=0 leftmargin="0" text="#C49A71" bgproperties="fixed" alink="#C49A71" vlink="#C49A71" link="#C49A71">
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=3 cellPadding=0 width="100%" align=center background=http://yuandi.com/wysc/renwu/rw2/9.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#99840d cellSpacing=10 cellPadding=0 width="100%" align=center background=http://xz1.2000y.net/348114/uploadpic/20041130222441881.jpg border=1>
<TBODY>
<TR>
<TD width="100%">
<TABLE borderColor=#94856b cellSpacing=15 cellPadding=0 width="100%" align=center background=http://xz1.2000y.net/348114/uploadpic/20041130221326230.jpg border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=3 cellPadding=0 width="100%" align=center background=http://yuandi.com/wysc/renwu/rw2/b07.jpg border=0>
<TBODY>
<TR>
<TD width="100%" background=http://xz1.2000y.net/348114/uploadpic/2004113022327180.jpg>
<TABLE cellSpacing=0 cellPadding=0 width="100%" align=center border=0>
<TBODY>
<TR>
<TD width="100%" colSpan=9>
<DIV align=center><B><FONT face=楷体_GB2312 color=black size=3></FONT></B> </DIV>
<DIV align=center><B><FONT face=楷体_GB2312 color=lemonchiffon size=3>HTML代码学习教程</FONT></B></DIV><BR><BR><BR><FONT face=楷体_GB2312 color=lemonchiffon size=3>HTML英语意思是:Hypertext Marked Language,即超文本标记语言(可以加入图片、声音、动画、影视等内容,因为它可以从一个文件跳转到另一个文件,与世界各地主机的文件连接。),是一种用来制作超文本文档的简单标记语言。使用HTML语言描述的文件,需要通过WWW浏览器显示出效果(你可以使用记事本、写字板或 FrontPage Editor 等编辑工具来编写Html文件。方便制作过程中的修改看效果,最后满意了再发到论坛上。) 在Html文档中这样的标志对都必须是成对使用的。用HTML代码编辑的帖子,其实质就是网页编辑的一个小内容<BR><BR><BR><SPAN style="COLOR: #0000ff">我们都不是从事网页设计的,只想编个漂亮的帖子而已,那就简单多了.大家只要记熟一些常用的代码,了解这些代码的含义就完全够了,我们可以采取套用(简单的复制粘贴),转贴后修改等方法来达到目的,多则半个月,少则一个星期,应该就能制作HTML代码帖子了,套用多了,自然就熟悉了,有兴趣的话可以进一步求精了.</SPAN><BR><BR><BR><BR><BR></FONT><U>
<DIV align=center><FONT face=楷体_GB2312 color=lemonchiffon size=3><B>论坛HTML帖子常用代码 </B></FONT></DIV></U><BR><BR><BR><FONT size=3><FONT face=楷体_GB2312><FONT color=lemonchiffon><B>一、文字标记</B><BR><BR>基本代码如下:<BR><BR><SPAN style="COLOR: #0000ff">&lt align=center&gt;&lt;FONT color=#0066ff face=隶书 size=5&gt;插入文字&lt;/FONT&gt;&lt;/P&gt; </SPAN><BR><BR></FONT></FONT></FONT><FONT face=楷体_GB2312 color=lemonchiffon size=3>align=center 表示字体居中,可选值为居右(right)居左(left) <BR><BR><BR>color=颜色代码 <BR>face=字体 常用字体为:宋体.黑体.楷体.仿宋.幻缘.新宋体.细明体等 <BR><BR>size=字体大小,这里的最大值为6 取值越大文字就越大<BR><BR><BR>1.字体变化 &lt;font&gt;..........&lt;/font&gt; <BR>a.字体大小 &lt;font size=#&gt;..........&lt;/font&gt; #=1~7;数字愈大字也愈大 <BR>b.指定字型 &lt;font face="字体名称"&gt;..........&lt;/font&gt; <BR>c.文字颜色 &lt;font color=#rrggbb&gt;..........&lt;/font&gt;<BR>rr:表红色(red)色码<BR>gg:表绿色(green)色码<BR>bb:表蓝色(blue)色码<BR>rrggbb也可用6位颜色代码数字<BR><BR>2.粗体字 &lt;b&gt;..........&lt;/b&gt;<BR>3 字体加粗&lt;STRONG&gt;..........&lt;/STRONG&gt;和&lt;b&gt;标签差不多的效果<BR>4.换行(也称回车) &lt;br&gt;<BR><BR>5.分段标记 &lt;p&gt; <BR><BR>文字的对齐方向 &lt;p align="#"&gt; #号可为 left:表向左对齐(预设值) center:表向中对齐 right:表向右对齐 P.S.&lt;p align="#"&gt;之后的文字都会以所设的对齐方式显示,直到出现另一个&lt;p align="#"&gt;改变其对齐方向。<BR><BR>6.区隔标记 &lt;DIV&gt; <BR><BR>&lt;DIV&gt;称为区隔标记。作用:设定字、画、表格等的摆放位置。 <BR>&lt;DIV&gt;应用于 Style Sheet(式样表)方面会更显威力,它最终目的是给设计者另一种组织 能力,有 Class ; Style ; title ; ID 等属性。。 <BR>以 &lt;DIV align="center"&gt; 为例: <BR><BR>align="center" <BR>可选值:center ; left ; right 。决定字、画、表格等居中、靠左或靠右。 <BR>&lt;DIV align="center"&gt; 的作用和居中标记 &lt;CENTER&gt;一样。。<BR>注:其实常用跟&lt;p&gt;标签的效果差不多,但是功能比&lt;p&gt;相对强一些。。。<BR><BR><BR>7.分隔线 &lt;hr&gt; <BR>a.分隔线的粗细 &lt;hr size=点数&gt; <BR>b.分隔线的宽度 &lt;hr size=点数或百分比&gt; <BR>c.分隔线对齐方向 &lt;hr align="#"&gt; <BR>#号可为 left:表向左对齐(预设值) center:表向中对齐 right:表向右对齐 <BR>d.分隔线的颜色 &lt;hr color=#rrggbb&gt; <BR>e.实心分隔线 &lt;hr noshade&gt;<BR><BR>8.居中对齐 &lt;center&gt;..........&lt;/center&gt; 跟&lt;p align="center"&gt;........&lt;/p&gt;,&lt;DIV align="center"&gt;........&lt;DIV&gt;效果基本是一样的。。。<BR><BR>9.文字移动标记&lt;MARQUEE&gt;..........&lt;/MARQUEE&gt;<BR><BR>&lt;marquee 属性=属性值&gt; 滚动内容 &lt;/marquee&gt;<BR><BR>移动速度指令是:scrollAmount=# #最小为1,速度为最慢;数字越大移动的越快。<BR>字符移动每步的延时:scrolldelay=# 属性值为数字, #最小为1, 数值越大速度越大,反之亦然。<BR>移动方向指令是:direction=# up向上、down向下、left向左、right向右。<BR>移动方式:behavior 属性值为scroll:文字单向移动,side:移动到边界停止,alternate:到边界后反向移动;<BR>align,对齐方式,其属性值为center,left,right,top, middle, bottom,分别表示居中,左对齐, 右对齐,对齐上沿、中间、下沿;<BR>bgcolor,移动字符的背景色,属性值为颜色代码,可以是rrggbb 16 进制数码,r=red,g=green, b=blue,也就是色彩中的三原色,也可是预定义色彩;<BR>loop,移动字符的循环次数,属性值为数字,若未指定则循环不止(infinite);<BR><BR>width及height,文字高度和宽度,以象素为单位,属性值为数字;<BR>hspace字符左右留白长度,属性值为数字;<BR>vspace字符上下留白长度,属性值为数字;<BR>scrollamount字符的移动速度,属性值为数字,数值越大速度越大,反之亦然;</FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>
<DIV></DIV>
<></P>
分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏
沙发
 楼主| 发表于 2008-2-7 22:24:07 | 只看该作者
<DIV align=center>
<TABLE cellSpacing=40 cellPadding=0 width=\"100%\" background=http://xz1.2000y.net/348114/uploadpic/20041130221326230.jpg border=0 leftmargin=\"0\" text=\"#C49A71\" bgproperties=\"fixed\" alink=\"#C49A71\" vlink=\"#C49A71\" link=\"#C49A71\">
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=3 cellPadding=0 width=\"100%\" align=center background=http://yuandi.com/wysc/renwu/rw2/9.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#99840d cellSpacing=10 cellPadding=0 width=\"100%\" align=center background=http://xz1.2000y.net/348114/uploadpic/20041130222441881.jpg border=1>
<TBODY>
<TR>
<TD width=\"100%\">
<TABLE borderColor=#94856b cellSpacing=15 cellPadding=0 width=\"100%\" align=center background=http://xz1.2000y.net/348114/uploadpic/20041130221326230.jpg border=0>
<TBODY>
<TR>
<TD width=\"100%\">
<TABLE cellSpacing=3 cellPadding=0 width=\"100%\" align=center background=http://yuandi.com/wysc/renwu/rw2/b07.jpg border=0>
<TBODY>
<TR>
<TD width=\"100%\" background=http://xz1.2000y.net/348114/uploadpic/2004113022327180.jpg>
<TABLE cellSpacing=0 cellPadding=0 width=\"100%\" align=center border=0>
<TBODY>
<TR>
<TD width=\"100%\" colSpan=9>
<TABLE cellSpacing=5 cellPadding=0 width=\"100%\" align=center border=0>
<TBODY>
<TR>
<TD>
< align=center><FONT color=#c49a71 size=6><FONT face=楷体_GB2312 color=lemonchiffon size=4><BR>关键:<BR><BR></FONT><FONT color=lemonchiffon><FONT size=4><FONT face=楷体_GB2312><SPAN style=\"COLOR: #0000ff\">&lt align=center&gt;<BR>&lt;FONT color=#0066ff face=隶书 size=5&gt;插入文字&lt;/FONT&gt;&lt;/P&gt; </SPAN><BR><BR>上面讲的那么多,你需要理解并纪录的就这个代码。</FONT></FONT></FONT><BR></FONT></P></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></DIV>
<DIV></DIV>
<></P>
板凳
 楼主| 发表于 2008-2-7 22:25:18 | 只看该作者
<DIV align=center>
<TABLE cellSpacing=40 cellPadding=0 width=\"100%\" background=http://xz1.2000y.net/348114/uploadpic/20041130221326230.jpg border=0 leftmargin=\"0\" text=\"#C49A71\" bgproperties=\"fixed\" alink=\"#C49A71\" vlink=\"#C49A71\" link=\"#C49A71\">
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=3 cellPadding=0 width=\"100%\" align=center background=http://yuandi.com/wysc/renwu/rw2/9.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#99840d cellSpacing=10 cellPadding=0 width=\"100%\" align=center background=http://xz1.2000y.net/348114/uploadpic/20041130222441881.jpg border=1>
<TBODY>
<TR>
<TD width=\"100%\">
<TABLE borderColor=#94856b cellSpacing=15 cellPadding=0 width=\"100%\" align=center background=http://xz1.2000y.net/348114/uploadpic/20041130221326230.jpg border=0>
<TBODY>
<TR>
<TD width=\"100%\">
<TABLE cellSpacing=3 cellPadding=0 width=\"100%\" align=center background=http://yuandi.com/wysc/renwu/rw2/b07.jpg border=0>
<TBODY>
<TR>
<TD width=\"100%\" background=http://xz1.2000y.net/348114/uploadpic/2004113022327180.jpg>
<TABLE cellSpacing=0 cellPadding=0 width=\"100%\" align=center border=0>
<TBODY>
<TR>
<TD width=\"100%\" colSpan=9>
<TABLE cellSpacing=5 cellPadding=0 width=\"100%\" align=center border=0>
<TBODY>
<TR>
<TD>
< align=center><FONT color=#c49a71 size=6><FONT face=楷体_GB2312 color=lemonchiffon size=3><BR><BR></FONT><FONT color=lemonchiffon><FONT size=3><FONT face=楷体_GB2312><STRONG>二、图片标记<BR><BR></STRONG>基本代码如下:<BR><BR><SPAN style=\"COLOR: #0000ff\">&lt align=center&gt;&lt;IMG SRC=图片地址&gt;&lt;/p&gt;</SPAN><BR><BR><BR><BR><BR><BR>补充术语解释:<BR><BR>1、一般代码:<BR>&lt align=center&gt;图片网址&lt;/p&gt;:表示图片居中。 <BR><BR>2、 有缩小和放大功能的代码:<BR>&lt;IMG height=高度 src=图片网址 width=宽度&gt;<BR><BR>&lt;IMG&gt; 的一般参数设定: <BR><BR>&lt;img src=\"logo.gif\" width=100 height=100 hspace=5 vspace=5 border=2 align=\"top\" alt=\"Logo of PenPals Garden\" lowsrc=\"pre_logo.gif\"&gt; <BR><BR>src=\"logo.gif\" <BR>图片来源,接受 .gif, .jpg 及 .png 格式,<BR><BR>width=100 height=100 <BR>设定图片大小,此宽度及高度一般采用 pixels 作单位。通常只设为图片的真实 大小,以免失真,若需要改图片大小最好使用图像编辑工具。(改变大小的宽和高与原图的宽和高要成正比例,图片最好是改小不改大,以免失真粗粒。)<BR><BR>hspace=5 vspace=5 <BR>设定图片边沿空白,以免文字或其它图片贴近。hspace 是设定图片左右的空间,vspace 是设定图片上下的空间,高度采用 pixels 作单位。 <BR><BR>border=2 <BR>图片边框厚度<BR><BR>align=\"top\" <BR>调整图片旁边文字的位置,你可以控制文字出现在图片的偏上方、中间、底部、 左右等,可选值:top, middle, bottom, left, right,内定为 botom。Netscape 还支持 texttop, baseline, absmiddle, absbottom, <BR>texttop 表示图片和文字依顶线对齐, <BR>baseline 表示图片对齐到目前文字行底线值, <BR>absmiddle 表示图片对齐到目前文字行绝对中央, <BR>absbottom 表示图片对齐到目前文字行绝对底部,(绝对底部是指它考虑到比如 y 、g、q 等字的下边)。 <BR><BR><BR>alt=\"Logo of PenPal Garden\" <BR>这是用以描述该图形的文字,若使用文字浏览器,由于不支持图片,这些文字 将会代替图片被显示。若支持图片的浏览器,当鼠标移至图片上该文字也会显示。<BR><BR>lowsrc=\"pre_logo.gif\" <BR>设定先显示低解析度的图片,若加入的是一张很大的图片,下载要很长的时间,这张低解析度的图片会先被显示以免浏览者失去兴趣,通常是原图的黑白版本。<BR><BR> 例如 <BR><BR>&lt;IMG height=150 alt=\"Logo of PenPals Garden\" hspace=5 src=图片地址 width=150 align=top lowsrc=pre_logo.gif vspace=5 border=8&gt;</FONT></FONT></FONT></FONT></P></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></DIV>
<DIV></DIV>
<></P>
地板
 楼主| 发表于 2008-2-7 22:26:56 | 只看该作者
<DIV align=center>
<TABLE cellSpacing=40 cellPadding=0 width=\"100%\" background=http://xz1.2000y.net/348114/uploadpic/20041130221326230.jpg border=0 leftmargin=\"0\" text=\"#C49A71\" bgproperties=\"fixed\" alink=\"#C49A71\" vlink=\"#C49A71\" link=\"#C49A71\">
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=3 cellPadding=0 width=\"100%\" align=center background=http://yuandi.com/wysc/renwu/rw2/9.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#99840d cellSpacing=10 cellPadding=0 width=\"100%\" align=center background=http://xz1.2000y.net/348114/uploadpic/20041130222441881.jpg border=1>
<TBODY>
<TR>
<TD width=\"100%\">
<TABLE borderColor=#94856b cellSpacing=15 cellPadding=0 width=\"100%\" align=center background=http://xz1.2000y.net/348114/uploadpic/20041130221326230.jpg border=0>
<TBODY>
<TR>
<TD width=\"100%\">
<TABLE cellSpacing=3 cellPadding=0 width=\"100%\" align=center background=http://yuandi.com/wysc/renwu/rw2/b07.jpg border=0>
<TBODY>
<TR>
<TD width=\"100%\" background=http://xz1.2000y.net/348114/uploadpic/2004113022327180.jpg>
<TABLE cellSpacing=0 cellPadding=0 width=\"100%\" align=center border=0>
<TBODY>
<TR>
<TD width=\"100%\" colSpan=9>
<TABLE cellSpacing=5 cellPadding=0 width=\"100%\" align=center border=0>
<TBODY>
<TR>
<TD>
< align=center><FONT color=#c49a71 size=6><BR><FONT face=楷体_GB2312 color=lemonchiffon size=3><BR><BR>关键: <BR><BR></FONT><FONT color=lemonchiffon><FONT size=3><FONT face=楷体_GB2312><SPAN style=\"COLOR: #0000ff\">&lt align=center&gt;<BR>&lt;IMG SRC=图片地址&gt;&lt;/p&gt;<BR><BR><BR>&lt align=center&gt;<BR>&lt;IMG height=高度  width=宽度  src=图片网址&gt;&lt;/p&gt;</SPAN><BR><BR>上面讲的那么多,你需要理解并纪录的就这2个代码。</FONT></FONT></FONT></FONT></P></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></DIV>
<DIV></DIV>
<></P>
5#
 楼主| 发表于 2008-2-7 22:28:12 | 只看该作者
<DIV align=center>
<TABLE cellSpacing=40 cellPadding=0 width=\"100%\" background=http://xz1.2000y.net/348114/uploadpic/20041130221326230.jpg border=0 leftmargin=\"0\" text=\"#C49A71\" bgproperties=\"fixed\" alink=\"#C49A71\" vlink=\"#C49A71\" link=\"#C49A71\">
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=3 cellPadding=0 width=\"100%\" align=center background=http://yuandi.com/wysc/renwu/rw2/9.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#99840d cellSpacing=10 cellPadding=0 width=\"100%\" align=center background=http://xz1.2000y.net/348114/uploadpic/20041130222441881.jpg border=1>
<TBODY>
<TR>
<TD width=\"100%\">
<TABLE borderColor=#94856b cellSpacing=15 cellPadding=0 width=\"100%\" align=center background=http://xz1.2000y.net/348114/uploadpic/20041130221326230.jpg border=0>
<TBODY>
<TR>
<TD width=\"100%\">
<TABLE cellSpacing=3 cellPadding=0 width=\"100%\" align=center background=http://yuandi.com/wysc/renwu/rw2/b07.jpg border=0>
<TBODY>
<TR>
<TD width=\"100%\" background=http://xz1.2000y.net/348114/uploadpic/2004113022327180.jpg>
<TABLE cellSpacing=0 cellPadding=0 width=\"100%\" align=center border=0>
<TBODY>
<TR>
<TD width=\"100%\" colSpan=9>
<TABLE cellSpacing=5 cellPadding=0 width=\"100%\" align=center border=0>
<TBODY>
<TR>
<TD>
< align=center><FONT color=#c49a71 size=6><FONT face=楷体_GB2312 color=lemonchiffon size=3><BR><BR></FONT><FONT color=lemonchiffon><FONT size=3><FONT face=楷体_GB2312><STRONG>三、播放器<BR><BR></STRONG>基本代码如下:<BR><BR><BR></FONT></FONT></FONT><SPAN style=\"COLOR: #0000ff\"><FONT face=楷体_GB2312 color=lemonchiffon size=3>&lt align=center&gt;<BR>&lt;CENTER&gt;<BR>&lt;EMBED style=\"FILTER: xray()\" src=音乐链接  width=300  height=50  type=audio/mpeg  Pausini--Volevo  Dirti  Che Ti Amo.WMA Louie.mp3 louie.mp3 ShowStatusBar=\"1\" volume=\"0\" autostart=\"true\" loop=\"-1\" 32-01.wma Path Winding The - Kern&gt;&lt;/EMBED&gt;&lt;/CENTER&gt;<BR><SPAN style=\"COLOR: #0000ff\"></SPAN><BR><BR><BR><BR>音乐代码支持mp3  wma  rm<BR>width=300  height=50  播放器大小 都为0就隐藏播放器。</FONT></SPAN></FONT></P></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></DIV>
<DIV></DIV>
<></P>
6#
 楼主| 发表于 2008-2-7 22:33:28 | 只看该作者
<DIV align=center>
<TABLE cellSpacing=40 cellPadding=0 width=\"100%\" background=http://xz1.2000y.net/348114/uploadpic/20041130221326230.jpg border=0 leftmargin=\"0\" text=\"#C49A71\" bgproperties=\"fixed\" alink=\"#C49A71\" vlink=\"#C49A71\" link=\"#C49A71\">
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=3 cellPadding=0 width=\"100%\" align=center background=http://yuandi.com/wysc/renwu/rw2/9.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#99840d cellSpacing=10 cellPadding=0 width=\"100%\" align=center background=http://xz1.2000y.net/348114/uploadpic/20041130222441881.jpg border=1>
<TBODY>
<TR>
<TD width=\"100%\">
<TABLE borderColor=#94856b cellSpacing=15 cellPadding=0 width=\"100%\" align=center background=http://xz1.2000y.net/348114/uploadpic/20041130221326230.jpg border=0>
<TBODY>
<TR>
<TD width=\"100%\">
<TABLE cellSpacing=3 cellPadding=0 width=\"100%\" align=center background=http://yuandi.com/wysc/renwu/rw2/b07.jpg border=0>
<TBODY>
<TR>
<TD width=\"100%\" background=http://xz1.2000y.net/348114/uploadpic/2004113022327180.jpg>
<TABLE cellSpacing=0 cellPadding=0 width=\"100%\" align=center border=0>
<TBODY>
<TR>
<TD width=\"100%\" colSpan=9></TD></TR></TBODY></TABLE>
<DIV class=tpc_content align=center><FONT face=黑体 color=lemonchiffon size=3>多层背景边框</FONT></DIV>
<DIV class=tpc_content align=center><FONT face=黑体 color=#fffacd size=3></FONT> </DIV>
<DIV class=tpc_content align=center>音<FONT face=楷体_GB2312 color=lemonchiffon size=3>画帖最简单的背景是用一张图片做单层背景,所有的内容(文字、播放器、flash等)都放在这张图片上。<BR><BR>有些主题需要华丽美观的背景,就需要做多层次的背景,叠加成多层边框的样式</FONT></DIV>
<DIV class=tpc_content> </DIV>
<DIV class=tpc_content><FONT face=楷体_GB2312 color=lemonchiffon size=3>这是一个3层边框的背景,从外向内数:<BR><BR>第1层是花背景<BR>第2层是深绿背景<BR>第3层是细纹淡绿背景<BR><BR>所有的内容加在第3层上。<BR><BR><BR>具体代码如下:<BR><BR><BR>第1层(花背景)<BR>&lt;TABLE cellSpacing=40 cellPadding=0 width=\"100%\" background=<SPAN style=\"COLOR: #ff0000\">http://xz1.2000y.net/348114/uploadpic/20041130221326230.jpg</SPAN>  border=0 link=\"#C49A71\" vlink=\"#C49A71\" alink=\"#C49A71\" bgproperties=\"fixed\" text=\"#C49A71\" leftmargin=\"0\"&gt;<BR>&lt;TBODY&gt;<BR>&lt;TR&gt;<BR>&lt;TD&gt;<BR><BR>第2层(深绿背景)<BR>&lt;TABLE borderColor=#99840d cellSpacing=10 cellPadding=0 width=\"100%\" align=center background=<SPAN style=\"COLOR: #ff0000\">http://xz1.2000y.net/348114/uploadpic/2004113022327180.jpg</SPAN> border=1&gt;<BR>&lt;TBODY&gt;<BR>&lt;TR&gt;<BR><BR>第3层(细纹淡绿背景)<BR>&lt;TD width=\"100%\"&gt;<BR>&lt;TABLE borderColor=#94856b cellSpacing=15 cellPadding=0 width=\"100%\" align=center background=<SPAN style=\"COLOR: #ff0000\">http://www.shaowu.gov.cn/bbs/material/Background/1035.gif</SPAN>  border=0&gt;<BR>&lt;TBODY&gt;<BR>&lt;TR&gt;<BR>&lt;TD&gt;<BR><BR><BR>这里开始加入内容<BR>&lt align=center&gt;&lt;FONT color=#00000 size=6&gt;&lt;BR&gt;&lt;BR&gt;加入内容&lt;BR&gt;&lt;BR&gt;&lt;/FONT&gt;&lt;/P&gt;<BR><BR>收尾(头尾数要一致,否则提交后不能正确显示)<BR>&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;第1层收尾<BR>&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;第2层收尾<BR>&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;第3层收尾</FONT></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>
<DIV></DIV>
<></P>
7#
 楼主| 发表于 2008-2-7 22:36:43 | 只看该作者
<DIV align=center>
<TABLE cellSpacing=40 cellPadding=0 width=\"100%\" background=http://xz1.2000y.net/348114/uploadpic/20041130221326230.jpg border=0 leftmargin=\"0\" text=\"#C49A71\" bgproperties=\"fixed\" alink=\"#C49A71\" vlink=\"#C49A71\" link=\"#C49A71\">
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=3 cellPadding=0 width=\"100%\" align=center background=http://yuandi.com/wysc/renwu/rw2/9.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#99840d cellSpacing=10 cellPadding=0 width=\"100%\" align=center background=http://xz1.2000y.net/348114/uploadpic/20041130222441881.jpg border=1>
<TBODY>
<TR>
<TD width=\"100%\">
<TABLE borderColor=#94856b cellSpacing=15 cellPadding=0 width=\"100%\" align=center background=http://xz1.2000y.net/348114/uploadpic/20041130221326230.jpg border=0>
<TBODY>
<TR>
<TD width=\"100%\">
<TABLE cellSpacing=3 cellPadding=0 width=\"100%\" align=center background=http://yuandi.com/wysc/renwu/rw2/b07.jpg border=0>
<TBODY>
<TR>
<TD width=\"100%\" background=http://xz1.2000y.net/348114/uploadpic/2004113022327180.jpg>
<TABLE cellSpacing=0 cellPadding=0 width=\"100%\" align=center border=0>
<TBODY>
<TR>
<TD width=\"100%\" colSpan=9>
<TABLE cellSpacing=5 cellPadding=0 width=\"100%\" align=center border=0>
<TBODY>
<TR>
<TD><FONT color=#c49a71 size=6>
< align=left><FONT face=楷体_GB2312 color=lemonchiffon size=3>                                      <FONT face=黑体>多层边框的代码<BR></FONT><BR>背景的选用,可以在网络里搜寻。上面3个背景图片都来自网络。也可以自己根据颜色卡做无花纹的背景(代码不一样),现在不在这里介绍。<BR><BR><BR>下面提供几组多层背景的边框给大家现成套用(大家只要将自己要加的内容加进去就可以了):<BR><BR>如------------------------------------------------------------<BR>&lt;DIV align=center&gt;<BR>&lt;TABLE cellSpacing=20 cellPadding=0 width=\"100%\" align=center bgColor=#a58452 background=http://yuandi.com/wysc/xiangsu/8/littleredbkgtile2.jpg border=0 link=\"#FFF8E6\" vlink=\"#FFF8E6\" alink=\"#FFF8E6\"&gt;<BR>&lt;TBODY&gt;<BR>&lt;TR&gt;<BR>&lt;TD&gt;<BR>&lt;TABLE cellSpacing=10 borderColorDark=#554628 cellPadding=0 width=\"100%\" align=center borderColorLight=#bda675 background=http://yuandi.com/wysc/xiangsu/8/littlereddarkstrip2.jpg border=1&gt;<BR>&lt;TBODY&gt;<BR>&lt;TR&gt;<BR>&lt;TD width=\"100%\"&gt;<BR>&lt;TABLE cellSpacing=5 cellPadding=0 width=\"100%\" align=center background=http://yuandi.com/wysc/xiangsu/8/littleredlightstrip.jpg border=0&gt;<BR>&lt;TBODY&gt;<BR>&lt;TR&gt;<BR>&lt;TD width=\"100%\"&gt;<BR>&lt;TABLE cellSpacing=5 borderColorDark=#554628 cellPadding=0 width=\"100%\" align=center borderColorLight=#bda675 background=http://yuandi.com/wysc/xiangsu/8/littlereddarkstrip.jpg border=1&gt;<BR>&lt;TBODY&gt;<BR>&lt;TR&gt;<BR>&lt;TD width=\"100%\"&gt;<BR>&lt;TABLE cellSpacing=5 cellPadding=0 width=\"100%\" align=center background=http://yuandi.com/wysc/xiangsu/8/littleredlightstrip.jpg border=0&gt;<BR>&lt;TBODY&gt;<BR>&lt;TR&gt;<BR>&lt;TD width=\"100%\" background=littleredlightstrip.jpg&gt;<BR>&lt;TABLE cellSpacing=3 borderColorDark=#554628 cellPadding=0 width=\"100%\" align=center borderColorLight=#bda675 background=http://yuandi.com/wysc/xiangsu/8/littlereddarkstrip2.jpg border=1&gt;<BR>&lt;TBODY&gt;<BR>&lt;TR&gt;<BR>&lt;TD width=\"100%\"&gt;<BR>&lt;TABLE cellSpacing=20 cellPadding=0 width=\"100%\" align=center background=http://yuandi.com/wysc/xiangsu/8/littleredbkgtile.jpg border=0&gt;<BR>&lt;TBODY&gt;<BR>&lt;TR&gt;<BR>&lt;TD width=\"100%\"&gt;<BR>&lt;TABLE cellSpacing=1 borderColorDark=#554628 cellPadding=0 width=\"100%\" align=center borderColorLight=#bda675 background=http://yuandi.com/wysc/xiangsu/8/littlereddarkstrip.jpg border=1&gt;<BR>&lt;TBODY&gt;<BR>&lt;TR&gt;<BR>&lt;TD width=\"100%\"&gt;<BR>&lt;TABLE cellSpacing=0 cellPadding=0 width=\"100%\" align=center background=http://yuandi.com/wysc/xiangsu/8/littleredtile.jpg border=0&gt;<BR>&lt;TBODY&gt;<BR>&lt;TR&gt;<BR>&lt;TD width=\"100%\"&gt;<BR>&lt align=center&gt;&lt;FONT color=#fff8e6 size=6&gt;&lt;BR&gt;&lt;BR&gt;加入字体&lt;BR&gt;&lt;BR&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;/DIV&gt;&lt;/DIV&gt;<BR>&lt&gt;&lt;/P&gt;</FONT><BR></P></FONT></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></DIV>
<DIV></DIV>
<></P>
8#
发表于 2008-2-8 02:42:14 | 只看该作者
9#
发表于 2008-2-8 15:50:05 | 只看该作者
10#
发表于 2008-2-14 12:19:50 | 只看该作者
11#
发表于 2008-2-14 19:32:14 | 只看该作者
                                       
b
12#
发表于 2008-2-17 16:40:49 | 只看该作者
13#
发表于 2008-2-21 22:51:54 | 只看该作者
还是不懂
14#
 楼主| 发表于 2008-3-8 10:36:42 | 只看该作者
<DIV style=\"VISIBILITY: visible\"><EMBED style=\"WIDTH: 460px; HEIGHT: 350px\" name=rotating_glass align=middle src=http://flash.picturetrail.com/pflicks/3/spflick.swf width=460 height=350 type=application/x-shockwave-flash allowScriptAccess=\"sameDomain\" bgcolor=\"#000000\" wmode=\"transparent\" FlashVars=\"ql=2&amp;src1=http://pic80.picturetrail.com/VOL1945/10782872/flicks/1/4130405&amp;src2=http://widgetize.picturetrail.com/flicks/4130405\" quality=\"high\"></EMBED></DIV>
15#
发表于 2008-3-9 17:04:08 | 只看该作者
哈哈  
您需要登录后才可以回帖 登录 | 立即註冊帳號

本版积分规则

申请友链|关于我们|Archiver|手机版|小黑屋|狼氏网 ( 京ICP备14010652号

GMT+8, 2024-6-14 21:11 , Processed in 0.952418 second(s), 13 queries , Xcache On.

Powered by LangZu web2.0 Discuz Reinforcement! Array9.2 Licensed

© 2001-2013 Lang4 Inc. Theme.狼族

快速回复 返回顶部 返回列表
安全联盟站长平台