代码汇总兼实例分析

座有兰言

代码运行测试器：

六星专用代码运行测试器

---

代码汇总：

1.简洁自动播放器代码

<audio style="width:300px;height:45px;" controls="controls" autoplay="autoplay" loop="loop" src="音乐地址" type="audio/mpeg"></audio>

如果想隐藏播放器   红色部分  改为 0

---

---

2.手动播放代码
<audio style="width: 300px; height: 45px;" src=""音乐地址" loop="loop" controls="controls" type="audio/mpeg"></audio>

---

---

3.常用自带默认音量代码：
<OBJECT id=videowindow1 height=46 width=255 classid=CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6><PARAM NAME="URL" VALUE="http://qxw2063120010.99hl.cn/tingyinyue/NewSoul.mp3"><PARAM NAME="playCount" VALUE="infinite"><PARAM NAME="autoStart" VALUE="1"><PARAM NAME="volume" VALUE="50"><PARAM NAME="uiMode" VALUE="full"><PARAM NAME="stretchToFit" VALUE="1"></OBJECT>


修改飘红处即修改默认音量  范围值为“1－100”

---

---

4.

座有兰言

 

据传，该颂歌最早可追溯到15世纪，是在圣诞季节由城镇的巡夜人为贵族们演唱的，以用来获取额外的收入。 不知道原作者究竟是谁，但此歌一直在英格兰地区口耳相传。 此歌最早发表于1833年出版的一本名为《Christmas Carols Ancient and Modern》的节日宗教颂歌的合集。

当然，他还有一个更为熟悉的版本——张韵涵《寓言》。

座有兰言

三楼代码：

<div align="center">
<blockquote style="padding: 3px 4px 4px; border: 1px dashed rgb(80, 80, 80); width: 600px; margin-right: 3px; margin-left: 4px; background-color: rgb(200, 200, 200); border-image: none;"><p align="center"><br> </p><div align="center"></div><div align="center"><img width="420" alt="" src="http://qxw2063120010.99hl.cn/tu/721279627862364.png" border="0" _height="336"><br><br>
</div>

<div style="text-align: justify;"><p style="text-align: left; line-height: 30px; text-indent: 2em; letter-spacing: 1px; padding-right: 0.6cm; padding-left: 0.6cm;"><font size="2"><font face="宋体">
据传，该颂歌最早可追溯到15世纪，是在圣诞季节由城镇的巡夜人为贵族们演唱的，以用来获取额外的收入。 不知道原作者究竟是谁，但此歌一直在英格兰地区口耳相传。 此歌最早发表于1833年出版的一本名为《Christmas Carols Ancient and Modern》的节日宗教颂歌的合集。</font></font></p><p style="text-align: left; line-height: 38px; text-indent: 2em; letter-spacing: 1px; padding-right: 0.6cm; padding-left: 0.6cm;"><font face="宋体" size="2">当然，他还有一个更为熟悉的版本——张韵涵《寓言》。</font></p></div><div style="text-align: justify;">

<div style="text-align: justify;"><p></p><p></p>
<div align="center"><audio style="width: 320px; height: 64px;" src="音乐地址" loop="loop" controls="controls" type="audio/mpeg"></audio>
</div>

<div align="center"><iframe width="330" height="86" src="//music.163.com/outchain/player?type=2&id=3225602&auto=0&height=66" border="0" frameBorder="no" marginWidth="0" marginHeight="0"></iframe></div>

<br></div><br></div></blockquote></div>

座有兰言

三楼代码 解读

其实音画就是玩套娃游戏   弄清楚了含义  你可以自由发挥   

三楼代码解读：

<div align="center">

<blockquote style="padding: 3px 4px 4px; border: 1px dashed rgb(80, 80, 80); width: 600px; margin-right: 3px; margin-left: 4px; background-color: rgb(200, 200, 200); border-image: none;">

<p align="center"><br> </p><div align="center"></div>

1.注意 div开头  /div收尾  这就是一套   再繁琐的代码  都是这么套起来的   /xx 必然和前面的xx组成一段完整的代码  相当于我们作文的引号
2. <div align="center">   这一组代码表示这个帖子的整体架构：居中。如果想居左：left   居右：right
3.重要的几个术語：
padding－－填充边距   
border－－虚线框样式，
rgb(80, 80, 80)－－线框颜色，数字是RGB代码;
width: 600px－－帖宽；
margin-right－－右边距；后面是左
background-color: rgb(200, 200, 200); 框内颜色。

其实要弄懂代码的含义，最好的办法就是乱改，改一改，看一下效果很快就知道了

   

<div align="center"><img width="420" alt="" src="http://qxw2063120010.99hl.cn/tu/721279627862364.png" border="1" _height="336"><br><br> < /div>

这一组是图片代码，主要设置为居中、长、宽。border="1" 指图片边框大小

<div style="text-align: justify;">

<p style="text-align: left; line-height: 30px; text-indent: 2em; letter-spacing: 1px; padding-right: 0.6cm; padding-left: 0.6cm;"><font size="2"><font face="宋体"> 据传，该颂歌最早可追溯到15世纪，是在圣诞季节由城镇的巡夜人为贵族们演唱的，以用来获取额外的收入。 不知道原作者究竟是谁，但此歌一直在英格兰地区口耳相传。 此歌最早发表于1833年出版的一本名为《Christmas Carols Ancient and Modern》的节日宗教颂歌的合集。</font></p>

<p style="text-align: left; line-height: 38px; text-indent: 2em; letter-spacing: 1px; padding-right: 0.6cm; padding-left: 0.6cm;"><font face="宋体" size="2">当然，他还有一个更为熟悉的版本——张韵涵《寓言》。</font></p>

</div>

text-align: justify－－指文本对齐方式：居中居左居右参考上面的   justify 是指“两端对齐”。再如：text-align-last: right；最后一行靠右
text-indent        －－首行缩进 ； em 字符单位
font                  －－所有字体属性;这个很重要，文本设置就靠这个。但一般习惯上，文字的大小、字体、颜色，可以到HTML环境下直接修改。不必在代码里调。
<p></p>         －－注意，这一对表示一个段落。<br>表示增加空行 ，<br>可以单独出现，多一个表示增加一个空行。

< div style="text-align: justify;">

< div align="center"><audio style="width: 320px; height: 64px;" src="音乐地址" loop="loop" controls="controls" type="audio/mpeg"></audio>< /div>

帖子里我放了两个播放器，分别针对有具体音乐地址的和从网易、全民等软件上通过代码转接过来的非具体地址的音乐。上面这条是指有具体音乐地址的，把地址填入“音乐地址”就成，一般为mp3格式。

< div align="center">

<iframe width="330" height="86" src="//music.163.com/outchain/player?type=2&id=3225602&auto=0&height=66" border="0" frameBorder="no" marginWidth="0" marginHeight="0"></iframe>

</div>

上面的这个是直接调用播放器代码 ，只需要将相关代码复制进入红色区域，一切就解决了。
至于播放器的格式，我以前一般调用华声的，现在不知道还能不能用了。
http://bbs.voc.com.cn/app/mp3player/demo1/index.html

先写到这里吧   

座有兰言

收工

座有兰言

占楼

座有兰言

占楼

座有兰言

占楼

座有兰言

占楼

座有兰言

占楼

座有兰言

占楼

座有兰言

占楼

座有兰言

占楼

座有兰言

占楼

座有兰言

下沉