ii23休闲社区

 找回密码
 注册(请使用中文昵称)

QQ登录

只需一步,快速开始

扫一扫,访问微社区

积分、等级、阅读权限说明社区担保,交易无忧
查看: 9237|回复: 30

[H码教程] 【鸽子推荐】  Html代码详细解释、整理。(强烈推荐)

  [复制链接]

签到天数: 158 天

[LV.7]常住居民III

单身中……
帮我摆脱单身吧
发表于 2011-11-16 16:26:27 | 显示全部楼层 |阅读模式
本帖最后由 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" 
表格的摆放位置(水平),可选值为: leftrightcentervalign="TOP". 
表格内内容的对齐方式(垂直),可选值为: topmiddlebottom。   
background="myweb.gif" 
表格的背景图片,与 bgcolor 不要同用。 

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

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

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

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

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

评分

参与人数 6威望 +39 金钱 +92 魅力 +8 收起 理由
挥霍的年代。 + 2 超级偶像啊。
II.〆昵娅° + 10 + 20 + 2 给力!我的最大限度给你了!
晓清 + 10 + 20 + 1 很给力!
II.〆小雨滴° + 5 + 20 只能给你20块!!最大限度
再见,夏日阳光 + 4 + 2 鸽子。我。。。
云晓月 + 10 + 30 + 3 鸽子V5

查看全部评分

签到天数: 158 天

[LV.7]常住居民III

单身中……
帮我摆脱单身吧
 楼主| 发表于 2011-11-16 16:56:35 | 显示全部楼层
本帖最后由 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>



调整图片位置:(居中)

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



align=位置参数 可选值为:center(居中) left (居左) right (居右)


回复

使用道具 举报

签到天数: 158 天

[LV.7]常住居民III

单身中……
帮我摆脱单身吧
 楼主| 发表于 2011-11-16 17:37:42 | 显示全部楼层
本帖最后由 II.〆鸽子° 于 2011-11-16 20:27 编辑

【关于文字设制】

一,文字基本设制:

一、基本代码如下:
<P align=center><FONT color=#0066ff face=隶书 size=5>插入文字</FONT></P>

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

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

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

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


二,大字体文字:
效果:

爱上学院,爱上鸽子


<p><font face="宋体" color="#ffcc00" size="40"><strong>插入文字</strong></font></p>
size="40"数值越大,字就越大。


三,移动文字设置: 

代码一:从右往左移动

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


代码二:从左往右移动
爱上学院,爱上鸽子
<marquee direction=right>爱上学院,爱上鸽子</marquee>
代码三:各种移动
<marquee behavior=移动效果>插入文字</marquee>

说明:

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

停停走走效果:
爱上学院,爱上鸽子。
<marquee scrolldelay=500 scrollamount=100>爱上学院,爱上鸽子。</marquee>

四,文字特效显示:

效果一:
爱上学院,爱上鸽子。
<br><CENTER><FONT style="COLOR: #e4ec9b; FILTER: glow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>爱上学院,爱上鸽子。</B></FONT></CENTER>
效果二: 爱上学院,爱上鸽子。
<MARQUEE behavior=alternate direction=up height=150 scrollAmount=5><MARQUEE behavior=altrnate scrollAmount=2 width=300 <FONT color=red face=楷体_gb2312 size=5>爱上学院,爱上鸽子。</FONT></MARQUEE></MARQUE></MARQUEE>
效果三:

爱上学院
爱上学院
<FONT color=#0096ff face=隶书 size=5><MARQUEE height=40 width=240>爱上学院</FONT></MARQUEE><FONT color=#0000ff face=隶书 size=5><MARQUEE direction=right height=40 width=240>爱上鸽子</MARQUEE></FONT></FONT>
效果四:
<center> <marquee height="87" scrollamount="2" width="80" scrolldely="10" align="center"><b> <font color="#6495ed" face="宋体" style="FONT-SIZE: 30pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal">爱 <img src="http://www.ii23.cn/static/image/smiley/tuqiuqiu/6.gif" ;=""></font></b></marquee> <marquee height="87" scrollamount="2" width="80" scrolldely="10" align="center"><b><font color="#6495ed" face="宋体" style="FONT-SIZE: 30pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal">上 <img src="http://www.ii23.cn/static/image/smiley/tuqiuqiu/5.gif" ;=""></font></b></marquee> <marquee height="87" scrollamount="2" width="80" scrolldely="10" align="center"><b><font color="#6495ed" face="宋体" style="FONT-SIZE: 30pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal">鸽 <img src="http://www.ii23.cn/static/image/smiley/tuqiuqiu/16.gif" ;=""></font></b></marquee> <marquee height="87" scrollamount="2" width="80" scrolldely="10" align="center"><b><font color="#6495ed" face="宋体" style="FONT-SIZE: 30pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal">子 <img src="http://www.ii23.cn/static/image/smiley/tuqiuqiu/2.gif" ;=""></font></b></marquee> </center>
回复

