返回列表 发帖
14楼代码:
<TABLE id=table1 style="LEFT: -170px; WIDTH: 1000px; POSITION: relative; TOP: 40px"

  cellSpacing=25 borderColorDark=#344228 cellPadding=0 width="100%" align=center borderColorLight=#7ea063 background=http://xz1.2000y.net/348114/uploadpic/20041130221616791.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=15 borderColorDark=#344228 cellPadding=0 width="100%" align=center borderColorLight=#7ea063 background=http://xz1.2000y.net/348114/uploadpic/2004111418562989949.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellPadding=0 width="100%" background=http://xz1.2000y.net/348114/uploadpic/20041114959024242.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=5 borderColorDark=#344228 cellPadding=0 width="100%" borderColorLight=#7ea063 background=http://xz1.2000y.net/348114/uploadpic/20041225173447935.gif border=1>
<TBODY>
<TR>
<TD>
<TABLE cellPadding=0 width="100%" background=http://xz1.2000y.net/348114/uploadpic/20041114959024242.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=5 borderColorDark=#344228 cellPadding=0 width="100%" borderColorLight=#7ea063 background=http://xz1.2000y.net/348114/uploadpic/20041225173447935.gif border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 cellPadding=0 width="100%" background=http://xz1.2000y.net/348114/uploadpic/20041130223136635.jpg border=0>
<TBODY>
<TR>
<TD>
<P align=center><FONT color=#f0ffff size=5><STRONG><EM></P><SPAN class=tpc_content>
<CENTER>
<TABLE borderColor=#6c9100 cellPadding=2 width=620 background=http://www.lmbe.seu.edu.cn/blog/user1/99/upload/200512287444.jpg border=9>
<TBODY>
<TR>
<TD>
<P align=center> 
<P align=center><FONT face=华文彩云 color=#6c9100><FONT face=华文新魏 color=#6c9100><FONT size=6><IMG src="http://www.zxtx.org/user/yiyi/yiyijch/06/b8.jpg"></FONT></P>
<P align=center><SPAN class=tpc_content><FONT size=6></FONT></SPAN></P>
<P><FONT size=6></FONT> </P>
<P align=center><FONT color=red size=6><STRONG>帖子标题</STRONG></FONT></P>
<P align=center><FONT size=6></FONT> </P>
<P align=center><A href="http://www.haotuku.com/fengjing/guonei/gugong/html/057ce.html" target=_top><FONT size=6><IMG src="http://www.haotuku.com/fengjing/guonei/gugong/057ce.jpg" align=top border=0></FONT></A><BR></P>
<P align=center><FONT color=red size=6><STRONG>文字 </STRONG></FONT></P>
<P align=center><STRONG><FONT color=#ff0000 size=6></FONT></STRONG> </P>
<P align=center><A href="http://www.webtp.cn/Article/gg/3124.htm" target=_top><FONT size=6><IMG src="http://www.webtp.cn/Article/UploadFiles/200701/2007110134025870.jpg" align=top border=0></FONT></A><BR></P>
<P align=center><FONT color=red size=6><STRONG>文字</STRONG></FONT></P>
<P align=center><FONT color=#ff0000 size=6></FONT> </P>
<P align=center><A href="http://www.webtp.cn/Article/gg/3148.htm" target=_top><FONT size=6><IMG src="http://www.webtp.cn/Article/UploadFiles/200701/2007110134051636.jpg" align=top border=0></FONT></A><BR></P>
<P align=center><FONT size=6></FONT> </P>
<P align=center><FONT color=red size=6><STRONG>文字</STRONG></FONT></P>
<P align=center><STRONG><FONT color=#ff0000 size=6></FONT></STRONG> </P>
<P align=center><A href="http://www.haotuku.com/fengjing/guonei/gugong/html/057ce.html" target=_top><FONT size=6><IMG src="http://www.haotuku.com/fengjing/guonei/gugong/057ce.jpg" align=top border=0></FONT></A><BR></P>
<P align=center><FONT size=6></FONT> </P>
<P align=center><FONT color=red size=6><STRONG>文字</STRONG></FONT></P>
<P align=center><FONT size=6><BR></FONT></P>
<P align=center>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD align=middle><A href="http://www.snzjw.com/page/200501.htm" target=_top><FONT size=6><IMG src="http://www.snzjw.com/time/0805054a.jpg" align=top border=0></FONT></A><BR></TD></TR></TBODY></TABLE></P>
<P align=center><FONT color=red size=6><STRONG>加入播放器</STRONG></FONT></FONT></FONT></P>
<P align=center><FONT size=6><STRONG></STRONG></FONT> </P>
<P align=center><FONT color=red size=6>编辑制作[落款]</FONT> </P></TD></TR></TBODY></TABLE></CENTER></SPAN></FONT></EM></STRONG></TD></TR></EM></STRONG></FONT>
<P></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>

