打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
编辑音乐用到的代码 - 影音时空 - 中国女性时尚论坛 女性论坛|时尚论坛|护肤美容|流行...


编辑音乐用到的代码

为了方便朋友们运用论坛的功能,特别从网上收集了一些代码,有演示效果的。

一、表格 <table></table>

表格的几种基本设置方法


 

表格的基本语法


 

<table>...</table> - 定义表格

<tr> - 定义表行

<th> - 定义表头

<td> - 定义表元(表格的具体数据)

 

带边框的表格:

<TABLE border=1><TBODY><TR><TH>音乐下载</TH><TH>音乐下载</TH><TH>音乐下载</TH><TR><TD>新人接待</TD><TD>华语精选</TD><TD>综合图片</TD></TR></TBODY></TABLE>


显示结果:

音乐下载音乐下载音乐下载
新人接待华语精选综合图片

不带边框的表格:

<TABLE ><TBODY><TR><TH>音乐下载</TH><TH>音乐下载</TH><TH>音乐下载</TH><TR><TD>新人接待</TD><TD>华语精选</TD><TD>综合图片</TD></TR></TBODY></TABLE>

显示结果

音乐下载音乐下载音乐下载
新人接待华语精选综合图片


跨多行、多列的表元(Table Span)


 

跨多列的表元 <th colspan=#>

 

<TABLE border=1><TBODY><TR><TH colSpan=3>新萤火虫论坛</TH><TR><TH>音乐下载</TH><TH>音乐下载</TH><TH>音乐下载</TH><TR><TD>新人接待</TD><TD>华语精选</TD><TD>综合图片</TD></TR></TBODY></TABLE>


显示结果

新萤火虫论坛
音乐下载音乐下载音乐下载
新人接待华语精选综合图片


跨多行的表元 <th rowspan=#>

<TABLE border=1><TBODY><TR><TH rowSpan=3>新萤火虫论坛</TH><TH>音乐下载</TH><TD>新人接待</TD></TR><TR><TH>音乐下载 </TH><TD>华语精选</TD></TR><TR><TH>音乐下载</TH><TD>综合图片</TD></TR></TBODY></TABLE>


显示结果

新萤火虫论坛音乐下载新人接待
音乐下载 华语精选
音乐下载综合图片

表格透析:

1、<table></table>
2、<tr></tr><td></td>
3、<th></th>


 


<table></table>标志对用来创建一个表格。它有以下属性:


 


 


属性


用途

<table bgcolor="">设置表格的背景色。
<table border="">设置边框的宽度,若不设置此属性,则边框宽度默认为0
<table bordercolor="">设置边框的颜色
<table bordercolorlight="">设置边框明亮部分的颜色(当border的值大于等于1时才有用)。
<table bordercolordark="">设置边框昏暗部分的颜色(当border的值大于等于1时才有用)。
<table cellspacing=""> 设置表格格子之间空间的大小。
<table cellpadding=""> 设置表格格子边框与其内部内容之间空间的大小。
<table width="">设置表格的宽度,单位用绝对像素值总宽度的百分比


 

说明:以上各个属性可以结合使用。有关宽度、大小的单位用绝对像素值。而有关颜色的属性使用十六进制RGB颜色码或Html语言给定的颜色常量名(如 Silver 为银色)

4、<tr></tr><td></td>
<tr></tr>标志对用来创建表格中的每一行。此标志对只能放在<table></table>标志对之间使用,而在此标志对之间加入文本将是无用的,因为在<tr></tr>之间只能紧跟<td></td>标志对才是有效的语法,<td></td>标志对用来创建表格中一行中的每一个格子,此标志对也只有放在<tr></tr>标志对之间才是有效的,您想要输入的文本也只有放在<td></td>标志对中才有效(即才能够显示出来)。<table></table>、<tr></tr>和<td></td>标志对的关系如下所示:


最外层,创建一个表格--><table>
创建一行--><tr>
创建一个格子(这里总共创建了三个格子)--><td>要输出的文本只能放在此处</td>
<td>要输出的文本只能放在此处</td>
<td>要输出的文本只能放在此处</td>
</tr>
最外层--></table>

此外,<tr>还有alignvalign属性。align是水平对齐方式,取值为left(左对齐)、center(居中)、right(右对齐);而valign是垂直对齐方式,取值为top(靠顶端对齐)、middle(居中间对齐)或bottom(靠底部对齐)。<td>具有widthcolspanrowspannowrap属性。width是格子的宽度,单位用绝对像素值总宽度的百分比;colspan设置一个表格格子跨占的列数(缺省值为1);rowspan设置一个表格格子跨占的行数(缺省值为1);nowrap禁止表格格子内的内容自动断行

5、<th></th>


<th></th>标志对用来设置表格头,通常是黑体居中文字。

 

 

看一看下边的例子就明白以上标志对的用法了。