使用道具 举报

签到天数: 158 天

[LV.7]常住居民III

单身中……
帮我摆脱单身吧
 楼主| 发表于 2011-11-16 20:39:57 | 显示全部楼层
本帖最后由 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等格试的音乐文件。

评分

参与人数 1金钱 +16 魅力 +1 收起 理由
II.〆石Zi° + 16 + 1 很详细的基础知识。我把这个当手册了。

查看全部评分

回复

使用道具 举报

签到天数: 158 天

[LV.7]常住居民III

单身中……
帮我摆脱单身吧
 楼主| 发表于 2011-11-16 20:51:05 | 显示全部楼层
本帖最后由 II.〆鸽子° 于 2011-11-16 21:27 编辑

回复

使用道具 举报

签到天数: 1014 天

[LV.10]以坛为家III

单身中……
帮我摆脱单身吧
发表于 2011-11-16 21:33:47 | 显示全部楼层
鸽子没你不行了啊啊啊~

社区、人员感谢你啊啊啊
回复

使用道具 举报

签到天数: 333 天

[LV.8]以坛为家I

单身中……
帮我摆脱单身吧
发表于 2011-11-16 21:36:57 | 显示全部楼层
鸽子。我。不知道想说什么。好吧。放鸽子飞吧。

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

。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
回复

使用道具 举报

签到天数: 921 天

[LV.10]以坛为家III

单身中……
帮我摆脱单身吧
发表于 2011-11-16 21:50:34 | 显示全部楼层
神鸟大叔强悍啊,辛苦了
回复

使用道具 举报

签到天数: 1330 天

[LV.10]以坛为家III

单身中……
帮我摆脱单身吧
发表于 2011-11-16 22:12:16 | 显示全部楼层
鸽子的推荐肯定没错  
回复

使用道具 举报

签到天数: 334 天

[LV.8]以坛为家I

单身中……
帮我摆脱单身吧
发表于 2011-11-17 09:05:40 | 显示全部楼层
大叔V5啊。大妈要感动死了。[s:71]
回复

使用道具 举报

签到天数: 512 天

[LV.9]以坛为家II

默默默若
幸福:62℃
发表于 2011-11-17 12:39:34 | 显示全部楼层
神一样的人物   
回复

使用道具 举报

签到天数: 675 天

[LV.9]以坛为家II

单身中……
帮我摆脱单身吧
发表于 2011-11-18 05:23:28 | 显示全部楼层
居然没看懂............................

点评

猪倍  发表于 2011-11-18 05:46
回复

使用道具 举报

签到天数: 218 天

[LV.7]常住居民III

发表于 2011-11-18 12:34:05 | 显示全部楼层
  ... 收了 慢慢研究 反应迟钝地。
回复

使用道具 举报

签到天数: 1715 天

[LV.Master]伴坛终老

ー脸兴奋﹖
幸福:577℃
发表于 2011-11-19 05:44:02 | 显示全部楼层
看的有点晕。先收藏了以后在慢慢研究来弄帖
回复

使用道具 举报

签到天数: 2267 天

[LV.Master]伴坛终老

獨噯丶婼詩
幸福:10064℃
发表于 2011-11-21 09:30:08 | 显示全部楼层
我进来了,然后做出一个决定:好好学习,天天求向上
回复

使用道具 举报

签到天数: 119 天

[LV.6]常住居民II

夏若
幸福:94℃
发表于 2011-11-23 10:11:47 | 显示全部楼层
这个太给力了,收藏慢慢看。
回复

使用道具 举报

签到天数: 1099 天

[LV.10]以坛为家III

单身中……
帮我摆脱单身吧
发表于 2011-12-3 16:28:58 | 显示全部楼层
慢慢看看,学习下。
回复

使用道具 举报

签到天数: 177 天

[LV.7]常住居民III

单身中……
帮我摆脱单身吧
发表于 2012-1-5 13:21:59 | 显示全部楼层
我进来了,然后做出一个决定:好好学习,天天求向上
回复

使用道具 举报

签到天数: 368 天

[LV.9]以坛为家II

青青莫阑
幸福:200℃
发表于 2012-7-9 18:28:55 | 显示全部楼层
我进来了,然后做出一个决定:好好学习,天天求向上
回复

使用道具 举报

签到天数: 368 天

[LV.9]以坛为家II

青青莫阑
幸福:200℃
发表于 2012-8-11 20:37:05 | 显示全部楼层
我今天真的觉得喜欢学习了
回复

使用道具 举报

*滑动验证:

本版积分规则

小黑屋|手机版|Archiver|广告合作|ii23休闲社区 ( 闽ICP备09017971号  
会员言论仅代表个人观点,所有内容由网友自由发布,如侵害你的权益,请联系我们在24小时协助您处理完毕。

GMT+8, 2019-6-27 00:30 , Processed in 0.199867 second(s), 109 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表