注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

雪劲松的博客

特色:新设学生创业目录。简约,条理,以观赏陶冶情操,以资料方便博友。

 
 
 

日志

 
 

常用HTML代码解释  

2008-07-09 10:51:19|  分类: 12-2、内容 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

一、文字

1.标题文字 <h#>..........</h#> #=1~6;h1为最大字,h6为最小字

如:<H1>你好!</H1>,显示为最大。

2.非标题文字

如:<FONT face=黑体 color=#ff0000 size=6>你好!</FONT>,显示极大、红色、黑体字。

【1】字体大小 <font size=#>..........</font> #=1~7;数字愈大字也愈大

【2】指定字型 <font face="字体名称">..........</font>

【3】文字颜色 <font color=#6位数字>..........</font>

【4】color=#6位数字表示颜色,见我的博客里“《装扮博客素材库》01”

 3.显示小字体 <small>..........</small>

如:<SMALL>你好</SMALL> ,显示为小字体。

4.显示大字体 <big>..........</big>

如:<BIG>你好</BIG>,显示为大字体。

5.粗体字 <b>..........</b>

如:<B><BIG>你好</BIG></B>,显示为大粗字体。

6.斜体字 <i>..........</i>

如:<I>你好</I>,显示为斜字体,<EM>你好</EM> 也可以显示斜字体。

8.底线 <u>..........</u>

如:<U>你好</U>,显示:你好

9.删除线 <strike>..........</strike>

如:<STRIKE>你好</STRIKE>,显示:你好

10.下标字 <sub>..........</sub>

如:任一段文字<SUB>你好</SUB> ,显示:任一段文字你好

11.上标字 <sup>..........</sup>

如:欢迎光临!<SUP>你好!</SUP> ,显示:欢迎光临!你好!

13.换行(也称回车) <br>

如:欢迎光临!<BR>你好! 显示:

欢迎光临!
你好!

14.分段 <p>

如:以动画为主,拟建成集观赏、资料、咨询型于一体的温馨港湾,以便更好的为博友服务。以动画为主,拟建成集观赏、资料、咨询型于一体的温馨港湾,以便更好的为博友服务。以动画为主,拟建成集观赏、资料、咨询型于一体的温馨港湾,以便更好的为博友服务。 <P>以动画为主,拟建成集观赏、资料、咨询型于一体的温馨港湾,以便更好的为博友服务。以动画为主,拟建成集观赏、资料、咨询型于一体的温馨港湾,以便更好的为博友服务。

显示:

以动画为主,拟建成集观赏、资料、咨询型于一体的温馨港湾,以便更好的为博友服务。以动画为主,拟建成集观赏、资料、咨询型于一体的温馨港湾,以便更好的为博友服务。以动画为主,拟建成集观赏、资料、咨询型于一体的温馨港湾,以便更好的为博友服务。

以动画为主,拟建成集观赏、资料、咨询型于一体的温馨港湾,以便更好的为博友服务。以动画为主,拟建成集观赏、资料、咨询型于一体的温馨港湾,以便更好的为博友服务。

15.文字的对齐方向 <p align="#"> #号可为 left:表向左对齐; center:表向中对齐; right:表向右对齐 P.S.<p align="#">之后的文字都会以所设的对齐方式显示,直到出现另一个<p align="#">改变其对齐方向,遇到<hr>或<h#>标签时会自动设回预设的向左对齐。

如:

A、<P align=left>以动画为主,拟建成集观赏、资料、咨询型于一体的温馨港湾,以便更好的为博友服务。</P>

显示:

以动画为主,拟建成集观赏、资料、咨询型于一体的温馨港湾,以便更好的为博友服务。

B、<P align=center>以动画为主,拟建成集观赏、资料、咨询型于一体的温馨港湾,以便更好的为博友服务。</P>

显示:

以动画为主,拟建成集观赏、资料、咨询型于一体的温馨港湾,以便更好的为博友服务。

       C、<P align=right>以动画为主,拟建成集观赏、资料、咨询型于一体的温馨港湾,以便更好的为博友服务。</P>

显示:

以动画为主,拟建成集观赏、资料、咨询型于一体的温馨港湾,以便更好的为博友服务。

16.实心分隔线

<DIV align=left><HR style="WIDTH: 438px; HEIGHT: 10px" color=#ff0000 noShade ></DIV>  