<TABLE borderColor=#0000ff borderColorDark=#0000a0 cellPadding=2 width="80%" bgColor=#e8e8e8 borderColorLight=#7d7dff border=1><TBODY><TR><TH vAlign=bottom width="33%" colSpan=2>经典联络</TH><TH vAlign=bottom width="36%" colSpan=2>经典视听</TH><TH vAlign=bottom width="36%" colSpan=2>经典音乐</TH></TR><TR><TD align=middle width="16%">板块</TD><TD align=middle width="16%">版主</TD><TD align=middle width="17%">板块</TD><TD align=middle width="17%">版主</TD><TD align=middle width="17%">板块</TD><TD align=middle width="17%">版主</TD></TR><TR><TD align=middle width="16%">新人接待</TD><TD align=middle width="16%">全体版主</TD><TD align=middle width="17%">图文音乐</TD><TD align=middle width="17%">依依</TD><TD align=middle width="17%">国际流行</TD><TD align=middle width="17%">夜静聆音</TD></TR><TR><TD align=middle width="16%">论坛事务</TD><TD align=middle width="16%">妖眼惑众</TD><TD align=middle width="17%">新手试贴</TD><TD align=middle width="17%">淡淡心香</TD><TD align=middle width="17%">华语精选</TD><TD align=middle width="17%">北风轻曳 </TD></TR></TBODY></TABLE>

显示效果

经典联络经典视听经典音乐
板块版主板块版主板块版主
新人接待全体版主图文音乐依依国际流行夜静聆音
论坛事务妖眼惑众新手试贴淡淡心香华语精选北风轻曳

 

 

表格标志

<table></table>创建一个表格
<tr></tr>表格中的每一行
<td></td>表格中一行中的每一个格子
<th></th>设置表格头:通常是黑体居中文字
<table border="">设置边框的宽度
<table cellspacing=""> 设置表格格子之间空间的大小
<table cellpadding=""> 设置表格格子边框与其内部内容之间空间的大小
<table width="">设置表格的宽度。用绝对像素值或总宽度的百分比
<tr align="">设置表格格子的水平对齐方式(左中右)
<tr valign="">设置表格格子的垂直对齐方式(上中下)
<td colspan="">设置一个表格格子跨占的列数(缺省值为1)  
<td rowspan="">设置一个表格格子跨占的行数(缺省值为1)  
<td nowrap>禁止表格格子内的内容自动断行
二、播放器常见的几种设置方法

 

播放器设置好,您的帖子会更美观,设置方法有很多,现在介绍常见的几种

第一种方式

代码

<EMBED src=http://www.nxc.cn/bbs/UploadFile/2004-8/200481482641160.wma
width=200 height=40 type=audio/x-ms-wma autostart="true" loop="true">


或下面这种代码也可以,效果与上面的一样

<EMBED id=MediaPlayer374 src=http://www.nxc.cn/bbs/UploadFile/2004-8/200481482641160.wma width=200 height=40 type=audio/mpeg loop="false" autostart="false"></EMBED>

其中:width=100 height=40 中的数字分别表示播放器的宽度和高度 ,注意:都选择0将隐藏播放器(隐藏时一定要选择自动播放)

autostart="true"中true或1表示自动播放,false或0表示手动播放

loop="true" 中的true或1表示重复播放,false或0表示只播放一次

如果是mp3、rm等格式,播放器会显示下面的样式

第二种设置方式

代码

<EMBED src=http://202.116.140.5/music/gccd/4/CD-0321/11.MP3 width=200 height=30 type=audio/x-pn-realaudio-plugin autostart="0" controls="ControlPanel"></EMBED>


第三种设置方式

代码

<TABLE style="FILTER: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)gray(); WIDTH: 200px; HEIGHT: 83px"><TBODY><TR><TD><EMBED style="BORDER-RIGHT: silver 1px solid; BORDER-TOP: silver 1px solid; BORDER-LEFT: silver 1px solid; BORDER-BOTTOM: silver 1px solid" src=http://www.nxc.cn/bbs/UploadFile/2004-8/200481482641160.wma width=200 height=50 type=audio/x-mplayer2 console="video" showstatusbar="0" EnableContextMenu="0" volume="0" autostart="0" loop="-1"></TD></TR></TBODY></TABLE>

这种方式建议大家使用自动播放

 

 

、移动效果:
效果一:

月 下 独 酌

李 白

花间一壶酒,独酌无相亲。

举杯邀明月,对影成三人。

月既不解饮,影徒随我身。

暂伴月将影,行乐须及春。

我歌月徘徊,我舞影零乱。

醒时同交欢,醉后各分散。

永结无情游,相期邈云汉。



 

代码:
<*MARQUEE scrollAmount=1 direction=up behavior=alternate height=260><*MARQUEE scrollAmount=1 direction=up height=150>
文字
<*/MARQUEE><*/MARQUEE>
效果二:

月 下 独 酌

李 白

花间一壶酒,独酌无相亲。

举杯邀明月,对影成三人。

月既不解饮,影徒随我身。

暂伴月将影,行乐须及春。

我歌月徘徊,我舞影零乱。

醒时同交欢,醉后各分散。

永结无情游,相期邈云汉。



 

代码:
<*MARQUEE scrollAmount=2 direction=up behavior=alternate height=260><*MARQUEE scrollAmount=1 direction=up height=150>
文字
<*/MARQUEE><*/MARQUEE>
效果三:

月 下 独 酌

李 白

花间一壶酒,独酌无相亲。

举杯邀明月,对影成三人。

月既不解饮,影徒随我身。

暂伴月将影,行乐须及春。

我歌月徘徊,我舞影零乱。

醒时同交欢,醉后各分散。

永结无情游,相期邈云汉。



 

代码:
<*MARQUEE scrollAmount=1 behavior=alternate height=160 width=460><*MARQUEE scrollAmount=1 direction=up height=160 width=456>
文字
<*/MARQUEE><*/MARQUEE>

[推
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
表格属性设置
HTML代码实际应用讲解
表格的基本语法
6.如何创建HTML表格
html语言6——10
【引用】博客装饰-表格解读(1)
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服