雷电秋风 发表于 2007-4-8 06:26:36

发贴教程——使用HTML格式的语言发贴(初学篇)

大家在论坛看到的那些漂亮的贴图多是加了一些代码,这些代码就是HTML代码。    我个人认为不需要了解全部的网页HTML代码的意义,只需要理解一些最简单的HTML代码的,(我一般是把这些代码复制存放在电脑里面,要用的时候拿出来按照需要修改就是)。所以这里提供一些最基本的发贴所需代码,与大家共同学习。

首先是发贴注意事项:

打开页面,在“使用HTML”前打勾。然后在发表贴子的格式栏内粘贴代码编辑你的贴子,完成后点击”所见即所得模式“。效果正常,就可以发表了。效果不正常,再点击返回HTML模式,修改代码。

1、贴单张图(使用时去掉* 以下相同)

 代码: 
<*img src="图片地址">

设置图片大小:<*IMG SRC=图片地址 width=? height=?>
(说明:?代表你想要的图片尺寸)

给图片加边框
代码如下:

<*table border=6 cellSpacing=2 cellPadding=1 borderColor=#FFDEAD><td><img src=图片地址 width=500 height=375></td></table>

说明:

border="6" 表格边框的厚度,不同浏览器有不同的内定值。

cellspacing="2" 表格格线的厚度

cellPadding=1 表格格线内厚度

borderColor=#FFDEAD 边框色彩

雷电秋风 发表于 2007-4-8 06:27:38

发贴教程2——使用HTML格式的语言发贴(初学篇)

发贴教程2——使用HTML格式的语言发贴(初学篇)

文字设置:(使用时去掉* 以下相同)

<*font style=font:50pt face=华文行楷 color=red>文字内容</font>

其中:50pt是字体大小,可以调整数值;华文行楷是字体,也可以调整;red是颜色

发flash 公式

<*EMBED src=flash地址width=420 height=400 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high">


或者:<*EMBED SRC=地址   width=275 height=200>

贴音乐的公式:

反复播放的

<*EMBED src="音乐连接地址" width=0 height=0 type=audio/mpeg loop="true" autostart="true" panel="0">
一般播放:
<*EMBED src="音乐连接地址" width=123 height=23 type=application/vnd.rn-realmedia autostart="true">
这里width=0 height=0 是隐藏

移动的文字或者图片

<*marquee direction=left>文字或图片</marquee>说明: left 向左移动
例:<marquee direction=left>文字或图片</marquee>


<*marquee direction=right>文字或图片</marquee> 说明: right 向右移动

<*marquee behavior=scroll>文字或图片</marquee> 说明: scroll 一圈一圈绕着走


<*marquee behavior=slide>文字或图片</marquee>说明: slide 只走一次


<*marquee behavior=alternate>文字或图片</marquee>说明:alternate 来回走

文字向上滚注意文字分行并拉开行距:
<*marquee direction=up scrollamount=3>文字<*/marquee>

图片移动与文字移动一样的代码,就是把文字部分换成贴图片的代码

雷电秋风 发表于 2007-4-8 06:29:14

发贴教程3——Html设置背景(初学篇)

Html设置背景:

一个完整的HTML帖子应该是:
美贴=背景+文章+插图+收尾


设置背景的html代码如下:(使用时去掉* 以下相同)
<*TABLE align=center background="背景图片网址" border=10 cellSpacing=2 borderColor=#841A00 width=500><TBODY><TR><TD>帖子的文章加图片<*/TD><*/TR><*/TBODY><*/TABLE>


注意:前边用了多少<*table......><*tr><*td>后面就要有多少<*/td><*/tr><*/table>收尾。多收和少收都会使帖子出错。

常用的参数设定及注解:

<*table width="400" border="10" cellspacing="2" cellpadding="2" align="CENTER" valign="TOP" background="图片网址" bgcolor="#0000FF" bordercolor="#CF0000" bordercolorlight="#00FF00" bordercolordark="#00FFFF">

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 将会失效。

发表于 2007-4-8 07:36:39

挺清楚的,不过为了安全起见,普通会员被限制了使用HTML代码的权利哦

zhansh 发表于 2007-4-8 08:22:34

很实用的教程,谢谢

落岸喵喵 发表于 2007-4-9 20:59:40

谢谢雷风的教程啊,有什么简单易学的教程继续发上来哦~:$

zhansh 发表于 2007-4-9 21:48:32

先在发的就是最简单的撒

lemon0202 发表于 2007-4-9 22:35:27

简单易懂,最好能把效果图也帖出来

Louisa 发表于 2007-6-22 22:09:23

感谢雷风斑斑,终于找到啦,收藏起来,慢慢研究~~~:)

sex123 发表于 2007-6-22 23:08:40

原帖由 涯 于 2007-4-8 07:36 发表 http://www.luoan.cn/bbs/images/common/back.gif
挺清楚的,不过为了安全起见,普通会员被限制了使用HTML代码的权利哦
我想,这才是问题的罩门所在:time:
页: [1] 2
查看完整版本: 发贴教程——使用HTML格式的语言发贴(初学篇)