【1】分隔线对齐方向 align="#"

     #号可为 left:表向左对齐(预设值) center:表向中对齐 right:表向右对齐

【2】分隔线的颜色 color=#rrggbb

【3】实心分隔线 noshade

【4】分隔线尺寸  style="WIDTH: 438px; HEIGHT: 10px",WIDTH:宽,HEIGHT:高。

20.文字移动指令<MARQUEE>..........</MARQUEE>

     移动速度指令是:scrollAmount=#    #最小为1,速度为最慢;数字越大移动的越快。

     移动方向指令是:direction=#          up向上、down向下、left向左、right向右。    

     指令举例:<MARQUEE scrollAmount=3 direction=up>你好!</MARQUEE>

      显示:“你好”向上移动,速度适中。

二、图片

1.插入图片 <img src="图片网上地址">

如:<IMG src="http://img.blog.163.com/photo/D15WFyD3Ii0AaGIFJI2yag==/3987374520083892692.jpg">

显示:为上地址的图片。

3.设定图形大小 -- width、height <img src="图形文件名" width=宽度 height=高度>

如:<IMG height=250 src="http://img.blog.163.com/photo/D15WFyD3Ii0AaGIFJI2yag==/3987374520083892692.jpg" width=500>

显示:高250、宽500的图片。

 4.设定图形上下左右留空 -- vspace、hspace

<img src="图片网络地址" vspace=上下留空大小 hspace=左右留空大小>

如:<IMG hspace=100 src="http://img.blog.163.com/photo/D15WFyD3Ii0AaGIFJI2yag==/3987374520083892692.jpg" vspace=10>

显示:符合上述要求的图片。

四、表格的主要属性

1. <table>标记的主要属性

   【1】 align定义表格的对齐方式,有三个属性值center,left,right ,与文字对齐方式同。

    【2】background定义表格的背景图案,属性值为图片的地址

如:

<DIV align=center>
<TABLE style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; WIDTH: 527px; BORDER-BOTTOM: 1px solid; HEIGHT: 197px" cellSpacing=1 cellPadding=1 width=527 align=center background=http://img.blog.163.com/photo/4KtHqbbR3kIdtx5hCMUupw==/5376735005127219121.jpg border=1>
<TBODY>
<TR>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD></TR>
<TR></TR></TBODY></DIV>

    【3】bgcolor定义表格的背景颜色,属性值是各种颜色代码

如:背景为浅绿色的表格:

<TABLE style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid" cellSpacing=1 cellPadding=1 width="100%" bgColor=#ccfc00 border=1>
<TBODY>
<TR>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD></TR>
<TR>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD></TR></TBODY></TABLE>

   【4】 border定义表格的边框宽度,属性值是数字

如:边框宽度为10的表格
<P style="TEXT-INDENT: 2em">
<TABLE style="BORDER-RIGHT: 10px solid; BORDER-TOP: 10px

solid; BORDER-LEFT: 10px solid; BORDER-BOTTOM: 10px

solid" cellSpacing=1 cellPadding=1 width="100%"

border=10>
<TBODY>
<TR>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD></TR>
<TR>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD></TR></TBODY></TABLE></P> 

   【5】 bordercolor定义表格边框的颜色,属性值是各种颜色代码

如:边框为红色的表格
<P style="TEXT-INDENT: 2em">
<TABLE style="BORDER-RIGHT: 10px solid; BORDER-TOP: 10px

solid; BORDER-LEFT: 10px solid; BORDER-BOTTOM: 10px

solid" borderColor=#ff0000 cellSpacing=1 cellPadding=1

width="100%" border=10>
<TBODY>
<TR>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD></TR>
<TR>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD></TR></TBODY></TABLE></P>

    【6】cellpadding定义单元格内容与单元格边框之间的距离,属性值是数字

如:单元格内容与单元格边框之间的距离为20的表格
<P style="TEXT-INDENT: 2em">
<TABLE style="BORDER-RIGHT: 10px solid; BORDER-TOP: 10px

solid; BORDER-LEFT: 10px solid; BORDER-BOTTOM: 10px

solid" cellSpacing=1 cellPadding=20 width="100%"

