網頁語法整理




 



★連結語法


往右移
 <P style="MARGIN-LEFT:30px">


貼圖連結加文字
<a href="連結網址" target="_blank" ><img alt=""""文字"
src="圖片網址"""" border=0></a>


以文字做連結
<a href="連結網址" target="_blank"><font color=#ff0000><b>文字</b></font></a>


增加縮排
<blockquote> </blockquote>


空格 (將 - 刪除)
&-nbsp;&-nbsp;



★特效&新增語法


圖在文字的: align=置中 "absmiddle"
置左 "left" 置右 "right" 置上 "top"
間距:上下vspace="5" 左右hspace="5"
透明 transparent


 連結變換圖片
<a href="連結網址"><img src="原圖片網址" border="0" onMouseOver="this .src='游標指著時的圖片網址'"onMouseOut="this .src='原圖片網址'"></a>


滑鼠指到圖由小變大
<span id="s1" style = "width : 200">
<a href="index.shtml"
onmouseover="img1.style.width='450';"
onmouseout="img1.style.width= '200';">
<Img src="http://kai69ling.googlepages.com/8re.gif" border="0" id="img1">
</a></span>


~歡迎光臨情意的足跡~
<font size=5 face=標楷體 style="filter: glow(color=#ffccff,strength=3); height:10px; color:#ffffff; padding:1px">~歡迎光臨情意的足跡~</font>


防止被盜圖文
<div ondragstart="return false" onselectstart="return false" onContextMenu="return false">文章內容</div>


文繞圖與貼圖對齊文字:
<img src="圖片網址" align="left" hspace="5" vspace="5" border="0">


文章結尾
<br><br>
<img src="http://blog.sina.com.tw/myimages/23/21271/images/20061226153442202.gif" align="left" vspace="10" hspace="15">
若在製作的過程中,有不了解的地方,可回應你的問題<br>我們一起來研究,但請務必留下明確的問題與所在網址.....<br>若喜歡情意的文章,歡迎轉載與引用,但請註明出處與連結<br>感謝你的到訪,歡迎將情意的足跡加入你的連結裡!<br><br>


讓文字對齊
<div style="font-size:12px;width:200;text-align:justify; text-justify:inter-ideograph">內容</div>


字體由下自上移動
<marquee direction=up width="400" height="580" SCROLLAMOUNT="2" SCROLLDELAY="200">跑馬燈由下至上</marquee></font>


測試用的網址: 圖片 MP3 asf
文字往右移<font color="#cc0000" style="MARGIN-LEFT:80px">讓文字往右移 </font>


文字底下有虛線
<Span Style="Border-Bottom:1px dashed #C1C1C1">文字內容</Span>


保存原始格式
<pre>文字內容</pre>



arrow
arrow
    全站熱搜
    創作者介紹
    創作者 牡麗三郎 的頭像
    牡麗三郎

    牡麗三郎的部落格

    牡麗三郎 發表在 痞客邦 留言(0) 人氣()