三毛钱

标题: 【鸽子推荐】　　Html代码详细解释、整理。（强烈推荐） [打印本页]

作者: II.〆鸽子° 时间: 2011-11-16 16:26
标题: 【鸽子推荐】　　Html代码详细解释、整理。（强烈推荐）
本帖最后由 II.〆鸽子° 于 2011-11-16 21:29 编辑

——————————————————————————————————————————————————————————

说明：

1.在你决定用HTML标签做帖时，首先要在帖子栏的下面选择HTML模式才能正常使用HTML标签编辑帖子。

2. 编辑HTML背景贴图帖子一般使用windonws自带的“记事本”。打开记事本，写入（或粘贴）HTML源代码。完成之后点“另存为”：“保存类型”选 “所有文件”，并在文件名后加文件扩展名“.htm”（去掉引号），“保存”。接着点电脑的“开始”、“文档”，在“文档”菜单下点击大“e”的该文件快捷图标，查看效果，若不满意，在网页随意空出击右键，点“查看源文件”，再次编辑至到满意。接着点开“记事本”菜单栏【格式】去掉【自动换行】前的小勾，然后右键“全选”再“复制”，发贴时右键“粘贴”。。。

3.请先在草稿箱中调试差不多后在发帖，养成保存的好习惯。

所有代码均为鸽子本人编辑，有错漏之处还请纠正，共同学习。

——————————————————————————————————————————————————————————

　　　　　　　　　　　　　　　　　　　　　　【关于背景】

效果：

原代码：

<TABLE align=center background="帖子背景图" border=0 cellPadding=0 cellSpacing=0 borderColor=#ffff00 width="100%"><TBODY><TR><TD>

帖子内容，文字或图片.....常用参数设定：

<tablewidth="400" border="1" cellspacing="2" cellpadding="2" align="CENTER" valign="TOP"background="myweb.gif" bgcolor="#0000FF" bordercolor="#CF0000" bordercolorlight="#00FF00"bordercolordark="#00FFFF" cols="2">

注解：

注解：

width="400"
表格宽度，接受绝对值（如 80）及相对值（如 80%）。

border="1"
表格边框的厚度，不同浏览器有不同的内定值，故请指明。

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

align="CENTER"
表格的摆放位置（水平），可选值为： left, right, centervalign="TOP".
表格内内容的对齐方式（垂直），可选值为： top, middle, bottom。　　background="myweb.gif"
表格的背景图片，与 bgcolor 不要同用。

bgcolor="#0000FF"
表格的底色，与 background 不要同用

bordercolor="#CF0000"
表格边框颜色

bordercolorlight="#00FF00"
表格边框向光部分的颜色

bordercolordark="#00FFFF"
表格边框背光部分的颜色，使用 bordercolorlight 或 bordercolordark 时 bordercolor 将会失效。

cols="2"
表格栏位数目，只是让浏览器在下载表格时先画出整个表格而已。

作者: II.〆鸽子° 时间: 2011-11-16 16:56
本帖最后由 II.〆鸽子° 于 2011-11-16 20:29 编辑

【关于贴图】

帖图格式：

<IMG src="图片连接URL地址">
< img>称图形标记，主要用来插入图形标记。

< IMG> 的一般参数设定：
例如：
<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">src="logo.gif"

图片来源，接受.gif, .jpg 及 .png 格式。

代码解析：

width=100 height=100
设定图片大小，此宽度及高度一般采用 pixels 作单位。通常只设为图片的真实大小，以免失真，若需要改图片大小最好使用图像编辑工具。
（改变大小的宽和高与原图的宽和高要成正比例，图片最好是改小不改大，以免失真。）

hspace=5 vspace=5
设定图片边沿空白，以免文字或其它图片贴近。hspace 是设定图片左右的空间， vspace 是设定图片上下的空间，高度采用 pixels 作单位。

border=2
图片边框厚度

align="top"
调整图片旁边文字的位置，你可以控制文字出现在图片的偏上方、中间、底部、左右等，可选值：top, middle, bottom, left, right，内定为 botom。

Netscape 还支持 texttop, baseline, absmiddle, absbottom，
texttop 表示图片和文字依顶线对齐，
baseline 表示图片对齐到目前文字行底线值，
absmiddle 表示图片对齐到目前文字行绝对中央，
absbottom 表示图片对齐到目前文字行绝对底部，（绝对底部是指它考虑到比如 y 、g、q 等字的下边）。

alt="Logo of PenPal Garden"
这是用以描述该图形的文字，若使用文字浏览器，由于不支持图片，这些文字将会代替图片被显示。若支持图片的浏览器，当鼠标移至图片上该文字也会显示。

lowsrc="pre_logo.gif"
设定先显示低解析度的图片，若加入的是一张很大的图片，下载要很长的时间，这张低解析度的图片会先被显示以免浏览者失去兴趣，通常是原图的黑白版本。

实例操作：普通插入原代码
<IMG border=0 height=92 src="http://www.ii23.cn/data/attachment/album/201111/06/143722d2zh2vkdg32di7vj.jpg" width=130>

调整图片位置：（居中）

原代码：
<IMG border=0 height=92 src="http://www.ii23.cn/data/attachment/album/201111/06/143722d2zh2vkdg32di7vj.jpg" width=130>

align=位置参数　可选值为：center（居中）　left （居左）　right （居右）

作者: II.〆鸽子° 时间: 2011-11-16 17:37
本帖最后由 II.〆鸽子° 于 2011-11-16 20:27 编辑

