2008年01月04日

 

 

Shiny silver [#EEEEEE]

 

Reddit white [#FFFFFF]

 

Magnolia Mag.nolia [#F9F7ED]

 

Interactive action yellow [#FFFF88]

 

Qoop Mint [#CDEB8B]

 

Gmail blue [#C3D9FF]

 

Shadows Grey [#36393D]

Bold

 

Mozilla Red [#FF1A00]

 

Rollyo Red [#CC0000]

 

RSS Orange [#FF7400]

 

Techcrunch green [#008C00]

 

Newsvine Green [#006E2E]

 

Flock Blue [#4096EE]

 

Flickr Pink [#FF0084]

Muted

 

Ruby on Rails Red [#B02B2C]

 

Etsy Vermillion [#D15600]

 

43 Things Gold [#C79810]

 

Writely Olive [#73880A]

 

Basecamp Green [#6BBA70]

 

Mozilla Blue [#3F4C6B]

 

Digg Blue [#356AA0]

 

Last.fm Crimson [#D01F3C]

 主流web2.0网站的配色方案供有用的你参考 !

2007年11月23日

手机能投影?大家可能首先想到那个Pico Projector联盟计划,其实这次可不是,这款概念产品的命名就是手机放映器,除了打电话,推出的功能就是可以投影。

虽然是概念产品,但是设计者貌似早已有了应用解决方案,用这款设备可以播放电脑桌面、YouTube视频等等,任何一块可以显示的面板甚至墙壁,这设备都用的上。有摄像头就牛了,我能用手机投影PPT!!

它的乘车路线,一天天接近。它,只是时间的问题之前!移动投影技术,随还是处于概念阶段,但有意思。

设计师:斯特凡诺casanova

 

 

 

 

       当今社会,与人相处,只要稍有点处理不当,就会招致不少麻烦。轻则,工作不愉快;重则,影响职业生涯。因此,与人相处,关键是要学会低调!
   低调做人,是一种品格,一种姿态,一种风度,一种修养,一种胸襟,一种智慧,一种谋略,是做人的最佳姿态。欲成事者必要宽容于人,进而为人们所悦纳、所赞赏、所钦佩,这正是人能立世的根基。根基既固,才有枝繁叶茂,硕果累累;倘若根基浅薄,便难免枝衰叶弱,不禁风雨。而低调做人就是在社会上加固立世根基的绝好姿态。低调做人,不仅可以保护自己、融入人群,与人们和谐相处,也可以让人暗蓄力量、悄然潜行,在不显山不露水中成就事业。
  学会低调做人,就要不喧闹、不矫揉、不造作、不故作呻吟、不假惺惺、不卷进是非、不招人嫌、不招人嫉,即使你认为自己满腹才华,能力比别人强,也要学会藏拙。而抱怨自己怀才不遇,那只是肤浅的行为。
  低调做人,就是用平和的心态来看待世间的一切,修炼到此种境界,为人便能善始善终,既可以让人在卑微时安贫乐道,豁达大度,也可以让人在显赫时持盈若亏,不骄不狂。
-
-
    那么什么是低调呢?原意是:低声调。也喻指悲观、消极的论调。但任何事物都有它的两面性,即弊和利。把低调观点放在生活的各个层面上具体理解,又会变化出许多耐人寻味的道理。
-
    低调是一种忍术,低调原则的人,忍外迫忍内欲,低调要达到的最终目的是基本的生存,更有长久的发展与进步,哪怕前进极其缓慢,但机会永远都在。
-
    低调是不争,是回避,枪打出头鸟,出头椽子先烂,对一些没必要,不值得的事,低调是最好的选择。能舍则舍,能弃则弃,割舍掉一些小的利益,换取更大的利益,维护大局的平稳,是低调者的至高境界。
-
    低调是多思索,少说话,多安静,少表现。别让人以为你是个爱抢风头的人,激起嫉妒,产生矛盾和公愤。另外,过多地暴露自己也是不明智的,如果你多保持安静和沉默,别人轻易摸不透你的深浅,断然不敢随便小瞧你,相对多的尊重和机会也会属于你。
-
    低调是内敛,不显山,不露水,不显能,不露富。有些人到处和人说自己会什么,有哪些能力;认识多少人,能办什么事;挣了多少钱,银行几位数……当时是很得意,可接踵而来的就是麻烦,具体什么麻烦,我不说,大家也明白。
-
    低调是不攻,攻击性过强的人,往往到处得罪人,大事小事都像好斗的公鸡一样,或者口无遮拦,或者威胁恐吓,甚至大打出手,总之要给对手以最大程度的打击和伤害,认为这样才能出气解恨,这样才能使事态按自己的想法发展。也许一时会占上风,可长远看,早晚会遭人报复。起码来说,一旦将来你有个什么大事小情,也不会有人伸出援助之手,大家都会看热闹,捡哈哈笑。尤其当你得罪的人太多时,这种后果就十分明显地体现出来了。有很多事完全可以不用冲突的方式来解决,就算实在没办法,一定要拿出个态度,也要得饶人处且饶人,点到为止。
-
    低调的方式基本趋于阴柔,类似太极,主张以柔对刚,就像被一块巨石压住的小苗一样,它并没有被毁灭,而是弯曲地成长,避开了巨石,终于成就了参天大树,做到了绕行而达远。
-
    以上我讲了低调,但我不是教人们去任人宰割,去做鱼肉,如果忍无可忍而且有能力还以颜色,那就勿须再忍,但要注意度。低调作为一种理念一定要掌握,却不能当作万能公式去解所有的生活方程。正如武士手中的剑和身上的盔甲一样,只靠后者也不是长久之计。
-
    当你学会了低调,你会拥有实在的平静和幸福感,生活中少了诸多的火药味道和销烟弥漫,你会发现享受生活不是空洞的口号。让我们的生命之旅少一些冲突和纷争吧,把精力都用在生活的改善、身体的健康、人际交往的成熟、思想的完善上吧。美丽的生活永远都属于善待它的人们  

如果你随便找一个人,问他在使用Google(谷歌)的什么服务,他很可能会回答GmailGoogle Reader。最不济,他至少也该用过Google的搜索引擎。但是有多少人订阅Google News?又有多少人从Google Code下载源代码?有多少人知道Google还为用户提供了许多项有用的服务?隔阂于中文吗?也许吧!不然也不会出先个自称比GG更懂中文的百度.
这儿是十个需要更多关注的Google服务:
1.Google Labs

我上网时最爱溜达的地方之一(尽管现在它看起来有些乏味),Google会在这儿公布最新的Beta产品。在这里,你可以向Google Team提出你的建议、评论或是抱怨(我有两次得到了Google Team的一名成员的私人回信)。
通过参与一个新产品的发展过程,你可以看到Google未来的一些发展道路。有多少用户使用了Google的服务却不愿提供意见,以便Google改进他们的服务?如果下一次Google的一项服务不合你意,不要再在论坛上抱怨——联系Google并提供你的建议吧!
2.Google Pack

如果你认识一个对互联网和软件了解甚少的人,你可以推荐他来Google Pack。Google Pack提供了一个优秀的新手软件包(尽管我个人不会考虑使用Norton和Real Player)。
 
 
3.Google Translate

Google Translate能够将一段文字或一个完整的网页翻译成11种语言。虽然像多数在线翻译一样,它不能100%准确无误地翻译(在线翻译不能根据上下文和语境来理解),但是如果你只是希望在北朝鲜的网店购买一把AK-47,Google Translate能够帮助你克服语言障碍。
4.Google Co-Op

允许你在DIY的搜索引擎定制搜索结果。你也能提供自己网站的信息,作为一个订阅链接;如果你是某一方面的专家,你还能标记并分类一些搜索结果。据说,用户在这些动作很可能影响Google搜索引擎中的网页排名。
 
5.Google Code

Google Code是为Geek们所准备的。你可以在这下载源代码和developer API’s
 
 
 
6.Google News
Google New已经推出很久,已经算是大家的老朋友了。但你知道你能够自定义界面,使其仅仅显示你感兴趣的新闻吗?你又知道你可以订阅一个你关注的主题吗?不仅如此,你还可以在这儿搜索已过时的新闻。
 
7.Google Patent Search

如果你热爱发明一些小玩意,当你有了一项新发明时,你可以在Google Patent Search查看是否有人走在你前面,抢先注册了这项专利。就算你对发明不感兴趣,在这儿看看别人奇妙的创意也很不错。
 
8.Google Blog Search

个人最爱之一,它能帮助我找到一个确定主题的话题(并使我的RSS订阅列表继续增长)。平时写完日志,来这看看有哪些blogger和我关注同一话题也是一件趣事。
 
 
9.Google Alerts

想知道网上有谁在讨论你?或许会有人在一个论坛提到你的网站?又或许你网店的一个顾客在他的blog大发牢骚?通过设置Google Alert,只要Google发现了符合关键字的信息,就被发送邮件通知你。
 
10.Google Catalogs

 
 
Google出色而又不为人知的服务,你还知道哪些吗?欢迎你在评论中指出。

凡书著原文:10项需要更多关注的Google服务

2007年03月28日

1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键
<table border oncontextmenu=return(false)><td>no</table> 可用于Table 
2. <body onselectstart="return false"> 取消选取、防止复制

3. onpaste="return false" 不准粘贴

4. oncopy="return false;" oncut="return false;" 防止复制

5. <link rel="Shortcut Icon" href="favicon.ico"> IE地址栏前换成自己的图标

6. <link rel="Bookmark" href="favicon.ico"> 可以在收藏夹中显示出你的图标

7. <input style="ime-mode:disabled"> 关闭输入法

8. 永远都会带着框架
<script language="JavaScript"><!–
if (window == top)top.location.href = "frames.htm"; //frames.htm为框架网页
// –></script>

9. 防止被人frame
<SCRIPT LANGUAGE=JAVASCRIPT><!– 
if (top.location != self.location)top.location=self.location;
// –></SCRIPT>

10. 网页将不能被另存为
<noscript><iframe src=*.html></iframe></noscript> 

11. <input type=button value=查看网页源代码 
onclick="window.location = "view-source:"+ "http://www.pconline.com.cn";">

12.删除时确认
<a href="javascript:if(confirm("确实要删除吗?"))location="boos.asp?&areyou=删除&page=1"">删除</a> 

13. 取得控件的绝对位置
//Javascript
<script language="Javascript">
function getIE(e){
var t=e.offsetTop;
var l=e.offsetLeft;
while(e=e.offsetParent){
t+=e.offsetTop;
l+=e.offsetLeft;
}
alert("top="+t+"/nleft="+l);
}
</script>

//VBScript
<script language="VBScript"><!–
function getIE()
dim t,l,a,b
set a=document.all.img1
t=document.all.img1.offsetTop
l=document.all.img1.offsetLeft
while a.tagName<>"BODY"
set a = a.offsetParent
t=t+a.offsetTop
l=l+a.offsetLeft
wend
msgbox "top="&t&chr(13)&"left="&l,64,"得到控件的位置"
end function
–></script>

14. 光标是停在文本框文字的最后
<script language="javascript">
function cc()
{
var e = event.srcElement;
var r =e.createTextRange();
r.moveStart("character",e.value.length);
r.collapse(true);
r.select();
}
</script>
<input type=text name=text1 value="123" onfocus="cc()">

15. 判断上一页的来源
javascript:
document.referrer

16. 最小化、最大化、关闭窗口
<object id=hh1 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"> 
<param name="Command" value="Minimize"></object>
<object id=hh2 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"> 
<param name="Command" value="Maximize"></object>
<OBJECT id=hh3 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<PARAM NAME="Command" VALUE="Close"></OBJECT>
<input type=button value=最小化 onclick=hh1.Click()>
<input type=button value=最大化 onclick=hh2.Click()>
<input type=button value=关闭 onclick=hh3.Click()>
本例适用于IE

17.屏蔽功能键Shift,Alt,Ctrl
<script>
function look(){ 
if(event.shiftKey) 
alert("禁止按Shift键!"); //可以换成ALT CTRL

document.onkeydown=look; 
</script>

18. 网页不会被缓存
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
或者<META HTTP-EQUIV="expires" CONTENT="0">

19.怎样让表单没有凹凸感?
<input type=text style="border:1 solid #000000"> 

<input type=text style="border-left:none; border-right:none; border-top:none; border-bottom: 

1 solid #000000"></textarea>

20.<div><span>&<layer>的区别? 
<div>(division)用来定义大段的页面元素,会产生转行 
<span>用来定义同一行内的元素,跟<div>的唯一区别是不产生转行 
<layer>是ns的标记,ie不支持,相当于<div>

 

21.让弹出窗口总是在最上面:
<body onblur="this.focus();">

22.不要滚动条? 
让竖条没有: 
<body style="overflow:scroll;overflow-y:hidden"> 
</body> 
让横条没有: 
<body style="overflow:scroll;overflow-x:hidden"> 
</body> 
两个都去掉?更简单了 
<body scroll="no"> 
</body> 

23.怎样去掉图片链接点击后,图片周围的虚线?
<a href="#" onFocus="this.blur()"><img src="logo.jpg" border=0></a>

24.电子邮件处理提交表单
<form name="form1" method="post" action="mailto:****@***.com" enctype="text/plain"> 
<input type=submit>
</form>

25.在打开的子窗口刷新父窗口的代码里如何写?
window.opener.location.reload()

26.如何设定打开页面的大小
<body onload="top.resizeTo(300,200);">
打开页面的位置<body onload="top.moveBy(300,200);">

27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动 
<STYLE> 
body 
{background-image:url(logo.gif); background-repeat:no-repeat; 
background-position:center;background-attachment: fixed} 
</STYLE> 

28. 检查一段字符串是否全由数字组成
<script language="Javascript"><!–
function checkNum(str){return str.match(//D/)==null}
alert(checkNum("1232142141"))
alert(checkNum("123214214a1"))
// –></script>

29. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight

30. 怎么判断是否是字符
if (/[^/x00-/xff]/g.test(s)) alert("含有汉字");
else alert("全是字符");

31.TEXTAREA自适应文字行数的多少
<textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight">
</textarea>

32. 日期减去天数等于第二个日期
<script language=Javascript>
function cc(dd,dadd)
{
//可以加上错误处理
var a = new Date(dd)
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a)
alert(a.getFullYear() + "年" + (a.getMonth() + 1) + "月" + a.getDate() + "日")
}
cc("12/23/2002",2)
</script>

33. 选择了哪一个Radio
<HTML><script language="vbscript">
function checkme()
for each ob in radio1
if ob.checked then window.alert ob.value
next
end function
</script><BODY>
<INPUT name="radio1" type="radio" value="style" checked>Style
<INPUT name="radio1" type="radio" value="barcode">Barcode
<INPUT type="button" value="check" onclick="checkme()">
</BODY></HTML>

34.脚本永不出错
<SCRIPT LANGUAGE="JavaScript"> 
<!– Hide 
function killErrors() { 
return true; 

window.onerror = killErrors; 
// –> 
</SCRIPT>

35.ENTER键可以让光标移到下一个输入框
<input onkeydown="if(event.keyCode==13)event.keyCode=9">

36. 检测某个网站的链接速度:
把如下代码加入<body>区域中:
<script language=Javascript>
tim=1
setInterval("tim++",100)
b=1
var autourl=new Array()
autourl[1]="www.njcatv.net"
autourl[2]="javacool.3322.net"
autourl[3]="www.sina.com.cn"
autourl[4]="www.nuaa.edu.cn"
autourl[5]="www.cctv.com"
function butt(){
document.write("<form name=autof>")
for(var i=1;i<autourl.length;i++)
document.write("<input type=text name=txt"+i+" size=10 value=测试中……> =》<input type=text 
name=url"+i+" size=40> =》<input type=button value=GO 

onclick=window.open(this.form.url"+i+".value)><br>")
document.write("<input type=submit value=刷新></form>")
}
butt()
function auto(url){
document.forms[0]["url"+b].value=url
if(tim>200)
{document.forms[0]["txt"+b].value="链接超时"}
else
{document.forms[0]["txt"+b].value="时间"+tim/10+"秒"}
b++
}
function run(){for(var i=1;i<autourl.length;i++)document.write("<img src=http://"+autourl+"/"+Math.random()+" width=1 height=1 

onerror=auto("http://";+autourl+"")>")}
run()</script>

37. 各种样式的光标
auto :标准光标
default :标准箭头
hand :手形光标
wait :等待光标
text :I形光标
vertical-text :水平I形光标
no-drop :不可拖动光标
not-allowed :无效光标
help :?帮助光标
all-scroll :三角方向标
move :移动标
crosshair :十字标
e-resize
n-resize
nw-resize
w-resize
s-resize
se-resize
sw-resize

38.页面进入和退出的特效
进入页面<meta http-equiv="Page-Enter" content="revealTrans(duration=x, transition=y)">
推出页面<meta http-equiv="Page-Exit" content="revealTrans(duration=x, transition=y)"> 
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间,以秒为单位。transition表示使用哪种特效,取值为1-23:
  0 矩形缩小 
  1 矩形扩大 
  2 圆形缩小
  3 圆形扩大 
  4 下到上刷新 
  5 上到下刷新
  6 左到右刷新 
  7 右到左刷新 
  8 竖百叶窗
  9 横百叶窗 
  10 错位横百叶窗 
  11 错位竖百叶窗
  12 点扩散 
  13 左右到中间刷新 
  14 中间到左右刷新
  15 中间到上下
  16 上下到中间 
  17 右下到左上
  18 右上到左下 
  19 左上到右下 
  20 左下到右上
  21 横条 
  22 竖条 
  23 以上22种随机选择一种

39.在规定时间内跳转
<META http-equiv=V="REFRESH" content="5;URL=http://www.51js.com"> 

40.网页是否被检索
<meta name="ROBOTS" content="属性值">
  其中属性值有以下一些:
  属性值为"all": 文件将被检索,且页上链接可被查询;
  属性值为"none": 文件不被检索,而且不查询页上的链接;
  属性值为"index": 文件将被检索;
  属性值为"follow": 查询页上的链接;
  属性值为"noindex": 文件不检索,但可被查询链接;
  属性值为"nofollow": 文件不被检索,但可查询页上的链接。

41.返回上一页                                                                                                                   <a>href="javascript:history.back(-1)">返回上一页</a>

1.avi格式
代码片断如下:
<object id="video" width="400" height="200" border="0" classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA"><param name="ShowDisplay" value="0">
<param name="ShowControls" value="1">
<param name="AutoStart" value="1">
<param name="AutoRewind" value="0">
<param name="PlayCount" value="0">
<param name="Appearance value="0 value=""">
<param name="BorderStyle value="0 value=""">
<param name="MovieWindowHeight" value="240">
<param name="MovieWindowWidth" value="320">
<param name="FileName" value="test.avi">
<embed width="400" height="200" border="0" showdisplay="0" showcontrols="1" autostart="1" autorewind="0" playcount="0" 

moviewindowheight="240" moviewindowwidth="320" filename="test.avi" src="test.avi"></embed> 
</object> 

 

2.mpg格式
代码片断如下:
<object classid="clsid:05589FA1-C356-11CE-BF01-00AA0055595A" id="ActiveMovie1" width="239" height="250"><param name="Appearance" value="0">
<param name="AutoStart" value="-1">
<param name="AllowChangeDisplayMode" value="-1">
<param name="AllowHideDisplay" value="0">
<param name="AllowHideControls" value="-1">
<param name="AutoRewind" value="-1">
<param name="Balance" value="0">
<param name="CurrentPosition" value="0">
<param name="DisplayBackColor" value="0">
<param name="DisplayForeColor" value="16777215">
<param name="DisplayMode" value="0">
<param name="Enabled" value="-1">
<param name="EnableContextMenu" value="-1">
<param name="EnablePositionControls" value="-1">
<param name="EnableSelectionControls" value="0">
<param name="EnableTracker" value="-1">
<param name="Filename" value="test.mpg" valuetype="ref"><param name="FullScreenMode" value="0">
<param name="MovieWindowSize" value="0">
<param name="PlayCount" value="1">
<param name="Rate" value="1">
<param name="SelectionStart" value="-1">
<param name="SelectionEnd" value="-1">
<param name="ShowControls" value="-1">
<param name="ShowDisplay" value="-1">
<param name="ShowPositionControls" value="0">
<param name="ShowTracker" value="-1">
<param name="Volume" value="-480">
</object>

3.smi格式
代码片断如下:
<OBJECT id=RVOCX classid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA width=240 height=180><param name="_ExtentX" value="6350">
<param name="_ExtentY" value="4763">
<param name="AUTOSTART" value="-1">
<param name="SHUFFLE" value="0">
<param name="PREFETCH" value="0">
<param name="NOLABELS" value="-1">
<param name="SRC" value="test.rm">
<param name="CONTROLS" value="ImageWindow">
<param name="CONSOLE" value="console1">
<param name="LOOP" value="0">
<param name="NUMLOOP" value="0">
<param name="CENTER" value="0">
<param name="MAINTAINASPECT" value="0">
<param name="BACKGROUNDCOLOR" value="#000000"><embed src="real.smi" type="audio/x-pn-realaudio-plugin" console="Console1" controls="ImageWindow" 

height="180" width="240" autostart="true"></OBJECT>

4.rm格式
代码片断如下:
<OBJECT ID=video1 CLASSID="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" HEIGHT=288 WIDTH=352><param name="_ExtentX" value="9313">
<param name="_ExtentY" value="7620">
<param name="AUTOSTART" value="0">
<param name="SHUFFLE" value="0">
<param name="PREFETCH" value="0">
<param name="NOLABELS" value="0">
<param name="SRC" value="rtsp://test.rm";;;;;;>
<param name="CONTROLS" value="ImageWindow">
<param name="CONSOLE" value="Clip1">
<param name="LOOP" value="0">
<param name="NUMLOOP" value="0">
<param name="CENTER" value="0">
<param name="MAINTAINASPECT" value="0">
<param name="BACKGROUNDCOLOR" value="#000000"><embed SRC type="audio/x-pn-realaudio-plugin" CONSOLE="Clip1" CONTROLS="ImageWindow" HEIGHT="288"

WIDTH="352" AUTOSTART="false">
</OBJECT>

5.wmv格式
代码片断如下:
<object id="NSPlay" width=200 height=180 classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" codebase="http:

//activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=
6,4,5,715" standby="Loading Microsoft Windows Media Player components…" type="application/x-oleobject" 

align="right" hspace="5">
<!– ASX File Name –>
<param name="AutoRewind" value=1>
<param name="FileName" value="test.wmv">
<!– Display Controls –>
<param name="ShowControls" value="1">
<!– Display Position Controls –>
<param name="ShowPositionControls" value="0">
<!– Display Audio Controls –>
<param name="ShowAudioControls" value="1">
<!– Display Tracker Controls –>
<param name="ShowTracker" value="0">
<!– Show Display –>
<param name="ShowDisplay" value="0">
<!– Display Status Bar –>
<param name="ShowStatusBar" value="0">
<!– Diplay Go To Bar –>
<param name="ShowGotoBar" value="0">
<!– Display Controls –>
<param name="ShowCaptioning" value="0">
<!– Player Autostart –>
<param name="AutoStart" value=1>
<!– Animation at Start –>
<param name="Volume" value="-2500">
<param name="AnimationAtStart" value="0">
<!– Transparent at Start –>
<param name="TransparentAtStart" value="0">
<!– Do not allow a change in display size –>
<param name="AllowChangeDisplaySize" value="0">
<!– Do not allow scanning –>
<param name="AllowScan" value="0">
<!– Do not show contect menu on right mouse click –><param name="EnableContextMenu" value="0">
<!– Do not allow playback toggling on mouse click –><param name="ClickToPlay" value="0">
</object>

6.wma格式
放在 <body> 里面。下面是部分解释:
<object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" id="MediaPlayer1" ><param name="Filename" value="test.Wma"> <!–你文件的位置–><param name="PlayCount" value="1"><!–控制重复次数: “x”为几重复播放几次; x=0,无限循环。–><param name="AutoStart" value="0"><!–控制播放方式: x=1,打开网页自动播放; x=0,按播放键播放。–><param name="ClickToPlay" value="1"><!–控制播放开关: x=1,可鼠标点击控制播放或暂停状态; x=0,禁用此功能。–><param name="DisplaySize" value="0"><!–控制播放画面: x=0,原始大小; x=1,一半大小; x=2,2倍大小。–><param name="EnableFullScreen Controls" value="1"><!–控制切换全屏: x=1,允许切换为全屏; x=0,禁用此功能。–><param name="ShowAudio Controls" value="1"><!–控制音量: x=1,允许调节音量; x=0,禁止音量调节。–><param name="EnableContext Menu" value="1"><!–控制快捷菜单: x=1,允许使用右键菜单; x=0,禁用右键菜单。–><param name="ShowDisplay" value="1"><!–控制版权信息: x=1,显示电影及作者信息;x=0,不显示相关信息–></object >
<embed src="http://../test.wmv";; 
autostart="true" loop="true" width="200" height="150" >

 

有图像的rm格式:
<OBJECT classid=’clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA’ height=288 id=video1 width=305 VIEWASTEXT><param name=’_ExtentX’ value=’5503′>
<param name=’_ExtentY’ value=’1588′>
<param name=’AUTOSTART’ value=’-1′>
<param name=’SHUFFLE’ value=’0′>
<param name=’PREFETCH’ value=’0′>
<param name=’NOLABELS’ value=’0′>
<param name=’SRC’ value=’http://../test.ram&#39;>;
<param name=’CONTROLS’ value=’Imagewindow,StatusBar,ControlPanel’><param name=’CONSOLE’ value=’RAPLAYER’>
<param name=’LOOP’ value=’0′>
<param name=’NUMLOOP’ value=’0′>
<param name=’CENTER’ value=’0′>
<param name=’MAINTAINASPECT’ value=’0′>
<param name=’BACKGROUNDCOLOR’ value=’#000000′>
</OBJECT>
无图像的rm格式:如相声,歌曲。。。
<object ID=’video2′ WIDTH=’300′ HEIGHT=’62′ CLASSID=’CLSID:CFCDAA03-8BE4-11CF-B84B-0020AFBBCCFA’><param name=’_ExtentX’ value=’9657′>
<param name=’_ExtentY’ value=’847′>
<param name=’AUTOSTART’ value=’-1′>
<param name=’SHUFFLE’ value=’0′>
<param name=’PREFETCH’ value=’0′>
<param name=’NOLABELS’ value=’0′>
<param name=’SRC’ value=’http://../test.rm&#39;>;
<param name=’CONTROLS’ value=’StatusBar,controlpanel’><param name=’CONSOLE’ value=’Clip1′>
<param name=’LOOP’ value=’0′>
<param name=’NUMLOOP’ value=’0′>
<param name=’CENTER’ value=’0′>
<param name=’MAINTAINASPECT’ value=’0′>
<param name=’BACKGROUNDCOLOR’ value=’#000000′>
</object>
最简单的media格式的播放器。。自动识别有无图像,但是版本是你机器的!
<embed src=’mms://../test.wmv’ width=200 height=200 autostart=true loop=true></embed>有图像的media播放器,自动调用网上的插件。
<object id=nstv classid=’CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6′ width=280 height=265
codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701standby=Loading Microsoft? Windows Media? Player
components… type=application/x-oleobject>
<param name=’URL’ value=’http://../test.wma&#39;>;
<PARAM NAME=’UIMode’ VALUE=’full’><PARAM NAME=’AutoStart’ VALUE=’true’><PARAM NAME=’Enabled’ VALUE=’true’>
<PARAM NAME=’enableContextMenu’ VALUE=’false’>
<param name=’WindowlessVideo’ VALUE=’true’></object>无图像的media播放器。。。同上。
<object id=nstv classid=’CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6′ width=280 height=60
codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701standby=Loading Microsoft? Windows Media? Player
components… type=application/x-oleobject>
<param name=’URL’ value=’http://../test.wma&#39;>;
<PARAM NAME=’UIMode’ VALUE=’full’><PARAM NAME=’AutoStart’ VALUE=’true’><PARAM NAME=’Enabled’ VALUE=’true’>
<PARAM NAME=’enableContextMenu’ VALUE=’false’>
</object>
只是界面不同的media的调插件播放器。。建议不用这个,,你可以看!
<embed src=’http://../test.ram&#39; type=’audio/x-pn-realaudio-plugin’ console=’Clip1′ controls=’ControlPanel,StatusBar’
height=’60′ width=’275′ autostart=’true’></embed>
<embed src="http://../test.wmv";; 
autostart="true" loop="true" width="200" height="150" >

 

有图像的rm格式:
<OBJECT classid=’clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA’ height=288 id=video1 width=305 VIEWASTEXT><param name=’_ExtentX’ value=’5503′>
<param name=’_ExtentY’ value=’1588′>
<param name=’AUTOSTART’ value=’-1′>
<param name=’SHUFFLE’ value=’0′>
<param name=’PREFETCH’ value=’0′>
<param name=’NOLABELS’ value=’0′>
<param name=’SRC’ value=’http://../test.ram&#39;>;
<param name=’CONTROLS’ value=’Imagewindow,StatusBar,ControlPanel’><param name=’CONSOLE’ value=’RAPLAYER’>
<param name=’LOOP’ value=’0′>
<param name=’NUMLOOP’ value=’0′>
<param name=’CENTER’ value=’0′>
<param name=’MAINTAINASPECT’ value=’0′>
<param name=’BACKGROUNDCOLOR’ value=’#000000′>
</OBJECT>
无图像的rm格式:如相声,歌曲。。。
<object ID=’video2′ WIDTH=’300′ HEIGHT=’62′ CLASSID=’CLSID:CFCDAA03-8BE4-11CF-B84B-0020AFBBCCFA’><param name=’_ExtentX’ value=’9657′>
<param name=’_ExtentY’ value=’847′>
<param name=’AUTOSTART’ value=’-1′>
<param name=’SHUFFLE’ value=’0′>
<param name=’PREFETCH’ value=’0′>
<param name=’NOLABELS’ value=’0′>
<param name=’SRC’ value=’http://../test.rm&#39;>;
<param name=’CONTROLS’ value=’StatusBar,controlpanel’><param name=’CONSOLE’ value=’Clip1′>
<param name=’LOOP’ value=’0′>
<param name=’NUMLOOP’ value=’0′>
<param name=’CENTER’ value=’0′>
<param name=’MAINTAINASPECT’ value=’0′>
<param name=’BACKGROUNDCOLOR’ value=’#000000′>
</object>
最简单的media格式的播放器。。自动识别有无图像,但是版本是你机器的!
<embed src=’mms://../test.wmv’ width=200 height=200 autostart=true loop=true></embed>有图像的media播放器,自动调用网上的插件。
<object id=nstv classid=’CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6′ width=280 height=265
codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701standby=Loading Microsoft? Windows Media? Player
components… type=application/x-oleobject>
<param name=’URL’ value=’http://202.99.11.42/xiangsheng/ymjr.wma&#39;>;<PARAM NAME=’UIMode’ VALUE=’full’><PARAM NAME=’AutoStart’ VALUE=’true’><PARAM NAME=’Enabled’ VALUE=’true’>
<PARAM NAME=’enableContextMenu’ VALUE=’false’>
<param name=’WindowlessVideo’ VALUE=’true’></object>无图像的media播放器。。。同上。
<object id=nstv classid=’CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6′ width=280 height=60
codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701standby=Loading Microsoft? Windows Media? Player
components… type=application/x-oleobject>
<param name=’URL’ value=’http://../test.wma&#39;>;
<PARAM NAME=’UIMode’ VALUE=’full’><PARAM NAME=’AutoStart’ VALUE=’true’><PARAM NAME=’Enabled’ VALUE=’true’>
<PARAM NAME=’enableContextMenu’ VALUE=’false’>
</object>
只是界面不同的media的调插件播放器。。建议不用这个,,你可以看!
<embed src=’http://../test.ram&#39; type=’audio/x-pn-realaudio-plugin’ console=’Clip1′ controls=’ControlPanel,StatusBar’ height=’60′ width=’275′
autostart=’true’></embed>
用flash制作
<?xml version="1.0" encoding="GB2312"?> 
<data>
<song>
<title>A DISTANCE THERE IS</title> 
<name>test.mp3</name>
</song>
<song>
<title>LOVE IN DECEMBER</title> 
<name>test1.mp3</name> 
</song> 
<song> 
<title>THANK YOU</title> 
<name>test2.mp3</name> 
</song> 
<song> 
<title>ESTRANGED</title> 
<name>test3.mp3</name> 
</song> 
<song> 
<title>NOTHING ELSE MATTERS</title> 
<name>test4.mp3</name> 
</song> 
<song> 
<title>HELLO LITTLE STAR</title> 
<name>test5.mp3</name> 
</song> 
<song> 
<title>DAS SCHWEIGEN</title> 
<name>test6.mp3</name> 
</song> 
<song> 
<title>SHEETA’S DECISION</title> 
<name>test7.mp3</name> 
</song> 
<song> 
<title>BGM</title> 
<name>test8.mp3</name> 
</song> 
<song> 
<title>SHOW ME</title> 
<name>test9.mp3</name> 
</song> 
</data>

 

1.avi格式
代码片断如下:
<object id="video" width="400" height="200" border="0" classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA"><param name="ShowDisplay" value="0">
<param name="ShowControls" value="1">
<param name="AutoStart" value="1">
<param name="AutoRewind" value="0">
<param name="PlayCount" value="0">
<param name="Appearance value="0 value=""">
<param name="BorderStyle value="0 value=""">
<param name="MovieWindowHeight" value="240">
<param name="MovieWindowWidth" value="320">
<param name="FileName" value="test.avi">
<embed width="400" height="200" border="0" showdisplay="0" showcontrols="1" autostart="1" autorewind="0" playcount="0" 

moviewindowheight="240" moviewindowwidth="320" filename="test.avi" src="test.avi"></embed> 
</object> 

 

2.mpg格式
代码片断如下:
<object classid="clsid:05589FA1-C356-11CE-BF01-00AA0055595A" id="ActiveMovie1" width="239" height="250"><param name="Appearance" value="0">
<param name="AutoStart" value="-1">
<param name="AllowChangeDisplayMode" value="-1">
<param name="AllowHideDisplay" value="0">
<param name="AllowHideControls" value="-1">
<param name="AutoRewind" value="-1">
<param name="Balance" value="0">
<param name="CurrentPosition" value="0">
<param name="DisplayBackColor" value="0">
<param name="DisplayForeColor" value="16777215">
<param name="DisplayMode" value="0">
<param name="Enabled" value="-1">
<param name="EnableContextMenu" value="-1">
<param name="EnablePositionControls" value="-1">
<param name="EnableSelectionControls" value="0">
<param name="EnableTracker" value="-1">
<param name="Filename" value="test.mpg" valuetype="ref"><param name="FullScreenMode" value="0">
<param name="MovieWindowSize" value="0">
<param name="PlayCount" value="1">
<param name="Rate" value="1">
<param name="SelectionStart" value="-1">
<param name="SelectionEnd" value="-1">
<param name="ShowControls" value="-1">
<param name="ShowDisplay" value="-1">
<param name="ShowPositionControls" value="0">
<param name="ShowTracker" value="-1">
<param name="Volume" value="-480">
</object>

3.smi格式
代码片断如下:
<OBJECT id=RVOCX classid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA width=240 height=180><param name="_ExtentX" value="6350">
<param name="_ExtentY" value="4763">
<param name="AUTOSTART" value="-1">
<param name="SHUFFLE" value="0">
<param name="PREFETCH" value="0">
<param name="NOLABELS" value="-1">
<param name="SRC" value="test.rm">
<param name="CONTROLS" value="ImageWindow">
<param name="CONSOLE" value="console1">
<param name="LOOP" value="0">
<param name="NUMLOOP" value="0">
<param name="CENTER" value="0">
<param name="MAINTAINASPECT" value="0">
<param name="BACKGROUNDCOLOR" value="#000000"><embed src="real.smi" type="audio/x-pn-realaudio-plugin" console="Console1" controls="ImageWindow" 

height="180" width="240" autostart="true"></OBJECT>

4.rm格式
代码片断如下:
<OBJECT ID=video1 CLASSID="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" HEIGHT=288 WIDTH=352><param name="_ExtentX" value="9313">
<param name="_ExtentY" value="7620">
<param name="AUTOSTART" value="0">
<param name="SHUFFLE" value="0">
<param name="PREFETCH" value="0">
<param name="NOLABELS" value="0">
<param name="SRC" value="rtsp://test.rm";;;;;;>
<param name="CONTROLS" value="ImageWindow">
<param name="CONSOLE" value="Clip1">
<param name="LOOP" value="0">
<param name="NUMLOOP" value="0">
<param name="CENTER" value="0">
<param name="MAINTAINASPECT" value="0">
<param name="BACKGROUNDCOLOR" value="#000000"><embed SRC type="audio/x-pn-realaudio-plugin" CONSOLE="Clip1" CONTROLS="ImageWindow" HEIGHT="288"

WIDTH="352" AUTOSTART="false">
</OBJECT>

5.wmv格式
代码片断如下:
<object id="NSPlay" width=200 height=180 classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" codebase="http:

//activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=
6,4,5,715" standby="Loading Microsoft Windows Media Player components…" type="application/x-oleobject" 

align="right" hspace="5">
<!– ASX File Name –>
<param name="AutoRewind" value=1>
<param name="FileName" value="test.wmv">
<!– Display Controls –>
<param name="ShowControls" value="1">
<!– Display Position Controls –>
<param name="ShowPositionControls" value="0">
<!– Display Audio Controls –>
<param name="ShowAudioControls" value="1">
<!– Display Tracker Controls –>
<param name="ShowTracker" value="0">
<!– Show Display –>
<param name="ShowDisplay" value="0">
<!– Display Status Bar –>
<param name="ShowStatusBar" value="0">
<!– Diplay Go To Bar –>
<param name="ShowGotoBar" value="0">
<!– Display Controls –>
<param name="ShowCaptioning" value="0">
<!– Player Autostart –>
<param name="AutoStart" value=1>
<!– Animation at Start –>
<param name="Volume" value="-2500">
<param name="AnimationAtStart" value="0">
<!– Transparent at Start –>
<param name="TransparentAtStart" value="0">
<!– Do not allow a change in display size –>
<param name="AllowChangeDisplaySize" value="0">
<!– Do not allow scanning –>
<param name="AllowScan" value="0">
<!– Do not show contect menu on right mouse click –><param name="EnableContextMenu" value="0">
<!– Do not allow playback toggling on mouse click –><param name="ClickToPlay" value="0">
</object>

6.wma格式
放在 <body> 里面。下面是部分解释:
<object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" id="MediaPlayer1" ><param name="Filename" value="test.Wma"> <!–你文件的位置–><param name="PlayCount" value="1"><!–控制重复次数: “x”为几重复播放几次; x=0,无限循环。–><param name="AutoStart" value="0"><!–控制播放方式: x=1,打开网页自动播放; x=0,按播放键播放。–><param name="ClickToPlay" value="1"><!–控制播放开关: x=1,可鼠标点击控制播放或暂停状态; x=0,禁用此功能。–><param name="DisplaySize" value="0"><!–控制播放画面: x=0,原始大小; x=1,一半大小; x=2,2倍大小。–><param name="EnableFullScreen Controls" value="1"><!–控制切换全屏: x=1,允许切换为全屏; x=0,禁用此功能。–><param name="ShowAudio Controls" value="1"><!–控制音量: x=1,允许调节音量; x=0,禁止音量调节。–><param name="EnableContext Menu" value="1"><!–控制快捷菜单: x=1,允许使用右键菜单; x=0,禁用右键菜单。–><param name="ShowDisplay" value="1"><!–控制版权信息: x=1,显示电影及作者信息;x=0,不显示相关信息–></object >
<embed src="http://../test.wmv";; 
autostart="true" loop="true" width="200" height="150" >

 

有图像的rm格式:
<OBJECT classid=’clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA’ height=288 id=video1 width=305 VIEWASTEXT><param name=’_ExtentX’ value=’5503′>
<param name=’_ExtentY’ value=’1588′>
<param name=’AUTOSTART’ value=’-1′>
<param name=’SHUFFLE’ value=’0′>
<param name=’PREFETCH’ value=’0′>
<param name=’NOLABELS’ value=’0′>
<param name=’SRC’ value=’http://../test.ram&#39;>;
<param name=’CONTROLS’ value=’Imagewindow,StatusBar,ControlPanel’><param name=’CONSOLE’ value=’RAPLAYER’>
<param name=’LOOP’ value=’0′>
<param name=’NUMLOOP’ value=’0′>
<param name=’CENTER’ value=’0′>
<param name=’MAINTAINASPECT’ value=’0′>
<param name=’BACKGROUNDCOLOR’ value=’#000000′>
</OBJECT>
无图像的rm格式:如相声,歌曲。。。
<object ID=’video2′ WIDTH=’300′ HEIGHT=’62′ CLASSID=’CLSID:CFCDAA03-8BE4-11CF-B84B-0020AFBBCCFA’><param name=’_ExtentX’ value=’9657′>
<param name=’_ExtentY’ value=’847′>
<param name=’AUTOSTART’ value=’-1′>
<param name=’SHUFFLE’ value=’0′>
<param name=’PREFETCH’ value=’0′>
<param name=’NOLABELS’ value=’0′>
<param name=’SRC’ value=’http://../test.rm&#39;>;
<param name=’CONTROLS’ value=’StatusBar,controlpanel’><param name=’CONSOLE’ value=’Clip1′>
<param name=’LOOP’ value=’0′>
<param name=’NUMLOOP’ value=’0′>
<param name=’CENTER’ value=’0′>
<param name=’MAINTAINASPECT’ value=’0′>
<param name=’BACKGROUNDCOLOR’ value=’#000000′>
</object>
最简单的media格式的播放器。。自动识别有无图像,但是版本是你机器的!
<embed src=’mms://../test.wmv’ width=200 height=200 autostart=true loop=true></embed>有图像的media播放器,自动调用网上的插件。
<object id=nstv classid=’CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6′ width=280 height=265
codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701standby=Loading Microsoft? Windows Media? Player
components… type=application/x-oleobject>
<param name=’URL’ value=’http://../test.wma&#39;>;
<PARAM NAME=’UIMode’ VALUE=’full’><PARAM NAME=’AutoStart’ VALUE=’true’><PARAM NAME=’Enabled’ VALUE=’true’>
<PARAM NAME=’enableContextMenu’ VALUE=’false’>
<param name=’WindowlessVideo’ VALUE=’true’></object>无图像的media播放器。。。同上。
<object id=nstv classid=’CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6′ width=280 height=60
codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701standby=Loading Microsoft? Windows Media? Player
components… type=application/x-oleobject>
<param name=’URL’ value=’http://../test.wma&#39;>;
<PARAM NAME=’UIMode’ VALUE=’full’><PARAM NAME=’AutoStart’ VALUE=’true’><PARAM NAME=’Enabled’ VALUE=’true’>
<PARAM NAME=’enableContextMenu’ VALUE=’false’>
</object>
只是界面不同的media的调插件播放器。。建议不用这个,,你可以看!
<embed src=’http://../test.ram&#39; type=’audio/x-pn-realaudio-plugin’ console=’Clip1′ controls=’ControlPanel,StatusBar’
height=’60′ width=’275′ autostart=’true’></embed>
<embed src="http://../test.wmv";; 
autostart="true" loop="true" width="200" height="150" >

 

有图像的rm格式:
<OBJECT classid=’clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA’ height=288 id=video1 width=305 VIEWASTEXT><param name=’_ExtentX’ value=’5503′>
<param name=’_ExtentY’ value=’1588′>
<param name=’AUTOSTART’ value=’-1′>
<param name=’SHUFFLE’ value=’0′>
<param name=’PREFETCH’ value=’0′>
<param name=’NOLABELS’ value=’0′>
<param name=’SRC’ value=’http://../test.ram&#39;>;
<param name=’CONTROLS’ value=’Imagewindow,StatusBar,ControlPanel’><param name=’CONSOLE’ value=’RAPLAYER’>
<param name=’LOOP’ value=’0′>
<param name=’NUMLOOP’ value=’0′>
<param name=’CENTER’ value=’0′>
<param name=’MAINTAINASPECT’ value=’0′>
<param name=’BACKGROUNDCOLOR’ value=’#000000′>
</OBJECT>
无图像的rm格式:如相声,歌曲。。。
<object ID=’video2′ WIDTH=’300′ HEIGHT=’62′ CLASSID=’CLSID:CFCDAA03-8BE4-11CF-B84B-0020AFBBCCFA’><param name=’_ExtentX’ value=’9657′>
<param name=’_ExtentY’ value=’847′>
<param name=’AUTOSTART’ value=’-1′>
<param name=’SHUFFLE’ value=’0′>
<param name=’PREFETCH’ value=’0′>
<param name=’NOLABELS’ value=’0′>
<param name=’SRC’ value=’http://../test.rm&#39;>;
<param name=’CONTROLS’ value=’StatusBar,controlpanel’><param name=’CONSOLE’ value=’Clip1′>
<param name=’LOOP’ value=’0′>
<param name=’NUMLOOP’ value=’0′>
<param name=’CENTER’ value=’0′>
<param name=’MAINTAINASPECT’ value=’0′>
<param name=’BACKGROUNDCOLOR’ value=’#000000′>
</object>
最简单的media格式的播放器。。自动识别有无图像,但是版本是你机器的!
<embed src=’mms://../test.wmv’ width=200 height=200 autostart=true loop=true></embed>有图像的media播放器,自动调用网上的插件。
<object id=nstv classid=’CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6′ width=280 height=265
codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701standby=Loading Microsoft? Windows Media? Player
components… type=application/x-oleobject>
<param name=’URL’ value=’http://202.99.11.42/xiangsheng/ymjr.wma&#39;>;<PARAM NAME=’UIMode’ VALUE=’full’><PARAM NAME=’AutoStart’ VALUE=’true’><PARAM NAME=’Enabled’ VALUE=’true’>
<PARAM NAME=’enableContextMenu’ VALUE=’false’>
<param name=’WindowlessVideo’ VALUE=’true’></object>无图像的media播放器。。。同上。
<object id=nstv classid=’CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6′ width=280 height=60
codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701standby=Loading Microsoft? Windows Media? Player
components… type=application/x-oleobject>
<param name=’URL’ value=’http://../test.wma&#39;>;
<PARAM NAME=’UIMode’ VALUE=’full’><PARAM NAME=’AutoStart’ VALUE=’true’><PARAM NAME=’Enabled’ VALUE=’true’>
<PARAM NAME=’enableContextMenu’ VALUE=’false’>
</object>
只是界面不同的media的调插件播放器。。建议不用这个,,你可以看!
<embed src=’http://../test.ram&#39; type=’audio/x-pn-realaudio-plugin’ console=’Clip1′ controls=’ControlPanel,StatusBar’ height=’60′ width=’275′
autostart=’true’></embed>
用flash制作
<?xml version="1.0" encoding="GB2312"?> 
<data>
<song>
<title>A DISTANCE THERE IS</title> 
<name>test.mp3</name>
</song>
<song>
<title>LOVE IN DECEMBER</title> 
<name>test1.mp3</name> 
</song> 
<song> 
<title>THANK YOU</title> 
<name>test2.mp3</name> 
</song> 
<song> 
<title>ESTRANGED</title> 
<name>test3.mp3</name> 
</song> 
<song> 
<title>NOTHING ELSE MATTERS</title> 
<name>test4.mp3</name> 
</song> 
<song> 
<title>HELLO LITTLE STAR</title> 
<name>test5.mp3</name> 
</song> 
<song> 
<title>DAS SCHWEIGEN</title> 
<name>test6.mp3</name> 
</song> 
<song> 
<title>SHEETA’S DECISION</title> 
<name>test7.mp3</name> 
</song> 
<song> 
<title>BGM</title> 
<name>test8.mp3</name> 
</song> 
<song> 
<title>SHOW ME</title> 
<name>test9.mp3</name> 
</song> 
</data>

 

固定语言编码、字号、字体 
  有时,因访问者的浏览器设置问题,使你的页面在别人看来与你期待的大不一样。难道我们只有“仍人宰割”吗?不,下面方法可使你的页面按你的想法固定下来。

1 文字的语言编码 

  你的中文页面可能在别人浏览器中是显示为乱码,这是因为别人浏览器文字编码的设的不是简体中文。在<head>和</head>之间加入下一句即可解决问题: 
<META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=gb2312"> 

2 字号的固定

  浏览器的字体大小设置有五项——最大、大、中、小、最小,假如你按中号字排版,在别人大号字浏览器下可能就不太美观。在<head>和</head>之间加入下面的css语句即可固定字体大小,丝毫不受浏览器影响。
<style> 
<!– 
p {font-size:9pt}; 
td {font-size:9pt}; 
li {font-size:9pt}; 
select {font-size:9pt}; 
–> 
<style>
  其中,表示font-size:9pt大小固定为9磅(一般都是这个值), Netscape的浏览器不支持li和select的固定。 

3 字体的固定

  一般浏览器字体设为宋体,但也有人设为楷体之类。在<head>和</head>之间加入下面的css语句,则可固定字体了。 
<style> 
<!– 
p {font-family: "宋体"}; 
td {font-family: "宋体"}; 
li {font-family: "宋体"}; 
select {font-family: "宋体"}; 
–> 
<style>
  2和3可结合使用,如 p {font-family: "宋体";font-size:9pt};

 
来 源: 网络

现在很多人看着代码一头雾水. 其实代码很有规律的.. 这里我就讲讲所谓的代码规律. 其实很基本的. 高手看了不要笑. 毕竟我对代码的认知也只是存在于那种看得懂写不来的层次..

不要看我写得比较多. 其实很简单. 坚持看下去对新手很有帮助.

首先举几个例子:

1 网页内插入框架代码:
   <frame ×××××××× </frame>
2 网页内插入层代码:
   <div ×××××××× </div>
3 插入文字代码:
   <font ××××××× </font>
4 粗体文字代码:
   <b>××</b>

是不是看出什么特别的地方? .. 其中蓝色的部分指的是代码的属性, 红色部分指的是内容.
不懂? 就拿第3个例子插入文字代码来再举个例:

 <font ××××××× </font>

比如插入最普通的字, 也就是不带特殊颜色不居中不带下划线等等的字. 那属性里自然就什么都不需要. 所以就是 
<font>我是天才</font> 
把这段代码插入网页的话效果就是:
我是天才
就是这种最普通的效果.

那进一步说, 比如我要插入红色的字. 那就是 
<font color="red">我是天才</font>
把这段代码插入网页那预览出来的样子就是:
我是天才

大致懂了不? 

一般代码的格式都是由尖括号括起来的. (尖括号=<,>) 
一般都是 <标签名 属性> 中间的内容 </标签名> 这样的格式 标签名&属性中间由空格隔开, 如果有多个属性则也用空格隔开. (标签名这个东西是我随便说的..0 0本来不叫这个..不要被我误导..)

其实UBB不是也差不多的.

比如代码中粗体字的代码是 <b>字</b> UBB代码中是 [ b ]字[ / b ]

UBB本来就是HTML的一个变种..

而有些代码是没有结尾的. 也就是没有</×> 

比如图片代码.   <img ××> 就只有这样一段.

打个比方,最简单的图片代码:

<img src="http://flylinda.com/logo1.gif">

属性中, src 就是路径的意思, 是很常用的一个属性.

这个代码预览出来的样子就是:

再复杂一些的图片代码:

<img src="http://flylinda.com/logo1.gif" height="10" width="10">

意思就是插入的图片高度为10宽度为10. 属性标签中的height意思是高度, width意思是宽度.

代码是可以一个套一个的. 但是基本上所有的代码都是有结尾的. 比如CSS代码就是:

<style>×××</style>

其中的红色部分可能隔了千山万水但是一定是有结尾的, 如果你做网页的时候发现网页有错误或者某段代码明明你插了但是死活显示不出来, 那你就可以检查检查是否有某代码没有结尾.

阿哼..我也不知道我写得是不是太跳了= = 总之就是:

<代码标签 属性> 内容 </代码标签>
两个代码标签是一样的. 属性可以有很多个,由空格隔开. 

最后附上一些常用代码标签&属性.

代码标签:

span = 某种类似层的东西
div = 层
frame = 框架

font = 字
p = 换行已经某种控制字效的东西..说不清啦..
b = 粗体
i = 斜体
marquee = 滚动字幕/图片

img = 图片(无结尾)

…有很多很多啦..

属性:

src="**"   路径. 比如框架代码或者层代码,图片代码等都会用到的一个属性.
width="**"  宽度. 包括框架宽度图片宽度等等.
height="**" 高度. 同上.
color="**"  其中的星号可以填颜色比如red,blue等等,也可以填颜色代码比如#ff0000等.
align="**"  定位. 比如居中居右等. 可以填center,left,right等. 默认为居左.

暂时想不出来了= =
其实有很多, 都是英文的..如果懂英文,学代码还是不很难的..

就这样- - … 我怀疑我写得太罗嗦了..但是好像还是有很多东西没写..

再次申明. 什么标签名代码标签都是我乱说的不要被我误导- - 

over.

如要转载请说明来自flylinda.com谢谢

一、HTML 

HTML:超文本标记语言

XHTML:扩展的超文本标记语言

XML:扩展标记语言

1、标记分类

单标记:只有开始标记,形式<标记>

双标记:拥有开始和结束标记,形式<标记>…</标记>

2、语法结构

<html>

<head>

<title>网页标题</title>

</head>

<body>

网页正文

</body>

</html>

建议:最好先搭建语法结构,然后再添加信息

3、标记属性

属性:对象的特性

设置对象属性语法

<标记 属性="属性值" 属性="属性值" ….>…

A、属性不是必须的

B、属性不区分先后顺序

二、修饰文本

1、<font>标记

语法:

<font face="字体列表" size="字号" color="颜色">文本</font>

注:网页中的文本字体、字号一般通过CSS设置

颜色   英文名称     十六位进制 
黑色   Black           #000000 
白色   White           #FFFFFF 
红色   Red             #FF0000 
绿色   Green          #00FF00 
蓝色   Blue            #0000FF 

2、文本样式

文本样式           标记 
加粗           <b>文本</b> 
加粗           <strong>文本</strong> 
倾斜           <i>文本</i> 
倾斜           <em>文本</em> 
下划线         <u>文本</u> 
删除线         <s>文本</s> 
删除线         <strike>文本</strike> 
上标           <sup>文本</sup> 
下标           <sub>文本</sub> 

段落标记

<p align="对齐方式[left、center、right]">….</p>

<p align="对齐方式">….

3、特殊符号

   含义           标记          效果  

 版权符号        ©              © 

  注册商标        ®                ® 

不间断空格                  空   格 

  软回车         <br>  

    英镑          £            £ 

    欧元           €             € 

     元            ¥               ¥ 

    引号           "              " 

     >                    >               3>2 

     <                    <                2<3 

     &                    &             &  

  一次方          ¹             X¹ 

  二次方         ²              X² 

  三次方         ³              X³ 

   乘以          ×          5×6=30 

    除以          ÷         60÷10=6 

三、图片

1、标记

语法

<img src="图片的位置及全称" width="宽度" height="高度" border="边框宽度" alt="注释文本">

注:图片的字节数不会随图片的宽度、高度的变化而变化

2、路径[相对路径]

如果当前文档和目标文档位置平行,则输入目标文档的全称

如果当前文档和目标文档所在文件夹位置平行,则输入 文件夹名称/目标文档全称

如果当前文档所在文件夹和目标文档位置平行,则输入 ../目标文档全称

一、表格

表格功能:实现网页图文混排

<table width="宽度" height="高度" cellpadding="边距" cellspacing="间距" border="边框" bordercolor="边框颜色" background="背景图像" 

bgcolor="背景颜色" align="对齐方式">

<tr width="宽度" height="高度" bgcolor="背景颜色" align="对齐方式">

<td width="宽度" height="高度" bgcolor="背景颜色" background="背景图像" align="对齐方式" 

valign="垂直对齐方式[top、middle、bottom]" colspan="列合并数目" rowspan="行合并数目">

单元格元素

</td>

….

</tr>

….

</table>

说明:

CellPadding:单元格元素与单元格框线之间的距离

CellSpacing:单元格与相邻单元格之间的距离

<th>标记:表头[自动居中加粗显示][<th>取代<td>标记的位置]

二、正文属性

<body background="背景图像" bgcolor="背景颜色" text="文本颜色" link="正常显示的链接文本颜色" alink="激活的链接文本颜色" 

vlink="访问过的链接文本颜色" leftmargin="左边距" topmargin="上边距"

marginwidth="边距宽度" marginheight="边距高度">

正文

</body>

说明:Leftmargin和Topmargin相对于IE浏览器而言;而Marginwidth和Marginheight则相对于Netscape[网景]浏览器

三、CSS

CSS:层叠样式表

1、定置CSS样式[在</title>和</head>之间]

<style type="text/css">

CSS代码

</style>

2、CSS代码语法

HTML标记/.类名称{属性:属性值;属性:属性值;….}

说明

HTML标记:同一个HTML标记,所有CSS属性相同时使用

类:同一个HTML标记,但CSS属性存在差别时使用

注:

A、在定义HTML标记时,标记无须尖括号

B、如果多个标记同时包含修饰元素时,应定置与修饰元素最近的标记

C、如果多个标记或类属性完全相同时,可以用逗号分隔标记或类名称

3、常用CSS属性

  含义          语法             说明 
设置字体     font-family  
设置字号     font-size          标题一般12磅;正文一般9磅 
设置颜色      color  
设置行高    line-height         一般设置150%至200% 

4、定义CSS类

注:CSS类名称必须以英文句号开头

应用CSS类

<HTML标记 class="类名称" ….>

5、CSS控制边框

   含义                  语法                   说明 
控制上边框线型    border-top-style      solid[实线]、dotted[点划线]、double[双划线] 
控制上边框颜色    border-top-color  
控制上边框线宽    border-top-width  
控制下边框线型   border-bottom-style  solid[实线]、dotted[点划线]、double[双划线] 
控制下边框颜色    border-bottom-color  
控制下边框线宽    border-bottom-width  
控制左边框线型    border-left-style     solid[实线]、dotted[点划线]、double[双划线] 
控制左边框颜色    border-left-color  
控制左边框线宽    border-left-width  
控制右边框线型    border-right-style    solid[实线]、dotted[点划线]、double[双划线] 
控制右边框颜色    border-right-color  
控制右边框线宽    border-right-width  

注:

A、如果一个元素的四个边框的线型、线宽、颜色完体相同时,可以使用

HTML标记/.类名称{border:线型 线宽 颜色;}

B、定置一个边框的线型、线宽、颜色的简捷方式

HTML标记/.类名称{border-边框方位:线型 线宽 颜色;}

四、链接

可以创建链接的元素:文本、图片、热区

1、链接的分类

外部链接:当前文档和目标文档在不同站点

内部链接:当前文档和目标文档在同一站点

局部链接:也称为锚点链接[书签链接],链接到页面的某一部分

2、标记

<a href="目标文档的位置及全称" target="打开目标文档窗口形式" title="注释文本">显示元素</a>

3、路径

绝对路径:表现形式 http://www.域名 FTP://IP地址

相对路径:从当前文档开始的路径

根相对路径:从站点根目录开始的路径,以"/"开头

4、目标文档的表现形式

A、目标文档为网页或Web支持格式的文件

常用的网页扩展名

.htm .html

.shtm .shtml

.asp .aspx .jsp .php .cgi

Web支持格式的文件

.gif .jpg .jpeg .png .swf .txt

注:对于链接到Web支持格式的文件可直接链接到该文件而无需将其制作为网页

B、目标文档为下载资源

下载资源为网页或Web支持格式的文件

解决方案:将下载资源使用WinRAR压缩后,链接到该压缩包

下载资源格式浏览器不支持

解决方案

直接链接到该文件/使用压缩下载/使用FTP下载

C、目标文档为电子邮件

<a href="mailto:电子邮件地址">显示元素</a>

5、打开目标文档的窗口形式

_blank:在新窗口中打开目标文档

_self:在自身窗口中打开目标文档

_parent:在父窗口中打开目标文档

_top:在顶窗口中打开目标文档

<style type="text/css">

a:link {
color: #FF6600;
text-decoration: none;
}

</style>

链接的四种状态
a:link[链接]
a:active[积活]
a:visited [访问]
a:hover [悬挂]

常用CSS属性:
Font-family:设置字体
Font-size:设置字号
Color:设置颜色
Line-height:设置行高
Text-decoration:设置修饰线[underline(下划线)、overline(上划线)、line-through(删除线)、none]

5095a783