TA的每日心情 | 衰 2021-11-16 01:32 |
---|
签到天数: 1 天 [LV.1]初来乍到
管理员
金牌会员
  
- 积分
- 568
|
第一部分,基础学习
一,颜色代码:
(绿色)
<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>
十二,打开网站的时候自己做一个弹出窗口的广告:
<script language="javascript">
var TimerID=1;
window.open('http://2000.com','','width=600,height=300,left=100,top=50');
</script>
[tr][td=1,1,14][/td][td]第二部分举例说明:
一个好的帖子是可以给人以美的享受的,学会用Html代码做出自己的作品,能够让你真正体会发贴的乐趣.
其实Html代码并不象我们想像的那么难的*^o^*,只要你耐心地看下面的文章,记住一些简单常用的公式,而且能够举一反三,触类旁通,你很容易就可以做出漂亮的帖子.
学习之前,先了解一些基本常识,呵呵:
首先,要发Html代码的帖子,你所要发贴的地方必须是开放Html标签的如图)
[UploadFileDisp=06022516181996_1140855374.jpg]
我们再来看看发贴这里如图)
[UploadFileDisp=06022516181996_1140856293.jpg]
其中Design是设计,UBB模式是大家平时发贴常用的代码,VIEW是预览,HTML就是我们要用的Html代码发贴的模式.
打开发贴页面,点击 HTML 按钮。取消自动修正的勾,然后在HTML格式栏内粘贴你要发的内容代码,编辑你的贴子,完成后点击返回Design。Design模式的状态下,点击预览,预览效果正常,就可以发表了。预览效果不正常,再点击返回HTML模式,修改代码。
编写代码的时候,代码之间只能空一格,如 昧嘶爻祷蚴欠中芯突嵛薹ㄕ O允玖恕H绻 ⒈硖 雍螅 鱿郑阂韵履谌莺 疟?或可能导致页面不正常的代码的提示,可以试运行代码,如果显示正常,那只要在修改编辑的时候,看看代码之间有没有多了或少了什么东西 ,把这些都删除修改,就可以正常显示了!
DVBBS7、0的版本不支持网页外挂,所以有些复杂的特效不能使用,象鼠标特效这些等!
DVBBS7、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对应!多或少都会出错!
上面例子中的图片链接可以换成你喜欢的图片,我只是举例而已,下同.
代码说明:
表格的基本结构:
<table>...</table> --- 定义表格
<tr> --- 定义表行
<td> --- 定义表元(表格的具体数据)
常用的参数设定及注解:
width="400"
表格宽度,接受绝对值(如 500)及相对值(如 80%)。
border="10"
表格边框的厚度。
cellspacing="2"
表格格线的厚度
cellPadding=5 表格格线内厚度
align="CENTER"
表格的摆放位置(水平),可选值为:左: left, 右: right, 居中: center
valign="TOP".
表格内内容的对齐方式(垂直),可选值为: top, middle, bottom。
background="背景图片网址"
表格的背景图片,与 bgcolor 不要同用。
bgcolor="#0000FF"
表格的底色,与 background 不要同用
bordercolor="#CF0000"
表格边框颜色
bordercolorlight="#00FF00"
表格边框向光部分的颜色
bordercolordark="#00FFFF"
表格边框背光部分的颜色,使用 bordercolorlight 或 bordercolordark 时 bordercolor 将会失效。
大家可以自己修改层数,颜色,背景,表格数据,也可以照搬我的代码 ,呵呵
二.如何贴图:
首先说明:
几个常用代码:
<BR>代码为换行符,一般在html中不使用回车断行。
段落标签:
文件段落的开始由<>来标记,段落的结束由</P>来标记,</P>是可以省略的,因为下一个<>的开始就意味着上一个<>的结束。<>标签还有一个属性ALING,它用来指名字符显示时的对齐方式,一般值有CENTER、LEFT、RIGHT三种。
位置控制:
通过ALIGN属性可以选择文字或图片的对齐方式,LEFT表示向左对齐,RIGHT表示向右对齐,CENTER表示居中。基本语法如下:<DIV ALIGN=#> #=left/right/center
居中:<center>....</center>
贴图基本代码:
单幅图片:
<img src=http://www.pic019_jpg.jpg>
IMG还有两个属性是HEIGHT和WIDTH,分别表示图形的高和宽。通过这两个属性,可以改变图形的大小,如果没有设置,图形按原大显示:
<IMG SRC="flowers0.jpg" width="200" heigth="100">
一些常用特效:
|
|