border=10>
<TBODY>
<TR>
<TD>&nbsp;你好</TD>
<TD>&nbsp;你好</TD></TR>
<TR>
<TD>&nbsp;你好</TD>
<TD>&nbsp;你好</TD></TR></TBODY></TABLE></P>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD></TR>
<TR>

    【7】cellspacing定义表格中单元格之间的距离

如:单元格之间的距离为10的表格
<P style="TEXT-INDENT: 2em">
<TABLE style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px

solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid"

cellSpacing=10 cellPadding=1 width="100%" border=1>
<TBODY>
<TR>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD></TR>
<TR>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD></TR></TBODY></TABLE></P>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD></TR>
<TR></TR></TBODY>
<DIV></DIV>
<TBODY>
<TR>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD></TR></TBODY></TABLE></DIV>

   【8】、height定义表格的高度,属性值是数字 width定义表格的宽度,属性值是数字

如:宽度是500 高度是50的表格
<P style="TEXT-INDENT: 2em">
<TABLE style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px

solid; BORDER-LEFT: 1px solid; WIDTH: 500px; BORDER-

BOTTOM: 1px solid; HEIGHT: 50px" cellSpacing=1

cellPadding=1 border=1>
<TBODY>
<TR>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD></TR>
<TR>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD></TR></TBODY></TABLE></P>

2. <tr>标记,表格是由多行与多列组成的,<tr>标记用来定义表格的一行。

如:2行的表格为
<P style="TEXT-INDENT: 2em">
<TABLE style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px

solid; BORDER-LEFT: 1px solid; WIDTH: 500px; BORDER-

BOTTOM: 1px solid; HEIGHT: 50px" cellSpacing=1

cellPadding=1 border=1>
<TBODY>
<TR>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD></TR>
<TR>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD></TR>
</TBODY></TABLE></P> 

3. <td>标记。用<td>标记表示表格的单元,在<td>和</td>输入内容(如:文字、图片)

如:

<TABLE style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid" cellSpacing=1 cellPadding=1 width="100%" border=1>
<TBODY>
<TR>
<TD>&nbsp;你好!</TD>
<TD>&nbsp;你好!</TD></TR>
<TR>
<TD>&nbsp;你好!</TD>
<TD>&nbsp;你好!</TD></TR></TBODY></TABLE>

六、歌曲代码:

    在这组代码中,不必管它是mms.http.rtsp,只要看尾缀是asf、wma、wmv、wmv、rm都可适用下面的代码:

1. 手动播放:

<EMBED src=歌曲地址 volume="100" width=39 height=18 hidden="FALSE" autostart="fault" type="audio/x-pn-realaudio-plugin" controls="PlayButton">

如:渔歌唱晚

<P align=center><EMBED style="WIDTH: 313px; HEIGHT: 44px" src=http://www.doteas.com.cn/music/009.wma type=audio/x-pn-realaudio-plugin controls="PlayButton" autostart="fault" volume="100"> </P>

2. 打开页面自动播放:

<EMBED src="歌曲地址" width="39" height="18" autostart="true" hidden="false" loop="infinite" align="middle" volume="100" type="audio/x-pn-realaudio-plugin" controls="PlayButton" autostart="true">

如:渔歌唱晚

<P align=center><EMBED style="WIDTH: 291px; HEIGHT: 45px" align=middle src=http://www.doteas.com.cn/music/009.wma width=291 height=45 type=audio/x-pn-realaudio-plugin loop="infinite" volume="100" controls="PlayButton" autostart="true"> </P>

     代码帖的外框是用图片制作的,制作者使用自己喜欢的图片搭配成那些精美外框。外框有单层和多层的,但制作时都是一样,在这里我举二个例子来说明。

一、双层外框      是用二组“TABLE”定义的代码组成的双层背景外框。一般在双层外框是外框图片+内容图片组成,也可以按下面的实例处理。大家可以先看实例和原代码:

原代码:

<DIV align=center>

<TABLE cellPadding=3 width=550 align=center background=http://www.coolhot.cn/680/hongxiu/yaoyaosucai/taozhuang/002.files/002.jpg border=0>

<TBODY>

<TR>

<TD>

<TABLE height=300 width=550 background=http://www.coolhot.cn/680/hongxiu/yaoyaosucai/taozhuang/002.files/001.gif border=1>

<TBODY>

<TR>

<TD>