[ 本帖最后由 wzyh 于 2007-12-20 20:49 编辑 ]

TOP


HTML做帖教程 〓〓载入音乐



Quote:
CODE: [Copy to clipboard]
A:在线播放MP3,WMA,WMV,RM...等音乐格式的代码是:

<EMBED src=http://...........mp3 width=300 height=40 type=audio/x-pn-realaudio-plugin controls="ControlPanel" loop="true" autostart="true" volume="100">

发表时,复制此代码,替换音乐地址。即可!

------------------------------------------------------------------------------------------

Quote:
CODE: [Copy to clipboard]
B:在线播放视频音乐格式的代码是:

<EMBED src=http://...............mp3 width=300 height=300 type=audio/x-pn-realaudio-plugin controls="ControlPanel" loop="true" autostart="true" volume="100">

发表时,复制此代码,替换音乐地址。即可!

------------------------------------------------------------------------------------------

Quote:
CODE: [Copy to clipboard]
C.插入背景音乐代码是:

<bgsound src=http://..........mid loop="-1">

发表时,复制此代码,替换音乐地址。即可!

------------------------------------------------------------------------------------------

TOP

HTML英语意思是:Hypertext Marked Language,即超文本标记语言,是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文档,它能独立于各种操作系统平台(如UNIX,WINDOWS等)。自1990年以来HTML就一直被用作World Wide Web 的信息表示语言,用于描述Homepage的格式设计和它与WWW上其它Homepage 的连结信息。使用HTML语言描述的文件,需要通过WWW浏览器显示出效果。
所谓超文本,因为它可以加入图片、声音、动画、影视等内容,因为它可以从一个文件跳转到另一个文件,与世界各地主机的文件连接。

  通过HTML可以表现出丰富多彩的设计风格

     图片调用:<IMG SRC="文件名">
     文字格式:<FONT SIZE="+5 " COLOR="#FF0066">文字</FONT>


效果如下:

文字

通过HTML可以实现页面之间的跳转

     页面跳转:〈A HREF="文件路径/文件名"></A>

  通过HTML可以展现多媒体的效果
声频:<EMBED SRC="音乐文件名" AUTOSTART=true>
     视频:<EMBED SRC="视频文件名" AUTOSTART=true>

你可以使用记事本、写字板或 FrontPage Editor 等编辑工具来编写Html文件。Html语言使用标志对的方法编写文件,既简单又方便,它通常使用<标志名></标志名>来表示标志的开始和结束(例如<table></table>标志对),因此在Html文档中这样的标志对都必须是成对使用的

从代码结构来看,HTML帖子实际上就是一个去头去尾的Web页面,换句话说用HTML代码编辑的帖子

其实质就是网页编辑的一个小内容.因此要想学精通是比较困难的,可是千万别怕!!!我们都不是从事网页设计的,只想编个漂亮的帖子而已,那就简单的多了.大家只要记熟一些常用的代码,了解这些代码的含义就完全够了,我们可以采取套用(简单的复制粘贴),转贴后修改等方法来达到目的,多则半个月,少则一个星期,应该就能制作HTML代码帖子了,套用多了,自然就熟悉了,有兴趣的话可以进一步求精了.

[ 本帖最后由 wzyh 于 2007-12-20 20:50 编辑 ]

TOP

论坛HTML帖子常用代码

一、文字标记

基本代码如下:

<P align=center><FONT color=#0066ff face=隶书 size=5>插入文字</FONT></P>

align=center 表示字体居中,可选值为居右(right)居左(left)