【关于文字设制】

一，文字基本设制：

一、基本代码如下：

插入文字

align=center　表示字体居中，可选值为居右（right）居左（left）

color=颜色代码，具体颜色代码可参照：论坛顶部颜色代码表

face=字体，常用字体为：宋体.黑体.楷体.仿宋.幻缘.新宋体.细明体等

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

二，大字体文字：
效果：

爱上学院，爱上鸽子

插入文字

size="40"数值越大，字就越大。

三，移动文字设置：

代码一：从右往左移动

爱上学院，爱上鸽子

<marquee>爱上学院，爱上鸽子</marquee>

代码二：从左往右移动
爱上学院，爱上鸽子

<marquee direction=right>爱上学院，爱上鸽子</marquee>

代码三：各种移动

<marquee behavior=移动效果>插入文字</marquee>

说明：

behavior=scroll 一圈一圈绕着走　
behavior=slide 只走一次　
behavior=alternate 来回走

停停走走效果：
爱上学院，爱上鸽子。

<marquee scrolldelay=500 scrollamount=100>爱上学院，爱上鸽子。</marquee>

四，文字特效显示：

效果一：
爱上学院，爱上鸽子。

<CENTER>爱上学院，爱上鸽子。</CENTER>

效果二： 爱上学院，爱上鸽子。

<MARQUEE behavior=alternate direction=up height=150 scrollAmount=5><MARQUEE behavior=altrnate scrollAmount=2 width=300 爱上学院，爱上鸽子。</MARQUEE></MARQUE></MARQUEE>

效果三：

爱上学院爱上学院

<MARQUEE height=40 width=240>爱上学院</MARQUEE><MARQUEE direction=right height=40 width=240>爱上鸽子</MARQUEE>

效果四： 爱上鸽子

<center> <marquee height="87" scrollamount="2" width="80" scrolldely="10" align="center"> 爱 <img src="http://www.ii23.cn/static/image/smiley/tuqiuqiu/6.gif" ;=""></marquee> <marquee height="87" scrollamount="2" width="80" scrolldely="10" align="center">上 <img src="http://www.ii23.cn/static/image/smiley/tuqiuqiu/5.gif" ;=""></marquee> <marquee height="87" scrollamount="2" width="80" scrolldely="10" align="center">鸽 <img src="http://www.ii23.cn/static/image/smiley/tuqiuqiu/16.gif" ;=""></marquee> <marquee height="87" scrollamount="2" width="80" scrolldely="10" align="center">子 <img src="http://www.ii23.cn/static/image/smiley/tuqiuqiu/2.gif" ;=""></marquee> </center>

作者: II.〆鸽子° 时间: 2011-11-16 20:39
本帖最后由 II.〆鸽子° 于 2011-11-16 20:47 编辑

【有关背景音乐】

基本语法：

<*EMBED SRC="音乐文件地址">

常用属性如下：

SRC="FILENAME"	设定音乐文件的路径
AUTOSTART=TRUE/FALSE	是否要音乐文件传送完就自动播放，TRUE是要，FALSE是不要，默认为FALSE
LOOP=TRUE/FALSE	设定播放重复次数，LOOP=6表示重复6次，TRUE表示无限次播放，FALSE播放一次即停止。
STARTIME="分:秒"	设定乐曲的开始播放时间，如20秒后播放写为STARTIME=00:20
VOLUME=0-100	设定音量的大小。如果没设定的话，就用系统的音量。
WIDTH / HEIGHT	设定控制面板的大小
HIDDEN=TRUE	隐藏控制面板
CONTROLS=CONSOLE/SMALLCONSOLE	设定控制面板的样子

例一：

<EMBED SRC="音乐文件地址" autostart=true hidden=true loop=true>

作为背景音乐来播放，隐藏了播放器。

例二：

<EMBED SRC="音乐文件地址" loop=true width=145 height=60>

出现控制面板了，你可以控制它的开与关，还可以调节音量的大小。

注明：mp3 rm ra ram asf mid等音乐都用这个播放器

IE中的的背景音乐：

代码如下：

<bgsound src="音乐文件地址" loop=#>

# =循环数

注明：这种背景音乐格式，只有在IE浏览器中才可以听到。一般用来插入wav wma mid等格试的音乐。

在论坛做帖常用格试如下：

例一：

<EMBED height=200 src=音乐文件地址 type=audio/x-pn-realaudio-plugin width=200 autostart="true" controls="IMAGEWINDOW,ControlPanel,StatusBar" console="Clip1"></EMBED>

说明：一般用来插入mp3 rm ra ram asf mid等音乐文件，如果要隐藏播放器，把width和height的数值改成0或者1就可以了。

例二：

<bgsound src="音乐文件地址" loop=3>

说明：一般用来插入wav wma mid等格试的音乐文件。

作者: II.〆鸽子° 时间: 2011-11-16 20:51
本帖最后由 II.〆鸽子° 于 2011-11-16 21:27 编辑

作者: 云晓月 时间: 2011-11-16 21:33
鸽子没你不行了啊啊啊~

社区、人员感谢你啊啊啊

作者: 再见，夏日阳光 时间: 2011-11-16 21:36
鸽子。我。不知道想说什么。好吧。放鸽子飞吧。

谢谢你。恩。一直把我说的话都放到心里还会行动。

。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。

作者: II.〆小雨滴° 时间: 2011-11-16 21:50