<P align=center><FONT style="FONT-SIZE: 40pt; FILTER: glow(color=#98BBEF); WIDTH: 100%; COLOR: #6600ff; LINE-HEIGHT: 150%; FONT-FAMILY: 华文新魏">主题内容区</FONT></P><BR><BR><BR><BR><BR></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>

二、五层外框  

   五层外框是用五组“TABLE”定义的代码组成的。下面是实例、原代码和外框指令的位置图解:

原代码:

<DIV align=center>

<TABLE cellSpacing=35 align=center background=http://www.coolhot.cn/680/hongxiu/yaoyaosucai/taozhuang/002.files/001.gif border=0>

<TBODY>

<TR>

<TD>

<TABLE cellPadding=3 width="95%" align=center background=http://www.coolhot.cn/680/hongxiu/yaoyaosucai/taozhuang/002.files/002.jpg border=0>

<TBODY>

<TR>

<TD>

<TABLE cellPadding=13 width="100%" align=center background=http://www.coolhot.cn/680/hongxiu/yaoyaosucai/taozhuang/002.files/001.gif border=0>

<TBODY>

<TR>

<TD>

<TABLE cellPadding=0 width="96%" align=center background=http://www.coolhot.cn/680/hongxiu/yaoyaosucai/taozhuang/002.files/002.jpg border=0>

<TBODY>

<TR>

<TD>

<TABLE height=300 width=460 align=center background=http://www.coolhot.cn/680/hongxiu/yaoyaosucai/taozhuang/002.files/003.jpg border=0>

<TBODY>

<TR>

<TD><BR><BR><BR><BR>

<P align=center><FONT style="FONT-SIZE: 40pt; FILTER: glow(color=#98BBEF); WIDTH: 100%; COLOR: #6600ff; LINE-HEIGHT: 150%; FONT-FAMILY: 华文新魏">主题内容区</FONT></P><BR><BR><BR><BR><BR>

</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>

    大家可以从上面二个实例的原代码中看出,每层外框都是由“<TABLE……>”、“<TBODY>”、“<TR>”、“<TD>”加结束指令“</TD></TR></TBODY></TABLE>”指令对组成的,大家在制作时,一定要注意它的对应关系,如少了指令,在发帖时就容易出错。这是代码帖最基本的单元组,大家如果能掌握好这个规律,就可以制作出五彩缤纷的漂亮帖了。

三、发代码帖的注意事项 1、打开页面,点击UBB模式按钮。然后在UBB模式栏内粘贴代码编辑你的贴子,完成后点击返回Design模式。在Design模式的状态下,点击预览,预览效果正常,就可以发表了。预览效果不正常,再点击返回HTML模式,修改代码。

2、为什么在预览能看的,发贴后就不行啊?

  解决的办法:首先,请你检查语法是否正确。第二、用UBB格式语法编辑完后,点击“预览”查看效果。第三、以上都没问题后,再点击Design、点击预览查看或点击“发表”。有些贴(尤其是加了透明flash的贴)如果不这样,发表后是一堆乱码。

3、其它注意事项 (1)发表代码帖子的时候,要选择进入UBB模式窗口,并且取消自动修正。编辑修改的时候也一样。

 (2)编写代码的时候,代码之间只能空一格,如果用了回车或是分行就会无法正常显示了。如果发表帖子后,出现:以下内容含脚本,或可能导致页面不正常的代码的提示,可以试运行代码,如果显示正常,那只要在修改编辑的时候,看看代码之间有没有多了、 <、空格等,并把这些多余的代码都删除,才可以正常显示。

 (3)在UBB模式下是不支持默认换行,在需要换行时要使用换行符“<BR>”,而不能简单的通过回车来实现。

 (4)注意首、尾代码一致,代码多余或欠缺都会引起发布时出错。

套用代码:<div align="center"><table border="1" width="90%" height="403" background="背景图片地址"><tr><td width="80%" height="100%"><p align="center"><br><br><br><font face="华文彩云" size="6" color="#FFFFFF">歌曲或音乐名称</font><br><br><p align="center"><img src="图片地址"><br><br><font color="#FFFFFF" size=3>介绍文字</font><br><br><br><EMBED style="FILTER: xray()" src=音乐地址 width=250 height=30 type=audio/x-ms-wma autostart="true" loop="-1"><br><br><br></td></tr></table></div>

简易套用代码详解:

<div align="center">是定义帖子居中;

<table border="1" width="90%" height="403" background="背景图片地址"><tr><td width="80%" height="100%">

这其中的border="1"是定义表格边线的宽度,定义为0则无边线;width="90%" height="403"分别定义背景图表格的宽度和高度.如果背景图是一张大图,可以这样定义:width=图片宽度 height=图片高度

<p align="center"><br><br><br><font face="华文彩云" size="6" color="#FFFFFF">歌曲或音乐名称</font><br><br>

<p align="center">是定义文字居中的,<br>是回行代码,加几个就会空几行。<font face="华文彩云" size="6" color="#FFFFFF">是定义文字属性的。face="华文彩云"是定义字体,你可以把字体换成隶书、宋体等。size="6"是定义字号的,数字越大字越大,如果不定义,默认是2号字。color="#FFFFFF"是定义字体颜色的。全部字体颜色的代码在妙手饰图区有人发过,你可以找来改。

<p align="center"><img src="图片地址"><br><br><font color="#FFFFFF">介绍文字</font><br><br><br>

第一个括号里的代码仍然是定义图片和文字居中的。<img src="图片地址">是插入图片代码。<font color="#FFFFFF" size=3>介绍文字</font>是定义这段文字的。如果想改变字号、字体、字的颜色,可照搬上面我讲的定义方法。

<EMBED style="FILTER: xray()" src=音乐地址 width=250 height=30 type=audio/x-ms-wma autostart="true" loop="-1">

这一段是插入播放器代码,因为我插的是特殊的播放器,style="FILTER: xray()" 是特殊代码。“src=音乐地址”是插入音乐文件的地址。width=250 height=30分别定义播放器的宽度和高度(如果把宽和高都设成零则为隐藏,并且只能自动播放)。autostart="true" loop="-1"是定义音乐播放方式的,autostart="true"是设定手动或自动播放,“true”或“1”是自动播放,“false”或“0”是手动播放;loop="-1"是播放次数,“true”或“1”表示重复播放,“false”“-1”或“0”是只播放一次。

<br><br><br></td></tr></table></div>回行代码和与前面对应的固定代码。

怎样使用特效代码?

  

    只要把这些代码复制、粘贴到你的网页源代码中,保存,再在浏览器中打开,你就会看到效果了!

 

怎样在网页中插入代码?

·使用DreamWeaver:

    在编辑状态下按F10即弹出源代码窗口,将特效代码粘贴进去即可。

  

·使用FrontPage:

      点击编辑窗口左下角的“HTML”选项卡即出现源代码窗口,将特效代码粘贴进去即可。

  

·直接使用“记事本”等编辑器:

    直接用这些编辑器打开网页文件,出现的就是源代码,将特效代码粘贴进去即可。

 

在什么地方插入代码?

    一般来说,在网页源代码的<body>与</body>之间的任何地方插入代码都可以(除非特别指明,例如要求插入到<head>与</head>之间)。

 

该怎样修改代码?

    插入代码之后,把代码中的文字替换成你自己的内容即可。

  

    注意:为避免出错,请不要改动除中文文字之外的代码,否则程序可能会不能运行!

简单的html代码和西陆贴图知识

============================

        因为在发帖时要加入一些代码,这些代码就是html代码,一般是不需要了解这些html代码的意义,但是最简单的一些html代码是需要理解的,对调试特殊效果有帮助,这里我们提供一些简单的html代码,需要了解更多可以参照最下面的两个链接教程。

 

        其实在我们这个网站一般的贴图并不难,但要把图贴好还要下点功夫啦!如果bbs启用了编辑器就像我这儿,用复制粘贴方法最简单即:找到你想在bbs贴的图片(绝对网址,电脑硬盘里的不行需上传)用鼠标点图右键复制,移回到bbs发贴栏内右键粘贴,这时你就能在发帖栏内看到图片,然后提交完成操作。整个就是复制粘贴文章的过程.呵呵,简单吧

==============================

        另一种就是bbs最常用的html贴图方法:

         首先要找到你想在bbs贴的图片,右击图片/属性/图片地址(url),复制下来然后把它粘贴到""中间,

 

即单图法:<img src="图片地址">

================================

多图贴法分为:

 

1.横排贴法:

<img src="图片地址"><img src="图片地址"><img src="图片地址">........

