html貼圖語法系列

------------------普通系列
<img src=路徑>
------------------說明系列
<img src=路徑 alt=說明文字>
------------------高寬系列
<img src=路徑 height=高度 width=寬度>
------------------指標系列
<img src=路徑 style=cursor:hand>


------------------對齊系列
至右系列
<img src=路徑 align=right>
至左系列
<img src=路徑 align=left>
字上系列
<img src=路徑 align=top>
字下系列
<img src=路徑 align=bottom>
字中系列
<img src=路徑 align=middle>
字距系列
<img src=路徑 hspace=數字>
------------------反向系列
水平系列
<img src=路徑 style=filter:fliph()>
垂直系列
<img src=路徑 style=filter:flipv()>
------------------圍色系列
<img src=路徑 style=filter:glow(color=000000,strength=1)>
------------------影子系列
有影系列
<img src=路徑 style=filter:dropshadow(color=cccccc,offx=4,offy=4,positive=1)>
任影系列
<img src=路徑 style=filter:shadow(color=cccccc,direction=25)>
------------------透明系列
淡透系列
<img src=路徑 style=filter:alpha(opacity=60,style=0)>
慢透系列
<img src=路徑 style=filter:alpha(opacity=60,style=1)>
弧透系列
<img src=路徑 style=filter:alpha(opacity=60,style=2)>
折透系列
<img src=路徑 style=filter:alpha(opacity=60,style=3)>
------------------歪扭系列
<img src=路徑 style=filter:Wave(strength=5,freq=2,lightstrength=20,phase=9)>
------------------變化系列
<img src=尚觸路徑 onmouseover="src='觸摸路徑'"onmouseout="src='觸離路徑'">
------------------色景系列
被色系列
<img src=路徑 style=background-color:cccccc>
被景系列
<img src=路徑 style='background:url(被景網址)'>
------------------幻覺系列
黑白系列
<img src=路徑 style=filter:gray>
底片系列
<img src=路徑 style=filter:invert>
殘缺系列
<img src=路徑 style=filter:xray>
------------------圍虛系列
圍框系列
<img src=路徑 border=1>
------------線條系列
線框系列
<img src=路徑 style="border:solid 1px solid #009900">
線上系列
<img src=路徑 style="border-top:solid 1px solid #009900">
線下系列
<img src=路徑 style="border-bottom:solid 1px solid #009900">
線左系列
<img src=路徑 style="border-left:solid 1px solid #009900">
線右系列
<img src=路徑 style="border-right:solid 1px solid #009900">
------------虛線系列
虛框系列
<img src=路徑 style="border:1 dashed #009900">
虛上系列
<img src=路徑 style="border-top:dotted 1px dashed #009900">
虛下系列
<img src=路徑 style="border-bottom:dotted 1px dashed #009900">
虛左系列
<img src=路徑 style="border-left:dotted 1px dashed #009900">
虛右系列
<img src=路徑 style="border-right:dotted 1px dashed #009900">
------------虛點系列
點框系列
<img src=路徑 style="border:dotted 2px;border-color:009900">
點上系列
<img src=路徑 style="border-top:dotted 2px;border-color:009900">
點下系列
<img src=路徑 style="border-bottom:dotted 2px;border-color:009900">
點左系列
<img src=路徑 style="border-left:dotted 2px;border-color:009900">
點右系列
<img src=路徑 style="border-right:dotted 2px;border-color:009900">
------------------警告系列
------------防防系列
防碰系列
<img src=路徑 onmouseover=javascript:alert('防碰警告語')>
防離系列
<img src=路徑 onmouseout=javascript:alert('防離警告語')>
防左系列
<img src=路徑 onclick=javascript:alert('防左警告語')>
防按系列
<img src=路徑 onmousedown=javascript:alert('防按警告語')>
------------禁禁系列
禁碰系列
<img src=路徑 onmouseover=window.alert('禁碰多框語1');alert('禁碰多框語2');alert('禁碰多框語3')>
禁離系列
<img src=路徑 onmouseout=window.alert('禁離多框語1');alert('禁離多框語2');alert('禁離多框語3')>
禁左系列
<img src=路徑 onclick=window.alert('禁左多框語1');alert('禁左多框語2');alert('禁左多框語3')>
禁按系列
<img src=路徑 onmousedown=window.alert('禁按多框語1');alert('禁按多框語2');alert('禁按多框語3')>
------------驚驚系列
勿碰系列
<img src=路徑 onmouseover=javascript:{alert('準備數五隻羊');for(index=1;index<6;index++)alert('第'+index+'隻羊');}>
勿離系列
<img src=路徑 onmouseout=javascript:{alert('準備數五隻羊');for(index=1;index<6;index++)alert('第'+index+'隻羊');}>
勿左系列
<img src=路徑 onclick=javascript:{alert('準備數五隻羊');for(index=1;index<6;index++)alert('第'+index+'隻羊');}>
勿按系列
<img src=路徑 onmousedown=javascript:{alert('準備數五隻羊');for(index=1;index<6;index++)alert('第'+index+'隻羊');}>

創作者介紹
創作者 張艾梅 的頭像
張艾梅

★Att101★姊妹淘的衣櫥(o☻W☻o)

張艾梅 發表在 痞客邦 留言(2) 人氣()


留言列表 (2)

發表留言
  • starbug
  • 謝謝教學~^^~