color=颜色代码
face=字体 常用字体为:宋体.黑体.楷体.仿宋.幻缘.新宋体.细明体等

size=字体大小,这里的最大值为6 取值越大文字就越大


1.字体变化 <font>..........</font>
a.字体大小 <font size=#>..........</font> #=1~7;数字愈大字也愈大
b.指定字型 <font face="字体名称">..........</font>
c.文字颜色 <font color=#rrggbb>..........</font>
rr:表红色(red)色码
gg:表绿色(green)色码
bb:表蓝色(blue)色码

rrggbb也可用6位颜色代码数字

2.粗体字 <b>..........</b>
3 字体加粗<STRONG>..........</STRONG>和<b>标签差不多的效果
4.换行(也称回车) <br>

5.分段标记 <p>

文字的对齐方向 <p align="#"> #号可为 left:表向左对齐(预设值) center:表向中对齐 right:表向右对齐 P.S.<p align="#">之后的文字都会以所设的对齐方式显示,直到出现另一个<p align="#">改变其对齐方向,遇到<hr>或<h#>标签时会自动设回预设的向左对齐。

6.区隔标记 <DIV>

<DIV>称为区隔标记。作用:设定字、画、表格等的摆放位置。
<DIV>应用于 Style Sheet(式样表)方面会更显威力,它最终目的是给设计者另一种组织 能力,有 Class ; Style ; title ; ID 等属性。。
以 <DIV align="center"> 为例:

align="center"
可选值:center ; left ; right 。决定字、画、表格等居中、靠左或靠右。
<DIV align="center"> 的作用和居中标记 <CENTER>一样。。
注:其实常用跟<p>标签的效果差不多,但是功能比<p>相对强一些。。。

7.分隔线 <hr>
a.分隔线的粗细 <hr size=点数>
b.分隔线的宽度 <hr size=点数或百分比>
c.分隔线对齐方向 <hr align="#">
#号可为 left:表向左对齐(预设值) center:表向中对齐 right:表向右对齐
d.分隔线的颜色 <hr color=#rrggbb>
e.实心分隔线 <hr noshade>

8.居中对齐 <center>..........</center> 跟<p align="center">........</p>,<DIV align="center">........<DIV>效果基本是一样的。。。

9.文字移动标记<MARQUEE>..........</MARQUEE>

<marquee 属性=属性值> 滚动内容 </marquee>

移动速度指令是:scrollAmount=# #最小为1,速度为最慢;数字越大移动的越快。
字符移动每步的延时:scrolldelay=# 属性值为数字, #最小为1, 数值越大速度越大,反之亦然。
移动方向指令是:direction=# up向上、down向下、left向左、right向右。
移动方式:behavior 属性值为scroll:文字单向移动,side:移动到边界停止,alternate:到边界后反向移动;
align,对齐方式,其属性值为center,left,right,top, middle, bottom,分别表示居中,左对齐, 右对齐,对齐上沿、中间、下沿;
bgcolor,移动字符的背景色,属性值为颜色代码,可以是rrggbb 16 进制数码,r=red,g=green, b=blue,也就是色彩中的三原色,也可是预定义色彩;
loop,移动字符的循环次数,属性值为数字,若未指定则循环不止(infinite);

width及height,文字高度和宽度,以象素为单位,属性值为数字;
hspace字符左右留白长度,属性值为数字;
vspace字符上下留白长度,属性值为数字;
scrollamount字符的移动速度,属性值为数字,数值越大速度越大,反之亦然;

TOP

如何突破7号字的大小 我们需要以嵌套方式调用CSS样式来定义字体,这种方法可以让我们最大限度地设置字号大小,实现方法也很简单,只需在[size=+0]标签里用以下代码替换纯HTML原来的元素即可。请看以下代码和效果:





流浪者家园

<font color=#ff0000 style="font-size: 100pt;font-family:华文行楷,隶书,黑体">流浪者家园</font>

[ 本帖最后由 wzyh 于 2007-12-20 21:00 编辑 ]

TOP

以上是部分最常用的代码,HTML代码还有很多,全都列举出来会让初学者头皮发麻的,因此不想一下子全部列举.我想在实际的运用中结合实例再详细讲解,大家的印象会更深,也更容易理解.