================================

2.直排贴法:

<img src="图片地址">

<img src="图片地址">

<img src="图片地址">

<img src="图片地址">

........

直排较好看比较常用!在进行以上操作时键盘最好在英文状态。

特别注意:在我们这个网站使用html语言贴图,一定要事先在编辑器源代码前的空格内打上"勾"否则贴不出图的!! (待操作完成发帖前,再去掉“勾”你可阅览到你将要发出的文章,如有错误还可修改。)

================================

        在下面提供一些常用特效代码供大家方便使用

 

如何贴背景图案(文字与图片居中):

<center><table cellpadding=0 cellspacing=0 bordercolorlight=#aaaaee border=8 width=98% align=center table background="背景图片或颜色" width=700><tr><td><center><br><br><br>

文字或图片。。。

<td></table>

================================

图片加边框:

<table border=2><td><img src="图片地址"></td></table>

===============================

图上做文:<center><table width="480" border="0"><tbody><tr><td valign="left" background="图片地址" width="580" height="330">

</center>

</td>

</tr>

</table>

===============================

帖子里插入flash代码:

<embed src="http://flash地址" width=500 height=340></embed>

================================

贴mp3播放器的代码

<embed src="mp3地址" width=310 height=35 type=audio/x-pn-realaudio-plugin controls="controlpanel,statusbar" autostart="true" loop="true">

==============================

支持rm或mid格式(随机播放): 

<embed src="http--rm\mp3\mid" width=150 height=25 type=audio/x-pn-realaudio-plugin controls="controlpanel" autostart="true">

=============================

(非自动播放):

<embed name=player1 src="http:--rm\mp3" width=248 height=66 type=audio/x-pn-realaudio-plugin border="0">

============================

隐藏mp3播放器:   <embed width="0" height="0" src="mp3地址" type="application/x-shockwave-flash"></embed>

================================

播放器直接放(在中间小图):

<center><embed src="歌曲地址" width="39" height="18" autostart="true" hidden="false" loop="infinite" align="middle" volume="100" type="audio/x-pn-realaudio-plugin" controls="playbutton" autostart="true">

==============================

视频常用播放器[mtv]

<embed src="视频地址" type="audio/x-pn-realaudio-plugin" console="clip1" controls="controlpanel,statusbar" height="330" width="450" autostart="true">

 

一些常用的贴歌的语法,要学习的请进来看看

1.Mp自动播放代码是:<EMBED src=歌曲地址

width=300 height=45 type="audio/x-pn-realaudio-<br>plugin" loop="true" autostart="true" controls="ControlPanel,StatusBar">

2.Mp按键播放的代码是:<EMBED src=歌曲地址

width=300 height=45 type="audio/x-pn-realaudio-<br>plugin" loop="true" autostart="false" controls="ControlPanel,StatusBar"> 

3.MTV(包括Flash)视频播放的代码是:<EMBED style="WIDTH: 650px; HEIGHT: 450px" src=动画地址

width=650 height=450 type=audio/x-pn-realaudio controls="imagewindow" autostart="true" loop="true" console="huayue"> 

4.Realplayer按键播放的代码是:<EMBED src=歌曲地址  width=320 height=52

type="audio/x-pn-realaudio-<br>plugin"

loop="true" autostart="false" controls="ControlPanel,StatusBar">

5.Realplayer自动播放的代码是:<EMBED src=歌曲地址  width=320 height=52

type="audio/x-pn-realaudio-<br>plugin"

loop="true" autostart="true" controls="ControlPanel,StatusBar">

6.Realplayer视频播放的代码是:<EMBED style="WIDTH: 650px; HEIGHT: 450px" src=歌曲地址  width=650 height=450 type=audio/x-pn-realaudio controls="imagewindow" autostart="true" loop="true" console="huayue">

7.播放器变颜色的代码是:<EMBED style="FILTER: invert(); WIDTH: 300px; HEIGHT: 50px"

src=歌曲地址

type=audio/mpeg ShowStatusBar="1" autostart="true" loop=true volume="0"> 

8.点击下载(里面有歌曲地址)的代码是:<A href="歌曲地址"  target=_blank>点击下载 

9.如果想只听到音乐而看不到播放器的,只需要把代码里的width=320 height=52改为width=0 height=0就可以了.

