HLMI代码学习-优快云博客

第一部分，基础学习

一，颜色代码：
（绿色）
<font color="#008000">填入文字</font>

（褐色）
<font color="#800000">填入文字</font>

（蓝色）
<font color="#000080">填入文字</font>

（紫色）
<font color="#800080">填入文字</font>

（红色）
<font color="#FF0000">填入文字</font>

二,文字加粗倾斜的代码

文字加粗的代码是: <b>你好</b>

文字倾斜的代码是: <i>你好！</i>

三，文字链接代码：

如果您想点击某处文字会连接到另外一个网页的效果，这是超链接，代码是这样：

<a href="网站地址";>填入文字</a>

如果要点了这个文字以后重新打开一个窗口的话，代码是：

<a href="网站地址";; target="_blank">填入文字</a>

四，在网站上放图片的代码：

如果你看到一个好看的图片想放到网站上，代码是这样的：

<img src="http://www.2000.com/wwwimages/n/163logo.gif"; width="150" height="100">

后面的数字调节图片的尺寸大小。

五，图片链接代码：

如果要点一下图片就能打开一个网站的链接代码是这样的：

<a href="http://www.2000.com";><img src="http://www.2000.com/wwwimages/n/2000logo.gif"; width="150"

height="100"></a>

如果要点一下图片就能打开一个网站的链接，并且重新打开一个窗口。代码是这样的：

<a href="http://www.163.com";; target="_blank"><img src="http://www.163.com/wwwimages/n/163logo.gif"; width="150"

height="100"></a>

上面的数字都能调节图片尺寸大小。

六，换行代码：

如果你想换行，直接用Enter键是不行的，需要在您想换行的位置输入

，这样就会分成两行显示，整个网站看起来也不会是一大片了，而是段落分明。

七，文字移动的代码是：

<marquee>这里写文字</marquee>

八，移动图片的代码：

<marquee><img src="http://games.tom.com/images/2002/gamemm/0604/s/36.jpg";><img

src="http://games.tom.com/images/2002/gamemm/0604/s/13.jpg";><img

src="http://games.tom.com/images/2002/gamemm/0604/s/30.jpg";><marquee>

把里面的图片地址换成你的就行想多放一个图片就按照格式在中间插入：

<img src="http://games.tom.com/images/2002/gamemm/0604/s/13.jpg";>

里面的图片地址自己定。

九，背景音乐的代码：

如果想在你的网站上放上一段好听的背景音乐，代码是： <bgsound src="http://xxxxx.com/xxx.mid";loop=10>

<bgsound src="http://www.midifan.com/midi/music.asp?id=3073";loop=30>

里面的背景音乐地址你能自己替换。

前面的是音乐地址，一般都以mid或者mp3的形式结尾后面的数字是播放次数。

http://www.midifan.com/midi/

这个网站都有好的背景音乐

十，在网站中插入一个flash动画的代码是：

<embed width=200 height=200

src="http://flash.shangdu.com/view/2/fff.swf";>

里面的动画地址换成你的.动画地址都要以swf的形式结尾。这点需要注意。

十一，打开网站时候出现的欢迎词代码：

<body onLoad= alert("你好，欢迎访问本网站！")>

十一，关闭网站的时候出现的话

<body onUnload="window.alert('谢谢您的光临,诚邀加盟下线联盟.请记住本站长域名：http://***.2000.com 站长信

箱：****@163.com 欢迎咨询')">

十二，打开网站的时候自己做一个弹出窗口的广告：

<script language="javascript">

var TimerID=1;

window.open('http://2000.com','','width=600,height=300,left=100,top=50');

</script>

第二部分举例说明：

一个好的帖子是可以给人以美的享受的,学会用Html代码做出自己的作品,能够让你真正体会发贴的乐趣.

其实Html代码并不象我们想像的那么难的*^o^*,只要你耐心地看下面的文章,记住一些简单常用的公式,而且能够举一反三,触类旁通,你很容易就可以做出漂亮的帖子.

学习之前,先了解一些基本常识,呵呵:

首先,要发Html代码的帖子,你所要发贴的地方必须是开放Html标签的

如图)

[UploadFileDisp=06022516181996_1140855374.jpg]

我们再来看看发贴这里

如图)

[UploadFileDisp=06022516181996_1140856293.jpg]

其中Design是设计,UBB模式是大家平时发贴常用的代码,VIEW是预览,HTML就是我们要用的Html代码发贴的模式.

打开发贴页面，点击 HTML 按钮。取消自动修正的勾，然后在HTML格式栏内粘贴你要发的内容代码,编辑你的贴子，完成后点击返回Design。Design模式的状态下，点击预览，预览效果正常，就可以发表了。预览效果不正常，再点击返回HTML模式，修改代码。

编写代码的时候，代码之间只能空一格，如昧嘶爻祷蚴欠中芯突嵛薹ㄕＯ允玖恕Ｈ绻 ⒈硖雍螅鱿郑阂韵履谌莺疟?或可能导致页面不正常的代码的提示，可以试运行代码，如果显示正常，那只要在修改编辑的时候，看看代码之间有没有多了或少了什么东西，把这些都删除修改，就可以正常显示了！

ＤＶＢＢＳ7、0的版本不支持网页外挂，所以有些复杂的特效不能使用，象鼠标特效这些等！

ＤＶＢＢＳ7、0的版本不支持HTML与UBB合用，所以大家在想换行的时候，要使用换行符

，而不能简单的通过回车来实现。其他也一样，不能把UBB与HTML标签合用！

HTML代码注重对称性，这点要切记，比如前面有TABLE，后面就一定有一个/TABLE对应.

一个完整的HTML帖子一般包括:

外面的表格框架+文章和图片(包括一些flash和一些特效)+背景音乐

下面我一样样来教大家

说明:以下所有举例的代码大家可以边学边试,建议用记事本来编辑修改,要注意的是,用记事本做好代码内容后一定要取消记事本格式里的自动换行,才能复制粘贴到论坛里!!切记!)

一.表格框架的设计:

只有一层的表格代码：

举例:

<TABLE align=center background="背景图片链接" border=10 cellSpacing=2 cellpadding="2" valign="TOP" bgcolor="#0000FF" borderColor=#841A00 bordercolorlight="#00FF00" bordercolordark="#00FFFF"> width=500><TBODY><TR><TD>帖子的文章加图片</TD>< /TR></TBODY></TABLE>

多层表格的代码:

举个8层的例子:(大家可以灵活运用)

<TABLE cellSpacing=0 cellPadding=4 width="95%" align=center background=http://www.enchantingdesignz.com/linkware/parker/p2strip.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE height=315 cellSpacing=0 cellPadding=15 width="100%" background=http://www.enchantingdesignz.com/linkware/parker/p2background.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE height=355 cellSpacing=0 cellPadding=2 width="100%" background=http://www.enchantingdesignz.com/linkware/parker/p2strip.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE height=387 cellSpacing=0 cellPadding=2 width="100%" background=http://www.enchantingdesignz.com/linkware/parker/p2background.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE height=365 cellSpacing=0 cellPadding=2 width="100%" background=http://www.enchantingdesignz.com/linkware/parker/p2strip.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 cellPadding=15 width="100%" background=http://www.enchantingdesignz.com/linkware/parker/p2background.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE height=362 cellSpacing=0 cellPadding=2 width="100%" background=http://www.enchantingdesignz.com/linkware/parker/p2strip.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE height=361 cellSpacing=0 cellPadding=4 width="100%" background=http://www.enchantingdesignz.com/linkware/parker/p2background.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE height=204 cellSpacing=0 cellPadding=4 width="100%" border=0>
<TBODY>
<TR>
<TD>
你的帖子内容
</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></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

请注意:HTML代码注重对称性，这点要切记，比如前面有TABLE，后面就一定有一个/TABLE对应!多或少都会出错!

上面例子中的图片链接可以换成你喜欢的图片,我只是举例而已,下同.