以前面的文字移动标记<MARQUEE>..........</MARQUEE>为例,我们用实际来讲解

   在论坛默认的编辑状态下,我们可以通过UBB语法的move和fly语句让对象动起来,但功能很简单,只是平行地移动。而我们使用HTML的Marquee语句则可以产生更多的移动效果:向左、向右、向上、向下。再嵌套使用marquee语句,效果就更加丰富了。

    marquee的基本语法:<marquee> ... </marquee>

说明:与大多数HTML语法元素一样,它也是成双出现的,被修饰对象就放在起始符和终止符之间。请看如下例子:

<marquee> 流浪者家园</marquee>

流浪者家园

 瞧,简单吧?不过,以上例子只是使用了marquee的默认用法。我们加入相应的参数,它的移动方法就有所不同了。

参数一:behavior。移动方式。值:scroll(循环移动)、slide(只移动一个回合)、alternate(来回移动)。

例:<marquee direction=left behavior=alternate>哈哈,我来回走!</marquee>

哈哈,我来回走!

参数二:scrollamount。移动速度。值取正整数。数值越大,速度越快。例:

<marquee scrollamount=25>看,我走多快!</marquee>

看,我走多快!

参数三:scrolldelay

延时。数值。例:

<marquee scrolldelay=1000>我走一走,停一停</marquee>

我走一走,停一停

参数四:bgcolor

底色。例:

<marquee bgcolor=pink>看到了吧?我有底色!</marquee>

看到了吧?我有底色

#=rrggbb 16 进制数码,或者是下列预定义色彩:
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
Fuchsia, White, Green, Purple, Silver, Yellow, Aqua

参数五范围:width和height。就是移动的宽度与高度了。例:

<marquee width=200 height=200 bgcolor=pink direction=down>在我的地盘里移动!</marquee>

在我的地盘里移动!

参数6:外观(Layout)设置

1.对齐方式(Align) <align=#> #=top, middle, bottom

<marquee align=top width=400>我在上面移动</marquee>
<marquee align=middle width=400>我在中间移动</marquee>
<marquee align=bottom width=400>我在下面移动</marquee>

对齐上沿、中间、下沿。

我在上面移动对齐上沿

我在中间移动对齐中间

我在下面移动对齐下沿

 

参数7:空白<Margins><hspace=# vspace=#>

********************************************<br>你好
<marquee hspace=20 vspace=20 width=150 bgcolor=ffaaaa align=middle>版主来了</marquee>
大家好!<br>
********************************************

********************************************
你好 版主来了大家好!
********************************************

 

TOP

欢迎光临流浪者家园
 
代码:
<DIV align=center>
<DIV style="FILTER: shadow(color=#c299ff, strength=60); WIDTH: 480px"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 80pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#fff000>欢迎光临流浪者家园</FONT> </DIV></DIV>
 

TOP

代码:

<FONT color=#ff0000 size=15>欢</FONT><FONT color=#d52a00 size=15>迎</FONT><FONT color=#ab5400 size=15>光</FONT><FONT color=#817e00 size=15>临</FONT><FONT color=#57a800 size=15>流</FONT><FONT color=#2dd200 size=15>浪</FONT><FONT color=#ff0000 size=15>者</FONT><FONT color=#BF3EFF size=15>家</FONT><FONT color=#EE1289 size=15>园</FONT>

TOP

流浪者家园 原来这么简单 我只要会套用

代码

<FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=green); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>流浪者家园</B></FONT>

代码

<FONT style="FONT-SIZE: 60pt; FILTER: shadow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>原来这么简单</B></FONT>


代码

<FONT style="FONT-SIZE: 55pt; FILTER: shadow(color=#AF0530); WIDTH: 100%; COLOR: #f90b46; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书"><B>我只要会套用</B></FONT>


 

TOP

<FONT style="FONT-SIZE: 40pt; FILTER: glow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>BBS.liulanghome.com</B></FONT>

BBS.liulanghome.com

 

<FONT style="FONT-WEIGHT: bolder; FONT-SIZE: 50px; FILTER: blur(add=1, direction=45,strength=10); WIDTH: 500px; POSITION: relative" color=#ff00ff>你会套用吗?</FONT>

 

你会套用吗?

TOP

返回列表