10.使用Windows Media Player播放器自动播放的语法: <EMBED name=mplayer1 pluginspage=http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPlayer/ src=http://www.xbxk.com/temp/wjllnmbcjlgdaq.mp3

width=320 height=50

type=application\/x-mplayer2 showcontrols="1" ShowDisplay="0" ShowStatusBar="1" autostart="1">

11.使用Windows Media Player播放器手动播放的语法: <EMBED name=mplayer1 pluginspage=http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPlayer/ src=http://www.xbxk.com/temp/wjllnmbcjlgdaq.mp3

width=320 height=50

type=application\/x-mplayer2 showcontrols="1" ShowDisplay="0" ShowStatusBar="1" autostart="0">

你把代码(先把代码中的"歌曲地址"替换成你自己有效的歌曲地址)保存到文本文档.然后把文本文档里的内容(即是保存的代码)另存为x.htm文件.双击打开x.htm文件,这时浏览器会出现一个播放器的图标,你把播放器图标复制到你要发表的地方点击提交发表即可.

大家在论坛看到的那些漂亮的贴图多是加了一些代码,这些代码就是HTML代码,一般来说你是不需要了解这些HTML代码的意义,但是,最简单的一些HTML代码是需要理解的,对调试特殊效果有帮助~~

一、发贴第一步

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

  2、为什么在预览和VIEW能看的,发贴后就不行啊?

  剧我的观察,这是DVBBS 7.0的版本中HTML格式和VIEW格式的有些语法不能转换兼容。解决的办法:首先,请你检查语法是否正确。第二、用HTML格式语法编辑完后,点击VIEW查看效果。第三、以上都没问题后,在点击Design、点击预览查看,在点击HTML、在点击Design后发表。有些贴(尤其是加了透明flash的贴)如果不这样,发表后是一堆乱码。

  4、注意事项

  (1)、发表HTML帖子的时候,要选择进入HTML窗口,并且取消自动修正。编辑修改的时候也一样。

  (2)、编写代码的时候,代码之间只能空一格,如果用了回车或是分行就会无法正常显示了。如果发表帖子后,出现:以下内容含脚本,或可能导致页面不正常的代码的提示,可以试运行代码,如果显示正常,那只要在修改编辑的时候,看看代码之间有没有多了、 <等 ,把这些都删除,就可以正常显示!

  (3)、DVBBS7、0的版本不支持网页外挂,所以有些复杂的特效不能使用,象鼠标特效这些等!

  (4)、DVBBS7、0的版本不支持HTML与UBB合用,所以大家在想换行的时候,要使用换行符,而不能简单的通过回车来实现。其他也一样,不能把UBB与HTML标签合用!

  (5)、注意首、尾代码一致。因DVBBS7、0版本要求要高一些,不兼容代码多余或欠缺。

4、注意事项

(1)、发表HTML帖子的时候,要选择进入HTML窗口,并且取消自动修正。编辑修改的时候也一样。

  (2)、编写代码的时候,代码之间只能空一格,如果用了回车或是分行就会无法正常显示了。如果发表帖子后,出现:以下内容含脚本,或可能导致页面不正常的代码的提示,可以试运行代码,如果显示正常,那只要在修改编辑的时候,看看代码之间有没有多了、 <等 ,把这些都删除,就可以正常显示!

(3)、DVBBS7、0的版本不支持网页外挂,所以有些复杂的特效不能使用,象鼠标特效这些等!

  (4)、DVBBS7、0的版本不支持HTML与UBB合用,所以大家在想换行的时候,要使用换行符,而不能简单的通过回车来实现。其他也一样,不能把UBB与HTML标签合用!

    (5)、注意首、尾代码一致。因DVBBS7、0版本要求要高一些,不兼容代码多余或欠缺。

代码套用方法:

第一步:先把上面这段代码复制到记事本里;

第二步:填上你要用的网上的“背景图片地址”、“图片地址”、“歌曲或音乐名称”“音乐地址”(红色字部分)

第三步:在“介绍文字”处加上音乐介绍或歌词

第四步:到论坛点“发表话题”,在发帖区下面点“HTML”的格式键,并把旁边“自动修正”方框内的绿色对钩去掉。

第五步:回记事本里,把你改好的代码全部复制,粘贴到论坛的发帖区。

第六步:发表。

 

 

  评论这张
 
阅读(90)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017