彭泽热线

 找回密码
 注册
查看: 10033|回复: 10

【转贴】制作音乐视频贴简单教程

[复制链接]
发表于 2011-3-31 13:30 | 显示全部楼层 |阅读模式 来自 中国江西九江
本帖最后由 新三民 于 2011-3-31 13:51 编辑

一、HTML语言贴歌代码教程

mp3、wma、wmv、wav、midi、asf、mpeg、mpg、avi、swf 格式
<embed width="450" height="50" src="地址">

<object align=middle classid=CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95 class=OBJECT id=MediaPlayer width=450 height=73 ><param name=ShowStatusBar value=-1><param name=Filename value=地址></object>

ra、rm、ram视频格式
<EMBED SRC="地址" type="audio/x-pn-realaudio-plugin" width="450" height="337" autostart="true" SetEnableContextMensb广告"false" name="video" id="video" class="video" controls="ImageWindow">

ra、rm、ram、rmvb音乐格式
<EMBED src=地址 width=450 height=100 autostart="true">

详细操作步骤:
1.找到音乐源地址。

比如http://www.fangcn.net/Forca.mp3

2.把上述相应的代码写帖子中。

例子中是mp3格式的,那就把

<embed width="450" height="50" src="地址">

此段地址写进帖子。

3.把代码内的“地址”二字改成音乐源地址。

上述代码就变成

<embed width="450" height="50" src="http://www.fangcn.net/Forca.mp3">

发布就OK了。

说了一堆,不如这样:
<embed align="middle" src="音乐源地址"  width="0" height="0"  type="audio/mpeg"  autostart="true" loop="true">
----新三民


再加个FLASH如何插入的代码:
插入单张FLASH:

<EMBED align=center src=http://flash.crcstar.com/upload/20044161110320.swf width=400 height=300 type=application/octet-stream wmode="transparent" quality="high" ></p>

评分

1

查看全部评分

 楼主| 发表于 2011-3-31 13:30 | 显示全部楼层 来自 中国江西九江
本帖最后由 新三民 于 2011-4-1 00:15 编辑

二.html基础知识
1)贴图:<img src="图片地址">
2)加入连接:<a href="所要连接的相关地址">写上你想写的字</a>
3)在新窗口打开连接:<a href="相关地址" target="_blank">写上要写的字</a>
4)移动字体(走马灯):<marquee>写上你想写的字</marquee>
5)字体加粗:<b>写上你想写的字</b>
6)字体斜体:<i>写上你想写的字</i>
7)字体下划线: <u>写上你想写的字</u>
8)字体删除线: <s>写上你想写的字</s>
9)字体加大: <big>写上你想写的字</big>
10)字体控制大小:<h1>写上你想写的字</h1> (其中字体大小可从h1-h5,h1最大,h5最小)
11)更改字体颜色:<font color="#value">写上你想写的字</font>(其中value值在000000与ffffff(16位进制)之间
12)消除连接的下划线:<a href="相关地址" style="text-decoration:none">写上你想写的字</a>

13)贴音乐:<embed src="音乐地址" width="宽度" height="高度" autostart=false>

14)贴flash: <embed src="flash地址" width="宽度" height="高度">

15)贴影视文件:<img dynsrc="文件地址" width="宽度" height="高度" start=mouseover>
16)换行:<br>
17)段落:<p>段落</p>
18)原始文字样式:<pre>正文</pre>
19)换帖子背景:<body background="背景图片地址">
20)固定帖子背景不随滚动条滚动:<body background="背景图片地址" body
bgproperties=fixed>
21)定制帖子背景颜色:<body bgcolor="#value">(value值见10)
22)帖子背景音乐:<bgsound="背景音乐地址" loop=infinite>
23)贴网页:<iframe src="相关地址" width="宽度" height="高度"></iframe>


三.html语言、基本用法、介绍、解释等

<! - - ... - -> 批注
<!> 跑马灯
<marquee>...</marquee>普通卷动
<marquee behavior=slide>...</marquee>滑动
<marquee behavior=scroll>...</marquee>预设卷动
<marquee behavior=alternate>...</marquee>来回卷动
<marquee direction=down>...</marquee>向下卷动
<marquee direction=up>...</marquee>向上卷动
<marquee direction=right></marquee>向右卷动
<marquee direction=''''''''''''''''left''''''''''''''''></marquee>向左卷动
<marquee loop=2>...</marquee>卷动次数
<marquee width=180>...</marquee>设定宽度
<marquee height=30>...</marquee>设定高度
<marquee bgcolor=FF0000>...</marquee>设定背景颜色
<marquee scrollamount=30>...</marquee>设定卷动距离
<marquee scrolldelay=300>...</marquee>设定卷动时间
<!>字体效果
<h1>...</h1>标题字(最大 )
<h6>...</h6>标题字(最小)
<b>...</b>粗体字
<strong>...</strong>粗体字(强调)
<i>...</i>斜体字
<em>...</em>斜体字(强调)
<dfn>...</dfn>斜体字(表示定义)
<u>...</u>底线
<ins>...</ins>底线(表示插入文字)
<strike>...</strike>横线
<s>...</s>删除线
<del>...</del>删除线(表示删除)
<kbd>...</kbd>键盘文字
<tt>...</tt> 打字体
<xmp>...</xmp>固定宽度字体(在文件中空白、换行、定位功能有效)
<plaintext>...</plaintext>固定宽度字体(不执行标记符号)
<listing>...</listing> 固定宽度小字体
<font color=00ff00>...</font>字体颜色
<font size=1>...</font>最小字体
<font style =''''''''''''''''font-size:100 px''''''''''''''''>...</font>无限增大
<!>区断标记
<hr>水平线
<hr size=''''''''''''''''9''''''''''''''''>水平线(设定大小)
<hr width=''''''''''''''''80%''''''''''''''''>水平线(设定宽度)
<hr color=''''''''''''''''ff0000''''''''''''''''>水平线(设定颜色)
<br>(换行)
<nobr>...</nobr>水域(不换行)
<p>...</p>水域(段落)
<center>...</center>置中
<!>连结格式
<base href=地址>(预设好连结路径)
<a href=地址></a>外部连结
<a href=地址 target=''''''''''''''''_blank''''''''''''''''></a>外部连结(另开新窗口)
<a href=地址 target=''''''''''''''''_top''''''''''''''''></a>外部连结(全窗口连结)
<a href=地址 target=''''''''''''''''页框名''''''''''''''''></a>外部连结(在指定页框连结)
<!>贴图/音乐
<img src=图片地址>贴图
<img src=图片地址 width=''''''''''''''''180''''''''''''''''>设定图片宽度
<img src=图片地址 height=''''''''''''''''30''''''''''''''''>设定图片高度
<img src=图片地址 alt=''''''''''''''''提示文字''''''''''''''''>设定图片提示文字
<img src=图片地址'''''''''''''''' border=''''''''''''''''1''''''''''''''''>设定图片边框
<bgsound src=MID音乐文件地址>背景音乐设定
<!>表格语法
<table aling=left>...</table>表格位置,置左
<table aling=center>...</table>表格位置,置中
<table background=图片路径>...</table>背景图片的URL=就是路径网址
<table border=边框大小>...</table>设定表格边框大小(使用数字)
<table bgcolor=颜色码>...</table>设定表格的背景颜色
<table borderclor=颜色码>...</table>设定表格边框的颜色
<table borderclordark=颜色码>...</table>设定表格暗边框的颜色
<table borderclorlight=颜色码>...</table>设定表格亮边框的颜色
<table cellpadding=参数>...</table>指定内容与网格线之间的间距(使用数字)
<table cellspacing=参数>...</table>指定网格线与网格线之间的距离(使用数字)
<table cols=参数>...</table>指定表格的栏数
<table frame=参数>...</table>设定表格外框线的显示方式
<table width=宽度>...</table>指定表格的宽度大小(使用数字)
<table height=高度>...</table>指定表格的高度大小(使用数字)
<td colspan=参数>...</td>指定储存格合并栏的栏数(使用数字)
<td rowspan=参数>...</td>指定储存格合并列的列数(使用数字)
<!>分割窗口
<frameset cols="20%,*">左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整
<frameset rows="20%,*">上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整
<frameset cols="20%,*">分割左右两个框架
<frameset cols="20%,*,20%">分割左中右三个框架
<分割上下两个框架
<frameset rows="20%,*,20%">分割上中下三个框架
<! - - ... - -> 批注
<A HREF TARGET> 指定超级链接的分割窗口
<A HREF=#锚的名称> 指定锚名称的超级链接
<A HREF> 指定超级链接
<A NAME=锚的名称> 被连结点的名称
<ADDRESS>....</ADDRESS> 用来显示电子邮箱地址
<B> 粗体字
<BASE TARGET> 指定超级链接的分割窗口
<BASEFONT SIZE> 更改预设字形大小
<BGSOUND SRC> 加入背景音乐
<BIG> 显示大字体
<BLINK> 闪烁的文字
<BODY TEXT LINK VLINK> 设定文字颜色
<BODY> 显示本文
<BR> 换行
<CAPTION ALIGN> 设定表格标题位置
<CAPTION>...</CAPTION> 为表格加上标题
<CENTER> 向中对齐
<CITE>...<CITE> 用于引经据典的文字
<CODE>...</CODE> 用于列出一段程序代码
<COMMENT>...</COMMENT> 加上批注
<DD> 设定定义列表的项目解说
<DFN>...</DFN> 显示"定义"文字
<DIR>...</DIR> 列表文字卷标
<DL>...</DL> 设定定义列表的卷标
<DT> 设定定义列表的项目
<EM> 强调之用
<FONT FACE> 任意指定所用的字形
<FONT SIZE> 设定字体大小
<FORM ACTION> 设定户动式窗体的处理方式
<FORM METHOD> 设定户动式窗体之资料传送方式
<FRAME MARGINHEIGHT> 设定窗口的上下边界
<FRAME MARGINWIDTH> 设定窗口的左右边界
<FRAME NAME> 为分割窗口命名
<FRAME NORESIZE> 锁住分割窗口的大小
<FRAME SCROLLING> 设定分割窗口的滚动条
<FRAME SRC> 将HTML文件加入窗口
<FRAMESET COLS> 将窗口分割成左右的子窗口
<FRAMESET ROWS> 将窗口分割成上下的子窗口
<FRAMESET>...</FRAMESET> 划分分割窗口
<H1>~<H6> 设定文字大小
<HEAD> 标示文件信息
<HR> 加上分网格线
<HTML> 文件的开始与结束
<I> 斜体字
<IMG ALIGN> 调整图形影像的位置
<IMG ALT> 为你的图形影像加注
<IMG DYNSRC LOOP> 加入影片
<IMG HEIGHT WIDTH> 插入图片并预设图形大小
<IMG HSPACE> 插入图片并预设图形的左右边界
<IMG LOWSRC> 预载图片功能
<IMG SRC BORDER> 设定图片边界
<IMG SRC> 插入图片
<IMG VSPACE> 插入图片并预设图形的上下边界
<INPUT TYPE NAME value> 在窗体中加入输入字段
<ISINDEX> 定义查询用窗体
<KBD>...</KBD> 表示使用者输入文字
<LI TYPE>...</LI> 列表的项目 ( 可指定符号 )
<MARQUEE> 跑马灯效果
<MENU>...</MENU> 条列文字卷标
<META NAME="REFRESH" CONTENT URL> 自动更新文件内容
<MULTIPLE> 可同时选择多项的列表栏
<NOFRAME> 定义不出现分割窗口的文字
<OL>...</OL> 有序号的列表
<OPTION> 定义窗体中列表栏的项目

<ERSON>...</PERSON> 显示人名
<RE> 使用原有排列
<SAMP>...</SAMP> 用于引用字
<SELECT>...</SELECT> 在窗体中定义列表栏
<SMALL> 显示小字体
<STRIKE> 文字加横线
<STRONG> 用于加强语气(文字加粗)
<SUB> 下标字
<SUP> 上标字
<TABLE BORDER=n> 调整表格的宽线高度
<TABLE CELLPADDING> 调整数据域位之边界
<TABLE CELLSPACING> 调整表格线的宽度
<TABLE HEIGHT> 调整表格的高度
<TABLE WIDTH> 调整表格的宽度
<TABLE>...</TABLE> 产生表格的卷标
<TD ALIGN> 调整表格字段之左右对齐
<TD BGCOLOR> 设定表格字段之背景颜色
<TD COLSPAN ROWSPAN> 表格字段的合并
<TD NOWRAP> 设定表格字段不换行
<TD VALIGN> 调整表格字段之上下对齐
<TD WIDTH> 调整表格字段宽度
<TD>...</TD> 定义表格的数据域位
<TEXTAREA NAME ROWS COLS> 窗体中加入多少列的文字输入栏
<TEXTAREA WRAP> 决定文字输入栏是自动否换行
<TH>...</TH> 定义表格的标头字段
<TITLE> 文件标题
<TR>...</TR> 定义表格美一行
<TT> 打字机字体
<U> 文字加底线
<UL TYPE>...</UL> 无序号的列表 ( 可指定符号 )
<VAR>...</VAR> 用于显示变量

四.html制帖常用特效

1.普通代码一 (推荐)
<embed height=170 pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.cn898.net/bg/4.swf type=application/x-shockwave-flash width=330 wmode="transparent" quality="high"></embed>

2.普通代码二 (不受边框限制) (这个随程序而定,不同浏览器看到的效果也不同,不受边框限制?不可能!--新三民)


<embed style="left: 250px; width: 400px; position: absolute; top: 900px; height: 300px" align=right src=http://www.cn898.net/bg/4.swf width=400 height=300 type=application/octet-stream wmode="transparent" quality="high" ></embed>

3.插入单张FLASH:

align=center><EMBED align=center src=http://flash.crcstar.com/upload/20044161110320.swf width=400 height=300 type=application/octet-stream wmode="transparent" quality="high" ></p>

4.双重flash(多重的依此叠加就可)

<embed align=right src=http://forshine.net/flash/401.swf width=420 height=350 type=application/octet-stream wmode="transparent" quality="high"><embed align=right src=http://forshine.net/flash/104.swf width=420 height=350 type=application/octet-stream wmode="transparent" quality="high">

========================================
有些方式,不一定最佳,让我们慢慢摸索吧!---新三民
回复 支持 反对

使用道具 举报

发表于 2011-3-31 13:39 | 显示全部楼层 来自 中国江西九江
回复 支持 反对

使用道具 举报

发表于 2011-3-31 14:17 | 显示全部楼层 来自 中国江西九江
{:177:}{:177:}
回复 支持 反对

使用道具 举报

发表于 2011-3-31 14:25 | 显示全部楼层 来自 中国江西九江
很好的教程,收藏了!佩服新三民!
回复 支持 反对

使用道具 举报

发表于 2011-3-31 14:27 | 显示全部楼层 来自 中国江西九江
谢谢你,新三民老师,你辛苦了。
回复 支持 反对

使用道具 举报

发表于 2011-3-31 15:11 | 显示全部楼层 来自 中国江西九江
{:177:}{:177:}
回复 支持 反对

使用道具 举报

发表于 2011-3-31 15:11 | 显示全部楼层 来自 中国江西九江
又学习一个谢谢楼主、
回复 支持 反对

使用道具 举报

发表于 2011-3-31 17:50 | 显示全部楼层 来自 中国江西九江
太复杂啦,学不会啦
回复 支持 反对

使用道具 举报

发表于 2011-3-31 17:51 | 显示全部楼层 来自 中国江西九江
难得的详细教程,楼主辛苦了!
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

彭泽热线 免责声明 本站内容来源于互联网及个人 不代表本站观点及立场.
本站不对网友所发言论的真实性做出评价,也无权删除(反动、色情、政治、垃圾广告帖等除外)
假若內容有涉及侵权,请立即联络我们。我们将立刻从网站上刪除,并向所有持版权者致最深的歉意。
本站法律顾问: 陈银山
快速回复 返回顶部 返回列表